html, body {min-width:320px;min-height:100vh;font-size:16px;padding:0;margin:0;border:0;position:relative;font-family: 'Muli', sans-serif;}
* {box-sizing: border-box;}
img {display:block;max-width:100%;}
input, textarea, select {font-family: 'Muli', sans-serif;font-size:16px;color:#000;}
.row {width:100%;height:auto;overflow:auto;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.row > .contents {width:100%;max-width:1400px;margin:auto;height:auto;overflow:auto;position:relative;z-index:2;}
.row > .contents.padding {padding:60px 20px;}
.row > .contents.small-padding {padding:20px;}
.row.margin-bottom {margin-bottom:60px;}

.row.light-grey {background-color:rgba(164,164,164,0.6)}
.row.grey {background-color:#393939;}
.row.blue {background-color:#22215d;color:#FFF;}

.row.header {overflow:unset;}

.spacer {height:60px;}

.top-bar {background-color:rgba(0,0,0,0.6);z-index:10;position: relative;height:180px;padding:18px 10px;}
.top-bar .logo {float:left;width:310px;}
.top-bar .navigation {float:left;width:calc(100% - 310px);padding-left:60px;}
.top-slider {position:relative;z-index:1;margin-top:-180px;}

.slider-award {padding:20px;background-color:rgba(255,255,255,0.8);float:right;margin-right:20px;}
.slider-award-row {margin-top:-120px;}

#menu {list-style: none;padding:0;margin:0;padding-top:55px;}
#menu a {font-weight: 800;font-size:20px;color:#FFF;text-decoration: none;display:inline-block;margin-right:30px;position: relative;}
#menu a::after {content:'';display:block;width:0px;height:2px;background-color:#FFF;transition:width .25s ease-in-out;margin:auto;}
#menu a:hover::after {width:100%;}
#menu a:last-child {margin-right:0;}

.home-blocks {height:auto;overflow:auto;}
.home-blocks .block {display:block;padding:40px 20px;text-decoration:none;float:left;width:calc((100% - 40px) / 3);margin-right:20px;background-color:#22215d;}
.home-blocks .block:last-child {margin-right:0;}
.home-blocks .block .logo {margin:auto;margin-bottom:20px;padding:0px 20px;}
.home-blocks .block .text {font-size:46px;color:#FFF; text-align: center;font-weight:800;}
.home-blocks .block .green-bar {width:0px;margin:auto;height:4px;transition:width .25s ease-in-out;background-color:#1bb145;}
.home-blocks .block:hover .green-bar {width:100%;}

.copyright {text-align: center;}
.copyright a {font-weight: bold;text-decoration: none;color:inherit;}

#map {height:500px;}

.half {width:50%;float:left;}
.half:first-child {padding-right:20px;}
.half:last-child {padding-left:20px;}

.input-row .half:first-child {padding-right:10px;}
.input-row .half:last-child {padding-left:10px;}

.footer-sites {height:auto;overflow:auto;}
.footer-sites .site {width:calc(100% / 3);float:left;text-align:center;color:#FFF;font-weight: 800;}

.navigation-logos {height:auto;overflow:auto;}
.navigation-logos .nav-logo {width:calc(100% / 3);float:left;text-align: center;padding:0px 10px;}
.navigation-logos .nav-logo a {display:inline-block;}
.navigation-logos .nav-logo a .green-bar {width:0px;margin:auto;margin-top:5px;height:4px;transition:width .25s ease-in-out;background-color:#1bb145;}
.navigation-logos .nav-logo a:hover .green-bar {width:100%;}

.footer #menu {padding-top:20px;}
.footer #menu a {font-size:16px;}
.footer {margin-top:60px;color:#FFF;font-weight: 800;}
.footer .num-all-sites {font-size:18px;}
.footer .number {font-size:36px;padding-top:35px;text-align: center;}
.footer .content-side {float:left;width:50%;padding:10px 10px 10px 0px;}
.footer .logo-side {float:left;width:50%;text-align: center;}

.page-text .title {color:#22215d;font-size:40px;font-weight: 800;margin-bottom:30px;}
.page-text .text {font-size:16px;color:#000;font-weight:bold;}

.home-image {padding:0px 20px;}
.home-image img {margin:auto;max-width:500px;width:100%;}

.award img {margin:auto;}
.award-text {color:#FFF;font-size:40px;padding-top:100px;font-weight:800;}

.blue-overlay {position: absolute;z-index:1;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background-color:rgba(34,33,93,0.8);}
.black-overlay {position: absolute;z-index:1;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0,0.6);}

.center-title {color:#FFF;font-size:40px;font-weight: 800;text-align:center;margin-bottom:20px;}
.as-field {display:none;}

.contact-form {display:block;height:auto;overflow:auto;}
.contact-form.home-form {background-color:rgba(102,102,102,0.7);padding:40px;margin-bottom:60px;}
.contact-form.contact-page {background-color:#22215d;padding:20px;}
.contact-form.contact-page .half:first-child {padding-right:10px;}
.contact-form.contact-page .half:last-child {padding-left:10px;}
.contact-form input {height:40px;padding-left:10px;border:0;background-color:#FFF;outline:none;margin-bottom: 20px;width:100%;display:block;}
.contact-form textarea {width:100%;resize:none;margin-bottom:20px;padding-top:8px;height:220px;display:block;border:0;background-color:#FFF;outline:none;padding-left:10px;}
.contact-form .half input:last-child {margin-bottom:0;}
.button-container {text-align: right;}
.button-container input{display:inline-block;font-weight:800;width:auto;transition:border .25s ease-in-out;margin-bottom:0;padding:0px 20px;border:1px solid #FFF;color:#FFF;background-color:#393939;}
.button-container input:hover {border:1px solid #1bb145;cursor: pointer;}

.news-item .button-container {text-align: left;padding-top:20px;}
.news-item .button-container span {display:inline-block;font-weight:800;width:auto;transition:border .25s ease-in-out;margin-bottom:0;padding:10px 20px;border:1px solid #FFF;color:#FFF;background-color:#393939;}
.news-item:hover .button-container span {border:1px solid #1bb145;cursor: pointer;}

.input-row {height:auto;overflow:auto;}
.input-row:first-child {margin-bottom:20px;}

.logo-container {background-color:#FFF;padding:20px;display:inline-block;}
.logo-container img {display:inline-block}
.logo-container img:first-child {margin-right:20px;}

.page-text-with-image {float:left;width:calc(100% - 450px);padding-right:20px;}
.page-text-image {float:left;width:450px;padding-left:20px;}
.page-text-image img {margin-bottom:20px;}
.page-text-image a:last-child img {margin-bottom:0;}

.contact-line {position:relative;padding-left:30px;margin-bottom:20px;}
.contact-line .icon {position: absolute;top:0;left:0;height:30px;width:30px;text-align: center;font-size:20px;}
.contact-line .text {font-weight:800;font-size:20px;}
.contact-lines {padding-top:20px;}

.no-entries {font-weight: 800;font-size:20px;}

.news-item {height:auto;overflow:auto;text-decoration: none;color:inherit;display:block;margin-bottom:20px;}
.news-item .image {width:300px;float:left;}
.news-item .contents {width:calc(100% - 300px);float:left;padding:0px 0px 0px 20px;font-weight: bold;}
.news-item .title {font-size:30px;margin-bottom:10px;}
.date {font-weight: 800;margin-bottom:10px;color:#1bb145;}
.date i {padding-right:5px;}

#pana {width:100%;display:block;height:500px;border:0;margin-top:40px;margin-bottom:40px;}

.back-button {text-decoration: none;color:#22215d;font-weight:800;transition:color .25s ease-in-out;}
.back-button:hover {color:#1bb145;}

.storage-options {height:auto;overflow:auto;}
.storage-options .title {font-size:30px;color:#22215d;font-weight: 800;margin-bottom:30px;}
.storage-options .image img {margin:auto;}
.storage-options .image {margin-bottom:20px;}
.storage-options .storage-option {height:auto;overflow:auto;width:50%;float:left;margin-bottom:20px;text-align:center;padding-right:20px;}
.storage-options .list .storage-option:nth-child(2n) {padding-left:20px;padding-right:0;}

.site-panel {padding:40px 20px;height:auto;overflow:auto;}
#panel-map {width:100%;height:400px;}
#panel-map-peninsula {width:100%;height:400px;}
#panel-map-wallasey {width:100%;height:400px;}

.tabs {height:auto;overflow:auto;width:100%;padding:0px 20px;}
.tabs .tab {width:50%;float:left;padding:20px;}
.tabs .tab:hover {cursor: pointer;}
.tabs .tab img {margin:auto;}
.tabs .tab.active {background-color:#22215d;}

.mob-nav-button {display:none;font-size:50px;color:#FFF;width:90px;float:right;margin-top:30px;text-align:center;line-height:80px;transition:background-color .25s ease-in-out;}
.mob-nav-button:hover {background-color:#22215d;cursor: pointer;}

.mobile-navigation{position:absolute;color:#FFF;transition:width .25s ease-in-out;top:0;right:0;bottom:0;height:100%;width:0;z-index:100;overflow:hidden;display:block;background-color:rgba(34,33,93,0.9);}
.mobile-navigation.active{width:320px;}
.mobile-navigation-container {padding:20px;width:320px;}
.mobile-navigation ul{list-style:none;margin:0;padding:20px;}
.mobile-navigation ul ul{padding-left:20px;padding-bottom:2px;padding-top:0;}
.mobile-navigation li{display:block;}
.mobile-navigation a:hover {border-bottom:1px solid #1bb145;}
.mobile-navigation a{text-decoration:none;display:block;font-size:18px; padding:15px 0px;transition:border-bottom .25s ease-in-out;border-bottom:1px solid #e8e8e8;}
.mobile-navigation .header{position:relative;font-size:24px;height:30px;margin-bottom:40px}
.mobile-navigation .header::after{content:'';width:100%;position:absolute;bottom:-20px;height:1px;left:0;right:0;margin:auto;background-color:#363537;}
.mobile-navigation .header span{line-height:30px;display:block}
.mobile-navigation .header .close-menu{position:absolute;top:0;right:0;bottom:0}
.mobile-navigation .header .close-menu:hover{cursor:pointer;}
.mobile-navigation a {text-decoration: none;color:inherit;}

strong {font-weight:800;}

@media screen and (max-width:1080px)
{
    #menu {display:none;}
    .mob-nav-button {display:block;}
}

@media screen and (max-width:1000px)
{
    .page-text-with-image {float:none;width:100%;padding-right:0;}
    .page-text-image {float:none;width:100%;padding-left:0;padding-top:20px;}
    .page-text-image img {margin:auto;margin-bottom:20px;}

    .site-panel > .half {width:100%;float:none;}
    .site-panel > .half:first-child {padding-right:0;margin-bottom:20px;}
    .site-panel > .half:last-child {padding-left:0;}
}

@media screen and (max-width:940px)
{
    .footer .navigation {display:none;}
    .footer .content-side {width:100%;float:none;text-align: center;margin-bottom:20px;padding-right:0;}
    .footer .logo-side {width:100%;float:none;}
}

@media screen and (max-width:900px)
{
    .contents > .half {width:100%;float:none;}
    .contents > .half:first-child {padding-right:0;margin-bottom:20px;}
    .contents > .half:last-child {padding-left:0;}

    .award-text {padding-top:0;text-align:center;}
    .page-text .title {text-align:center;}
    .date {text-align: center;}
}

@media screen and (max-width:880px)
{
    .storage-options .storage-option {float:none;width:100%;padding-right:0;}
    .storage-options .list .storage-option:nth-child(2n) {padding-left:0;}
}


@media screen and (max-width:800px)
{
    .home-blocks .block {width:calc(50% - 10px);margin-bottom:20px;}
    .home-blocks .block:nth-child(2n) {margin-right:0;}
    .home-blocks .block:nth-child(3) {margin-left:25%;}

    .footer-sites .site {width:50%;margin-bottom:20px;}

    .news-item .image {float:none;margin:auto;margin-bottom:20px;max-width:300px;width:100%;}
    .news-item .contents {width:100%;float:none;padding:0;text-align:center;}
    .news-item .button-container {text-align:center;}

    .slider-award-row {display:none;}
}

@media screen and (max-width:620px)
{
    .contact-form.home-form .half {width:100%;float:none;}
    .contact-form.home-form .half:first-child {padding-right:0;}
    .contact-form.home-form .half:last-child {padding-left:0;padding-top:20px;}
}

@media screen and (max-width:550px)
{
    .home-blocks .block {width:100%;margin-bottom:20px;margin-right:0;margin-left:0;}
    .home-blocks .block:nth-child(2n) {margin-right:0;}
    .home-blocks .block:nth-child(3) {margin-left:0;}

    .footer-sites .site {width:100%;float:none;margin-bottom:20px;}

    .input-row .half {width:100%;float:none;padding-right:0;padding-left:0;}
    .contact-form.contact-page .half:first-child {padding-right:0;margin-bottom:20px;}
    .contact-form.contact-page .half:last-child {padding-left:0;}

    .input-row .half:first-child {padding-right:0px;margin-bottom:20px;}
    .input-row .half:last-child {padding-left:0px;}
}

@media screen and (max-width:500px)
{
    .logo-container img:first-child {margin-right:0;display:block;margin-bottom:20px;}
    .logo-container img {margin:auto;}
}

@media screen and (max-width:480px)
{
    .top-bar .logo {width:100%;float:none;margin:auto;}
    .top-bar .logo img {margin:auto;}
    .top-bar .navigation {float:none;width:100%;padding-left:0;text-align:center;}
    .top-slider {margin-top:0;}
    .top-bar {height:auto;overflow:auto;background-color:#22215d;}
    .mob-nav-button {float:none;margin-top:10px;display:inline-block;}

    .slider-award-row {display:block;}
}