@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');:root { --dk-blue: #003366; --red : #cc0000; --lt-grey: #e6e3e2; --lt-blue: #e1e9f4;}html, body, form { height: 100%; }form { display: flex; flex-direction: column; }#site-wrap { flex: 1 0 auto; }#site-footer { flex-shrink: 0; }body { font-family: 'Lato', sans-serif; line-height: 24px; font-weight: 400; font-size: 16px; line-height: 1.5; color: #000000; } body.nav-open { overflow: hidden; }h1, .h1, h2, .h2, h3, .h3 { text-transform: uppercase; font-weight: 600; }h1, .h1, h2, h3, a { color: inherit; }a { color: #5091c9; transition: all 0.5s ease-in-out; } a:hover { color: var(--dk-blue); text-decoration: none; }a > i.fa-chevron-right { transition: all 0.5s ease-in-out; } a:hover > i.fa-chevron-right { transform: translateX(5px); }h1, .h1 { margin-bottom: 30px; font-size: 1.6rem } h1 small, .h1 small { text-transform: none !important; }h2 { font-size: 1.6rem; }h3 { font-size: 1.3em; }ul { padding-left: 15px; }b, strong, label { font-weight: 700; }hr { width: 100px; height: 2px; border-style: none; }div:empty { display: none; }h1.bar { position: relative; color: #fff; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; text-align: center; } h1.bar:before { content: ""; position: absolute; background-color: var(--dk-blue); width: 100vw; top: 0px; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: -1; }.text-xl { font-size: 3.0em; }.text-normal { font-style: normal; }.button { display: block; padding: 15px 30px; text-align: center; background-color: #fff; color: #333; font-weight: 600; text-transform: uppercase; border-collapse: collapse; border: solid 1px #333; transition: all 0.5s ease-in-out; width: 100%; margin: 5px 0px; text-decoration: none !important; } .button:hover { background-color: var(--dk-blue); color: #fff; border-color: var(--dk-blue); }.rounded { border-radius: 14px; }.owl-box { display: block; border: 0px; position: relative; } .owl-box:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.4); content: ""; } .owl-box > img { z-index: 0; } .owl-box > div { position: absolute; bottom: 15px; left: 15px; right: 15px; text-align: left; color: #fff; z-index: 10; } .owl-box h2 { font-style: italic; }.bg-dk-blue { background-color: var(--dk-blue); color: #fff; } .bg-dk-blue hr { background-color: #fff; margin: 15px auto; } .bg-dk-blue h1 { margin: 0px; }.bg-red { background-color: var(--red); color: #fff; } .bg-red .button { border-color:#fff; color: #fff; background-color: transparent; } .bg-red .button:hover { background-color: var(--dk-blue); border-color:var(--dk-blue); }.bg-lt-grey { background-color: var(--lt-grey); }.scroll-to-top { display: none; position: fixed; bottom: 5px; right: 5px; width: auto; height: auto; padding: 10px; z-index: 1000; } .scroll-to-top:hover { text-decoration: none; }.hover-rows { } .hover-rows .col-lg-6 { overflow: hidden; } .hover-rows img { transition: all 0.5s ease-in-out; } .hover-rows .row:hover img { transform: scale(1.2); } .hover-rows h2 a { color: inherit; }.box, .survey-box { display: block; padding: 0px; border: solid 1px var(--lt-grey); padding: 1rem; } .box .content, .survey-box .content { padding: 1rem; }.box { background-color: var(--lt-blue); border-color: var(--lt-blue); } ul.tick-list { list-style: none; padding: 0px; } ul.tick-list li { position: relative; padding-left: 25px; } ul.tick-list li:before { content: "\f00c"; color: var(--red); display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0px; top: 4px; }.brand { display: block; background-color: var(--dk-blue); border: solid 1px var(--dk-blue); color: #fff !important; transition: all 0.5s ease-in-out; text-decoration: none !important; } .brand h4 { margin-bottom: 0px; } .brand a { color: inherit !important; } .brand a:hover { color: var(--lt-blue) !important; } .brand hr { border-top: solid 1px var(--lt-blue) !important; width: 3rem; }#site-nav { position: fixed; background-color: #fff; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: auto; z-index: 15; padding: 30px; transition: all 0.5s ease-in-out; transform: translateY(-100%); opacity: 0; } body.nav-open #site-nav { transform: none; opacity: 1.0; } #site-nav a { display: block; color: #000000; text-transform: uppercase; } #site-nav a:hover { color: var(--red); } #site-nav img { display: inline-block; max-width: 200px; padding: 15px; } #site-nav { padding: 0px; margin: 0px; font-weight: 700; font-size: 1.5em; } #site-nav a { display: block; margin: 0px 5px; }#site-header { font-size: 1em; font-weight: 600; position: absolute; top: 0; left: 0; right: 0; z-index: 100; background-color: #fff; } #site-header a { color: inherit !important; text-decoration: none !important; } #site-header > .container-fluid { height: 60px; } #site-header #nav-toggle { position: absolute; z-index: 20; top: 2px; left: 0px; } body.nav-open #site-header #nav-toggle { position: fixed; } #site-header #site-logo { position: absolute; z-index: 5; max-width: 200px; top: 8px; left: 50%; right: auto; transform: translateX(-50%); } #site-header #site-tel { position: absolute; right: 15px; top: 9px; z-index: 20; font-size: 1.8rem; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before { background-color: var(--dk-blue); } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { background-color: var(--red); }#site-content { margin-top: 60px; overflow-x: hidden; } #home-map { position: relative; background: url(../images/layout/img-map.jpg); background-position: center center; background-size: cover; color: #fff; } #home-map > article { position: relative; z-index: 10; } #home-map:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.4); content: ""; }#site-content #cta { background-color: #fec52e; color: #fff; } #site-content #cta h3, #site-content #cta h2 { text-transform: none !important; color: #fff; } #site-content #cta a { color: inherit !important; text-decoration: none !important; }#site-content #page-content { }#site-footer { } #site-footer a { display: block; color: inherit; } #site-footer .button { margin: 5px; } #site-footer .bg-red a { text-decoration: none !important; } #site-footer #copyright a, #site-footer #accreditations a { display: inline-block; } #site-footer #copyright a:before { content: "|"; margin: 0px 3px 0px 0px; }.logos a { display: inline-block; margin: 15px 15px; } .logos a > img { max-height: 80px; } #slide-no { position: absolute; right: 15px; top: 15px; background-color: var(--dk-blue); color: #fff; padding: 5px 15px; z-index: 1;}#cookiebar { position: fixed !important; bottom: 0px !important; left: 0px !important; right: 0px !important; top: auto !important; }.form-control { height: 50px; border-radius: 0px; }#site-banner .carousel-item .carousel-caption { position: relative; top: auto; bottom: auto; right: auto; left: auto; color: inherit; padding: 15px 0px 0px 0px; text-align: left; }#accordion .card { border: 0px; }#accordion .card-header { background: transparent !important; border: 0px !important; padding: 0px; border-radius: 0px !important; } #accordion .card-header a { text-transform: none; display: block; cursor: pointer; background: transparent !important; position: relative; color: var(--dk-blue); text-decoration: none !important; border-bottom: solid 1px var(--dk-blue); transition: all 0.5s ease-in-out; padding: 10px 0px; border-radius: 0px !important; } #accordion .card-header a.collapsed { color: inherit; color: inherit; border-bottom: solid 1px #ccc;} #accordion .card-header a:before, #accordion .card-header a:after { content: ""; position: absolute; right: 15px; width: 2px; height: 12px; background-color: var(--dk-blue); transition: all 0.5s ease-in-out; } #accordion .card-header a:before { transform: rotate(180deg); right: 15px; opacity: 0; } #accordion .card-header a:after { transform: rotate(90deg); right: 15px; } #accordion .card-header a.collapsed:before { transform: rotate(90deg); opacity: 1; background-color: #ccc; } #accordion .card-header a.collapsed:after { transform: rotate(0deg); background-color: #ccc; } #accordion .card-body { padding: 1.25rem 0px; }@media (min-width: 576px) { .button { display: inline-block; width: auto; }}@media (min-width: 768px) { body { font-size: 18px; } h1, .h1 { font-size: 2.5rem; } #site-header { font-size: 1.2em; font-weight: 600; } #site-header > .container-fluid { height: 124px; } #site-header #site-logo { max-width: 400px; } #site-header #site-tel { top: 34px; } #site-header #nav-toggle { top: 32px; } #site-content { margin-top: 118px; } #home-map { background-attachment: fixed; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 45%; transform: translateY(-50%); font-size: 1.4em; background-color: transparent !important; } .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { color: var(--red); } .owl-carousel .owl-nav button.owl-next { right: -60px; left: auto; } .owl-carousel .owl-nav button.owl-prev { left: -60px; right: auto; } .tick-list.tick-columns { column-count: 2; }}@media (min-width: 992px) { #site-footer a { display: inline-block; } .tick-list.tick-columns { column-count: 4; } }@media (min-width: 1200px) { .tick-list.tick-columns { column-count: 4; } #site-nav { font-size: 1.8em; } #site-nav a { margin: 10px 0px; }}@keyframes slide-up { 0% { transform: translateY(110%); } 100% { transform: none; }}@keyframes banner-zoom { 0% { transform: scale(1.2); } 100% { transform: scale(1.0); }}@keyframes banner-zoom-md { 0% { transform: scale(1.2) translateY(-50%); } 100% { transform: scale(1.0) translateY(-50%); }}@-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }}@keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }}@-webkit-keyframes scale-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }}@keyframes scale-out-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }}