/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

body {color: #666666; font-weight: 300; border-top:solid 15px #2c77bc} 

a {color: #088148}
a,
a:focus,
a img,
a:focus img,
a.btn,
a.btn:focus {outline: none}

.btn {padding: 10px 25px; white-space: normal; font-weight: 300; border:none}

.btn-default,
.btn-default:link,
.btn-default:visited,
.btn-default:active {background-color: #2c77bc; color: #ffffff}
.btn-default:focus,
.btn-default:hover,
.btn-default:active:hover {background-color: #4185cb; box-shadow: none}

.btn-warning,
.btn-warning:link,
.btn-warning:visited,
.btn-warning:active {background-color: #ffca26; color: #ffffff}
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:active:hover {background-color: #ffdb3a; box-shadow: none} 

.call-today {font-size: 1.4em}  
.call-today a {color: #666666; font-weight: 700}

.blue-txt {color: #2c77bc}

::-webkit-input-placeholder {font-family: 'Open Sans', sans-serif; font-weight: 300}
:-moz-placeholder {font-family: 'Open Sans', sans-serif; font-weight: 300}
::-moz-placeholder {font-family: 'Open Sans', sans-serif; font-weight: 300}
:-ms-input-placeholder {  font-family: 'Open Sans', sans-serif; font-weight: 300}

.form-control {font-size: 17px; height: 35px; margin-bottom: 20px; border:none}
select.form-control {-webkit-appearance: none; -moz-appearance: none; background-position: right 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=)}

.page-banner,
#video-banner-wrapper,
#video-banner,
#video-banner-wrapper .outer-wrapper {height: 275px; width: 100%}
#video-banner {background-size: cover; background-position: center center}
#video-banner-wrapper {position: relative; text-align: center}
#video-banner-wrapper .outer-wrapper {position: absolute}
.page-banner {background-size: cover; background-position: center center; color: #FFFFFF; text-align: center; background-attachment: fixed}
.mobile-tablet .page-banner {background-attachment: scroll}
.page-banner .wrapper,
#video-banner-wrapper .wrapper {display: table; height: 275px; width: 100%}
.page-banner .inner,
#video-banner-wrapper .inner {display: table-cell; height: 275px; vertical-align: middle; width: 100%}
.page-banner h2 {font-weight: 800; font-size: 2.3em; margin: 0 0 5px}
.page-banner .inner p,
#video-banner-wrapper .inner p,
.slide-mobile-content p {font-size: 1.6em; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); margin: 0 auto; color: #FFFFFF; font-weight: 300; max-width: 850px} 
.page-banner .inner p:first-child,
#video-banner-wrapper .inner p:first-child,
.slide-mobile-content p:first-child {font-size: 2.2em; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); margin: 0 auto 5px; color: #FFFFFF; font-weight: 800}
.page-banner-sm,
.page-banner-sm .wrapper,
.page-banner-sm .inner {height: 275px }

.owl-carousel .page-banner,
.owl-carousel .wrapper,
.owl-carousel .inner {height: 480px}
.owl-carousel .inner p:first-child {line-height: 1.1em}

.slide-mobile-view {text-align: center}
.slide-mobile-content {background: #2c77bc; height: 200px} 
.slide-mobile-content .outer {display: table; height: 200px; width: 100%}
.slide-mobile-content .inner {display: table-cell; vertical-align: middle; height: 200px; width: 100%} 
.slide-mobile-banner {height: 300px; width: 100%; background-size: cover; background-position: center center}

section {padding: 40px 0 60px; text-align: center}
section h1,
article h1,
section h2,
article h2 {font-size: 2.3em; font-family: 'Open Sans', sans-serif; font-weight: 300; margin: 20px 0}
section h3 {font-weight: 400; font-size: 1.1em; margin: 25px 0; color: #2c77bc}
section.transparent-section h3 {font-weight: 700; margin-bottom: 12px}
section p {max-width: 925px; margin: 0 auto 20px}
section .section-content p:first-child strong,
section .section-content p strong.medium-font {font-weight: 400}

section.bg-section,
section.colour-section {color: #FFFFFF}
section.bg-section h2,
section.colour-section h2 {font-family: 'Open Sans',sans-serif; font-weight: 700}
section.bg-section p {font-size: 1.5em; max-width: 750px; margin: 0 auto 25px; line-height: 1.3em} 
section.bg-section ul,
section.colour-section ul {list-style: none; padding: 0; margin: 5px 0}

section.bg-section {background-size: cover; background-position: center center; background-attachment: fixed; padding: 0}
section.bg-section .wrapper {padding: 135px 0 145px}
.mobile-tablet section.bg-section {background-attachment: scroll}

section.green-section {background: #088148}
section.blue-section {background: #62cbe2}
section.grey-section {background: #58585a}
section.green-section,
section.blue-section,
section.grey-section {padding: 50px 0 45px}

section.section-two-col {text-align: left; padding: 90px 0 105px}
section.section-two-col .img-wrapper {padding: 0 60px 0 0}
section.section-two-col .img-wrapper {max-width: 340px}
section.section-two-col p strong {font-weight: 400}
section.section-two-col a {margin-top: 15px}

/*.wrapper-black-overlay {background: url(/img/global/bg-black-40-per.png)}*/

.four-images {padding: 35px 0 30px}
.four-images div {width: 175px; display: inline-block; margin: 0 15px}

#item-list,
#item-list-single {max-width: 890px; margin: 0 auto; padding: 70px 0 0}
#item-list {max-width: 100%}
#item-list .item,
#item-list-single .item {padding: 0 0 65px}
#item-list h3,
#item-list-single h3 {text-transform: uppercase; font-size: 0.9em; padding: 0 20px; margin: 23px 0 17px}
#more-news #item-list {padding-top: 30px} 

#four-sections-nav {padding: 45px 0 0}
#four-sections-nav ul {list-style: none; margin: 0; padding: 0}
#four-sections-nav ul li {width: 200px; display: inline-block; margin: 0 25px}
#four-sections-nav ul li a {width: 200px; height: 200px; display: table; background-size: cover}
#four-sections-nav ul li a:hover,
#four-sections-nav ul li a:link,
#four-sections-nav ul li a:visited,
#four-sections-nav ul li a:active {text-decoration: none}
#four-sections-nav ul li a span {display: table-cell; width: 200px; height: 200px; vertical-align: middle; text-transform: uppercase; font-weight: 700; color: #FFFFFF; padding: 20px}
#four-sections-nav ul li#sectionlink1.current a,
#four-sections-nav ul li#sectionlink1 a:hover {background: #ee3b6d!important}
#four-sections-nav ul li#sectionlink2.current a, 
#four-sections-nav ul li#sectionlink2 a:hover {background: #62cbe2!important}
#four-sections-nav ul li#sectionlink3.current a,
#four-sections-nav ul li#sectionlink3 a:hover {background: #088148!important}
#four-sections-nav ul li#sectionlink4.current a, 
#four-sections-nav ul li#sectionlink4 a:hover {background: #fbca3d!important}
#four-sections ul {margin: 0; list-style: none; text-transform: uppercase; padding: 0}

#book-a-test {background-image: url(/img/home/book-a-test-bg.jpg)}

@media only screen and (max-width: 767px) {
    #book-a-test {background-image: url(/img/home/book-a-test-bg-sm.jpg)}
}

#section2,
#section3,
#section4 {display: none}

.accordians {padding: 40px 0 0}
.accordian {max-width: 860px; margin: 0 auto; padding: 8px 0}
.accordian > a {background: url(/img/global/accordian-arrow-down.png) center right no-repeat; background-color: #c7c8ca; background-size: 55px 40px; width: 100%; display: block; text-transform: uppercase; font-weight: 700; color: #FFFFFF; line-height: 1em; padding: 11px 10px}
.accordian > a:hover,
.accordian > a:link,
.accordian > a:visited,
.accordian > a:active {text-decoration: none}
.accordian > a.open {background: url(/img/global/accordian-arrow-up.png) center right no-repeat; background-color: #ee3b6d; background-size: 55px 40px}
.accordian .accordian-content {padding: 45px 0 30px; display: none}

#section2 .accordian > a.open {background-color: #62cbe2}
#section3 .accordian > a.open {background-color: #088148}
#section4 .accordian > a.open {background-color: #fbca3d}

.modal .close {background: url(/img/global/modal-close-btn.png) no-repeat center center; background-size: 12px 11px; position: absolute; top: 17px; right:17px; opacity: 1; z-index: 5; width: 12px; height: 11px}
.modal-body {padding: 45px}
.modal-content {box-shadow: 0 5px 10px rgba(0,0,0,0.2)}
.modal-content iframe {width: 100%; min-height: 300px; height: auto}
.modal-content h3 {margin-bottom: 40px} 

article h1,
article h2 {margin: 0 0 15px; font-weight: 700; font-size: 2em}
article time,
article .cs-location {font-weight: 400; margin-bottom: 20px; display: inline-block}
article img.article-header-img {margin-bottom: 30px} 
article p {font-weight: 300; line-height: 1.4em; font-size: 0.85em; text-align: left}
article > a {margin-top: 30px}
article .article-gallery-wrapper {max-width: 470px; margin: 30px auto 0} 
article .article-gallery-wrapper img {cursor: pointer}
article .article-gallery-wrapper.agw-no-gallery img {cursor: default}
article .ag-btm-img img {margin-top: 30px}

.fancybox-close {top: 0; right: 0}
.fancybox-skin {border-radius: 0; background: #FFFFFF}
.fancybox-opened .fancybox-skin {box-shadow: 0 5px 10px rgba(0,0,0,0.2)}
.fancybox-title-float-wrap {bottom:0; left: 0; padding: 30px 30px 0 30px; right:0; margin-bottom: 0} 
.fancybox-title-float-wrap .child {width:100%; margin-right: 0; white-space:normal; background: #ffffff; border-radius: 0; text-shadow: none; font-weight: 300; line-height: 1.4em; padding: 10px 15px; color: #939598}
.fancybox-prev span,
.fancybox-next span {background-color: #FFFFFF}

#aquarius-logo-white {max-width:450px; margin: 100px 0 50px}
#contact-section {background: url(/img/home/contact-bg.jpg); background-size: cover; text-align: left; padding: 105px 0; color: #FFFFFF}
#contact-section .wrapper {max-width: 500px}
#contact-section h2 {margin-top: 0}
#contact-section p strong {font-weight: 400}
#contact-btn-group {padding: 30px 0}

#contact-address {font-size: 1.1em; padding-top:10px;}
#contact-address h3,
#contact-address a {color: #FFFFFF}
#contact-section #contact-address p strong {font-weight: 700}

p.call-message {font-size: 1.3em; margin-bottom: 30px}
p.call-message a {color: #ffffff; font-weight: 800}

.g-recaptcha {margin:0 0 15px; width:164px}

.modal-content blockquote {border:none}
.modal-content blockquote p {font-size: 16px}
.modal-content p.call-message a {color: #2c77bc}

.faq span {color: #2c77bc; font-weight: 600}

.ui-widget {font-family: 'Open Sans', sans-serif}

/* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */






/* - - - - - - - - - - - HEADER - - - - - - - - - - - - */

header {background: #FFFFFF; padding: 45px 0 25px}
#header-logo {text-indent: -9999px; background: url(/img/global/logo.png); width: 512px; height: 135px; background-size: 512px 135px; display: block; margin: 0 auto}

#menu-lg {text-align: center}
#menu-lg ul {padding: 25px 0 0; list-style: none}
#menu-lg li {display: inline-block}
#menu-lg li a {font-weight: 300; font-size: 1.1em; color: #666666; padding: 5px 15px}

#slide1,
#slide2 {background-image: url(/img/home/slide1.jpg)}

@media only screen and (max-width: 767px) {
    header {padding: 20px 0 5px}

    #header-logo {width: 220px; height: 66px; background-size: 220px 66px}
    #menu-lg ul {padding: 15px 0 0}
    #menu-lg li a {font-size: 1em; padding: 3px 10px; display: block}

    #slide1,
    #slide2 {background: none}
    #slide-mobile-banner-1,
    #slide-mobile-banner-2 {background-image: url(/img/home/slide1-sm.jpg)}
}

/* - - - - - - - - - - - HEADER - - - - - - - - - - - - */







/* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */

#footer-gallery {width: 100%}
#footer-gallery > a {width:25%; background-size: cover; height: 250px; float: left; background-position: center center;}
#footer-gallery > a > div {width: 100%; height: 250px; background: url(/img/global/gallery-caption-bg.png); position: relative; opacity: 0; cursor: pointer}
#footer-gallery > a:hover > div {display: block; animation: footergalleryhover 0.5s ease-out; opacity: 1}
#footer-gallery p {position: absolute; bottom:0; padding: 15px 18px; color: #FFFFFF; margin: 0}
@keyframes footergalleryhover {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#contact-icons {text-align: center; padding: 30px 0}
#contact-icons a {display: inline-block; width: 75px; margin: 0 10px}

.grey-wrapper {background: #58585a; padding: 85px 0; color: #FFFFFF}
.black-wrapper {background: #939598; padding: 85px 0; color: #FFFFFF}
#footer-cols {font-family: 'Open Sans', sans-serif; font-weight: 300}
#footer-cols h3 {font-size: 1.2em; margin: 0 0 40px; font-weight: 300; height: 25px}
#footer-cols h3 span {display: inline-block; padding: 3px 0 0; float: left}
#footer-cols h3 img {display: inline-block; margin: 0 0 0 15px}
#footer-cols .wrapper {padding: 0 0 0 100px}
#footer-cols form {padding-top: 5px}
#footer-cols a {color: #FFFFFF}
#footer-cols form {padding-bottom: 30px}
#footer-cols .wrapper.first {padding: 0}
#footer-cols .wrapper.first a {font-weight: 600}

#get-in-touch-section {padding: 40px 0 75px}
#get-in-touch-section > .container > p {font-size: 1.1em}
#get-in-touch-section > .container > .wrapper {max-width: 900px; margin: 0 auto}
#get-in-touch-section .wrapper .wrapper {padding: 85px 0 0; max-width: 175px; margin: 35px auto 0}
#get-in-touch-section .wrapper .wrapper p {font-weight: 700; font-size: 1.1em; line-height: 1.2em}
#get-in-touch-section .email {background: url(/img/global/envelope.png) top center no-repeat; background-size: 75px 55px}
#get-in-touch-section .chat {background: url(/img/global/chat-symbol.png) top center no-repeat; background-size: 75px 70px}
#get-in-touch-section .ppl {background: url(/img/global/ppl-symbol.png) top center no-repeat; background-size: 75px 62px}
#get-in-touch-section .map {background: url(/img/global/map-marker.png) top center no-repeat; background-size: 41px 61px}

#fb-feed p {background: url(/img/global/fb-icon.png) no-repeat 0px 5px; background-size: 9px 20px; padding: 0 0 0 25px}
#twitter-feed p {background: url(/img/global/twitter-icon.png) no-repeat 0px 5px; background-size: 23px 20px; padding: 0 0 0 35px} 

#footer-bottom {font-family: 'Open Sans', sans-serif}

#discover-more p {display: inline-block; height: 20px; line-height: 20px; margin: 0 8px; font-size: 0.9em}
#discover-more a {display: inline-block; margin: 0 8px}

#footer-bottom {background:#2c77bc; color: #FFFFFF; text-align: center; padding: 45px 0 30px} 
#footer-bottom nav {padding: 30px 0}
#footer-bottom nav ul {list-style: none; margin: 0; padding: 0}
#footer-bottom nav ul li {display: inline-block}
#footer-bottom nav ul li a {color: #FFFFFF; font-weight: 300; display: block; padding: 0 15px; line-height: 1em}
#footer-bottom nav ul li.current a {font-weight: 700}
#footer-bottom nav ul li.last {border: none}

#footer-bottom > .container > p {font-weight: 300; font-size: 0.8em}
#footer-bottom > .container > p strong {font-weight: 700}

section.transparent-section .colour-heading {font-weight: 600}
h3.brown-heading {color: #987223}
h3.green-heading {color: #088148}
h3.blue-heading {color: #2c77bc}
h3.yellow-heading {color: #ffca26}

/* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */







/* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */

.cta-trio {background:#f3f3f4}
.cta-trio .subheading {margin-bottom: 12px; font-weight: 400}
section.cta-trio h2 {margin-bottom: 15px}
.cta-wrapper {max-width: 1000px; margin: 0 auto; padding: 15px 0 0}
.cta {/*max-width: 240px; */margin: 0 auto 30px; background: #FFFFFF; border:solid 1px #dadadc; padding: 0 0 30px}
.cta-img {padding: 304px 0 0; background-size: cover; background-position: center center}
.cta h3 {background: #2c77bc; color: #FFFFFF; font-weight: 700; padding: 18px 0; margin: 0}
.cta-inverted-colours .cta h3 {background: #99cccc}
.cta p {padding: 0 40px; font-size: 0.9em}
.cta .modal-content p {padding: 0}
.cta p.call-message {font-size: 1.3em}
.cta.cta-green h3 {background: #088148}
.cta.cta-blue h3 {background: #99cccc}
.cta.cta-yellow h3 {background: #ffca26}
.cta.cta-dark-pink h3 {background: #ea4c8f}
.cta-inverted-colours .cta.cta-blue h3 {background: #f9b000}
.cta-desc {padding: 20px 0 5px}
.modal-cta-content p strong {font-weight: 400}
.modal-content p {min-height: auto; margin: 0 30px 20px; font-size: 0.9em}
.modal-content p.call-message {font-size: 1.3em}

.modal-content .map-overlay {background:transparent; position:relative; width:100%; height:300px; top:340px; margin-top:-300px; z-index: 50} 
.modal-map {width: 100%; height: 300px; margin: 40px 0 20px}

ul#choose-location {padding: 20px 0 0}
ul#choose-location > li {display: inline-block; padding: 0 10px; height: 145px; width: 145px; vertical-align: top; margin-bottom: 45px}
ul#choose-location > li > a {color: #FFFFFF; font-weight: 700; width: 100%; height: 145px; display: block}
ul#choose-location > li > a:hover {text-decoration: none}
ul#choose-location > li > a span.first {display: block; width: 65px; height: 65px; border-radius: 32px; background: #088148; margin: 0 auto 15px; font-size: 1.5em; line-height: 65px; font-weight: 300}
ul#choose-location > li > a span.last {display: block; width: 100%; height: auto; line-height: 1.2em}
ul#choose-location > li > a#cl-icon1 .first {background: #99cccc}
ul#choose-location > li > a#cl-icon2 .first {background: #f9b000}
ul#choose-location > li > a#cl-icon3 .first {background: #088148}
ul#choose-location > li > a#cl-icon4 .first {background: #0060a2}
ul#choose-location > li > a#cl-icon5 .first {background: #cd1619}
ul#choose-location > li > a#cl-icon6 .first {background: #dd89f8}
ul#choose-location > li > a#cl-icon7 .first {background: #ece34a}
ul#choose-location .modal-content a {font-size: 1em}

section.colour-section .modal-content {color:#666666}
section.colour-section .modal-content h3 {background: #088148; color: #FFFFFF; font-weight: 700; padding: 18px 0}

.owl-carousel div.slide {background-size: cover; background-position: center center}

#dauncey-video {max-width: 560px; margin: 30px auto 0; width: 100%}

/* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */






/* - - - - - - - - - - - SERVICES - - - - - - - - - - - - */

#services .call-today {font-size: 1.3em; font-weight: 700}
#services .btn-default {font-size: 1.3em; font-weight: 700}

#services-list {padding-top: 100px}
#services-list .logo {max-width:486px; height: auto; width: 100%}
#services-list ul {list-style: none; padding: 0}
#services-list ul li {font-weight: 600; display: block; width: 100%; padding: 7px 0; font-size: 1.1em; color: #000000} 

/* - - - - - - - - - - - SERVICES - - - - - - - - - - - - */







/* - - - - - - - - - - - NEWS - - - - - - - - - - - - */

.blog-section {padding-top: 90px}
.blog-section-home {padding-top: 0}

#blog-nav h3 {background: #088148; color: #FFFFFF; font-weight: 700; padding: 18px 0; margin: 0 0 15px}
#blog-nav .blog-archive h3 {background: #99cccc}
#blog-nav ul {list-style: none; padding: 0 0 30px}
#blog-nav a {color: #666666; padding: 4px 0; display: block}
#blog-nav .current a {font-weight: 700; color: #0060a2}
#blog-nav .blog-categories {max-width: 350px}

#blog-list-items {text-align: left}
#blog-list-items .item {margin: 0 0 60px}
#blog-list-items .item h3 {font-weight: 700; font-size: 1.1em; margin: 0 0 15px}
#blog-list-items .item time {margin: 0 0 10px; display: block}

#blog-post-banner {background-image: url(/img/news/post-banner.jpg)} 
#blog-post-banner p {line-height: 1.1em; padding-top: 15px}

.additional-imagery a {max-width: 250px; display: block; margin: 0 auto}
.addthis_sharing_toolbox {margin: 30px 0}

/* - - - - - - - - - - - NEWS - - - - - - - - - - - - */






/* - - - - - - - - - - - GALLERY - - - - - - - - - - - - */

#item-list .gallery-item a {margin-top: 25px}
#item-list .gallery-item h3 {margin-bottom: 0}

/* - - - - - - - - - - - GALLERY - - - - - - - - - - - - */






/* - - - - - - - - - - - MEET THE TEAM - - - - - - - - - - - - */

#team-members {max-width: 950px; margin: 0 auto; padding: 45px 0 0}
#team-members h3 {background: #0060a2; color: #FFFFFF; text-transform: uppercase; padding: 12px 10px; font-weight: 700; font-size: 1.3em; max-width: 865px; margin: 15px auto 60px}
.team-member {max-width:375px; margin: 0 auto; padding: 0 0 60px}
.team-member h4 {font-weight: 600; font-size: 1.2em; margin: 25px 0 5px}
.team-member p.subheading {font-style: italic; font-weight: 400; font-size: 1.2em; margin-bottom: 12px}
.team-member .team-links {margin-bottom: 20px}
.team-member p.link {font-weight: 600; color: #0060a2; margin-bottom: 5px}
.team-member p.link a {font-weight: 300; color: #666666}

/* - - - - - - - - - - - MEET THE TEAM - - - - - - - - - - - - */







/* - - - - - - - - - - - LOCATIONS - - - - - - - - - - - - */

#location-thumbs {max-width: 900px; margin: 0 auto; padding: 0 0 30px} 
#location-thumbs a {display: block; max-width: 265px; margin: 0 auto 45px; text-align: center; font-weight: 700; color: #666666; font-size: 1.1em}
#location-thumbs a span {display: block; padding: 15px 0 0}

/* - - - - - - - - - - - LOCATIONS - - - - - - - - - - - - */








/* - - - - - - - - - - - CONTACT US - - - - - - - - - - - - */

#contact-us-section {background: #f3f3f4; padding-bottom: 0}
#contact-us-section form {max-width: 500px; margin: 45px auto 0}
#contact-details h3 {width: 225px; height: 41px; text-indent: -9999px; background: url(/img/contact-us/logo.png) no-repeat; background-size: 225px 41px; margin: 30px auto 30px}
#contact-us-intro {max-width: 600px; margin: 0 auto}

#contact-map {width:100%; height:500px; margin-top: 60px}
#contact-map .pop-up-styling {font-size: 1.1em}
#contact-map .pop-up-styling p.first {font-size: 1.2em; font-weight: 700; margin-bottom: 10px}
#contact-map .pop-up-styling p.mid {max-width: 280px}
#contact-map .pop-up-styling p.last {margin-bottom: 0}
#contact-us-section .map-overlay,
#location-section .map-overlay {background:transparent; position:relative; width:100%; height:500px; top:560px; margin-top:-450px; z-index: 50}

/* - - - - - - - - - - - CONTACT US - - - - - - - - - - - - */







/* - - - - - - - - - - - LOCATION - - - - - - - - - - - - */

#location-section {padding: 0}
#location-section #contact-map {margin-top: 0}
#location-section .map-overlay {top: 500px}
#location-section section:first-child {padding-bottom: 0}
#location-address {margin-bottom: 35px}

/* - - - - - - - - - - - LOCATION - - - - - - - - - - - - */





#job-vacancy {max-width: 1200px; padding: 30px; margin: 0 auto 45px}
#job-vacancy h1 {font-size: 2.3em; font-weight: 300; margin: 0 0 45px; text-align: center}
#job-vacancy h2 {font-size: 1.25em; font-weight: 600; margin: 0 0 5px; line-height: 1.4}
#job-vacancy p {margin: 0}
#job-vacancy ul {padding: 0 0 0 21px; margin: 0}
#job-vacancy .de-row {display: grid; grid-template-columns: 1fr 1fr; gap:75px}
#job-vacancy .de-col {display: flex; flex-direction: column; gap: 30px}

@media only screen and (max-width: 991px) {
    #job-vacancy .de-row {grid-template-columns: 1fr; gap:30px}
}

@media only screen and (max-width: 480px) {
    #job-vacancy h1 {font-size: 2em}
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) {
    .modal-dialog {width: 670px}
}

@media only screen and (min-width: 992px) {

  /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

   .modal-lg {width: 730px}

  /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

}

@media only screen and (max-width: 1319px) {

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

    .page-banner .inner p,
    #video-banner-wrapper .inner p,
    .slide-mobile-content p {max-width: 710px; font-size: 1.5em}

    #four-sections-nav ul li {width: 200px; margin: 0 15px}
    #four-sections-nav ul li a {width: 200px; height: 200px}
    #four-sections-nav ul li a span {width: 200px; height: 200px}

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */







    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */

    #footer-cols .wrapper {padding: 0 0 0 50px}

    #footer-bottom nav ul li a {padding: 0 10px}
    #footer-bottom > .container > p {font-size: 0.7em}

    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */







    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */

    ul#choose-location li {width: 130px; padding: 0 15px}
    ul#choose-location li a {font-size: 0.8em}

    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */





}

@media only screen and (max-width: 991px) {


    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

    .four-images div {width: 145px}

    #four-sections-nav ul li {width: 155px; margin: 0 10px}
    #four-sections-nav ul li a {width: 155px; height: 155px}
    #four-sections-nav ul li a span {width: 155px; height: 155px; font-size: 0.8em; padding: 15px}

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */








    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */

    #footer-gallery > a {width: 50%}
    #footer-gallery > a,
    #footer-gallery > a > div {height: 300px}

    #footer-cols .wrapper {padding: 0 0 0 10px}

    #get-in-touch-section a {font-size: 0.9em}

    #footer-bottom nav ul li {border: none}

    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */






    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */

    ul#choose-location li {padding: 0 15px; height: 130px}
    ul#choose-location > li > a {height: 130px}

    .cta {max-width: 300px}

    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */







    /* - - - - - - - - - - - MEET THE TEAM - - - - - - - - - - - - */

    .team-member {max-width:330px}
    #team-members h3 {max-width: 705px}


    /* - - - - - - - - - - - MEET THE TEAM - - - - - - - - - - - - */



}

@media only screen and (max-width: 767px) {

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

    .page-banner {height: auto; width: 100%; background-attachment: scroll}
    .page-banner .wrapper {display: block; height: auto}
    .page-banner .inner {display: block; height: auto}
    .page-banner p,
    #video-banner-wrapper p {font-size: 1.5em; padding:60px 10px} 

    .page-banner h2 {margin:0; padding: 30px 10px 0; font-size: 1.8em}

    .page-banner .inner p,
    #video-banner-wrapper .inner p,
    .slide-mobile-content p {max-width: 450px; font-size: 1.2em; padding: 12px 0 30px}

    .owl-carousel .page-banner .inner {padding: 45px 15px}
    .owl-carousel .page-banner p:first-child,
    .slide-mobile-content p:first-child {font-size: 1.6em; margin-bottom: 8px}
    .owl-carousel .page-banner p,
    .slide-mobile-content p {padding: 0; line-height: 1.2em; font-size: 1.3em}

    #blog-post-banner {background-image: url(/admin/resources/shutterstock268459676-w1534.jpg)}

    #video-banner-wrapper,
    #video-banner-wrapper .outer-wrapper,
    #video-banner-wrapper .wrapper,
    #video-banner-wrapper .inner {width: 100%; height: 250px}
    #video-banner-wrapper {display: none}

    section {padding: 30px 0 45px}
    section.bg-section .wrapper {padding: 85px 0 95px}

    section.section-two-col {text-align: center}
    section.section-two-col .img-wrapper {padding: 0; margin: auto; max-width: 290px}

    #aquarius-logo-white {margin: 0 auto 30px}

    #contact-section {text-align: center; padding: 75px 0}
    #contact-section .wrapper {max-width: 100%; padding-bottom: 15px}
    #contact-section h2 {margin-top: 0}

    .four-images div {width: 110px; margin: 10px}

    #item-list .item,
    #item-list-single .item {width: 270px; margin: 0 auto}

    #four-sections-nav ul li {width: 155px; margin: 0 10px 20px}

    .article-gallery-wrapper img {margin-bottom: 20px}

    .fancybox-title-float-wrap {bottom:-170px; height: 200px; padding: 0 0 0}

    .modal-body {padding: 30px}
    .modal .close {top: 11px; right:10px}
    .modal-content p {margin: 0 0 20px}

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */






    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */

    #footer-gallery > a,
    #footer-gallery > a > div {height: 250px}

    #footer-cols .wrapper.first {padding: 0 10px 0}
    #footer-cols .wrapper {padding: 60px 10px 0}

    #discover-more p {display: block; width: 100%; padding: 0 0 7px; height: auto; margin: 0}


    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */







    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */

    .cta {margin-bottom: 45px}
    .cta p {font-size: 0.9em; padding: 0 30px}
    .cta .modal-content p {padding: 0}

    #homepage-intro section {padding-top: 20px}

    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */







    /* - - - - - - - - - - - NEWS - - - - - - - - - - - - */

    #blog-nav .blog-categories {margin: 0 auto}
    #blog-list-items .wrapper-img {max-width: 330px; margin-bottom: 20px}

    .additional-imagery a {margin-bottom: 45px}

    #blog-post-banner {background-image: url(/img/news/post-banner-sm.jpg)} 

    /* - - - - - - - - - - - NEWS - - - - - - - - - - - - */





    /* - - - - - - - - - - - MEET THE TEAM - - - - - - - - - - - - */

    #team-members h3 {max-width: 330px} 

    /* - - - - - - - - - - - MEET THE TEAM - - - - - - - - - - - - */



}

@media only screen and (max-width: 480px) {

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */

    body {font-size: 17px}

    .page-banner .inner p,
    #video-banner-wrapper .inner p,
    .slide-mobile-content p {max-width: 290px}

    .modal-content iframe {min-height: 250px}

    /* - - - - - - - - - - - GLOBAL - - - - - - - - - - - - */






    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */

    #footer-gallery > a,
    #footer-gallery > a > div {height: 200px}

    /* - - - - - - - - - - - FOOTER - - - - - - - - - - - - */







    /* - - - - - - - - - - - LOCATION - - - - - - - - - - - - */

    #location-footer-links a.btn {font-size: 0.8em; padding: 10px 15px} 

    /* - - - - - - - - - - - LOCATION - - - - - - - - - - - - */







    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */


    .cta p {font-size: 1em}

    /* - - - - - - - - - - - HOMEPAGE - - - - - - - - - - - - */

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}