/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 16 September 2024 12:48:25
*/


@charset "UTF-8";
@import "https://www.waternsw.com.au/__data/assets/css_file/0003/221907/slick.css";
@import "https://www.waternsw.com.au/__data/assets/css_file/0004/221908/bootstrap.min.css";
/*!
 * fullPage 3.0.8
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */

@import "https://www.waternsw.com.au/_design/css/iconfont.css";
.fp-enabled body, html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.fp-slide {
    float: left
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block
}
.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}
.fp-slidesContainer {
    float: left;
    position: relative
}
.fp-controlArrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff
}
.fp-scrollable {
    overflow: hidden;
    position: relative
}
.fp-scroller {
    overflow: hidden
}
.iScrollIndicator {
    border: 0!important
}
.fp-notransition {
    -webkit-transition: none!important;
    transition: none!important
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.fp-right {
    right: 17px
}
#fp-nav.fp-left {
    left: 17px
}
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0!important;
    right: 0;
    margin: 0 auto!important
}
.fp-slidesNav.fp-bottom {
    bottom: 17px
}
.fp-slidesNav.fp-top {
    top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0
}
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}
.fp-slidesNav ul li {
    display: inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px
}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
    height: auto!important
}
.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
    height: auto!important
}
.fp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}
@font-face {
    font-family: "lightcase";
    src: url("mysource_files/lightcase/lightcase.eot?55356177");
    src: url("mysource_files/lightcase/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("mysource_files/lightcase/lightcase.woff?55356177") format("woff"), url("mysource_files/lightcase/lightcase.ttf?55356177") format("truetype"), url("mysource_files/lightcase/lightcase.svg?55356177#lightcase") format("svg");
    font-weight: normal;
    font-style: normal
}
[class*=lightcase-icon-]:before {
    font-family: "lightcase", sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em
}
.lightcase-icon-play:before {
    content: "\e800"
}
.lightcase-icon-pause:before {
    content: "\e801"
}
.lightcase-icon-close:before {
    content: "\e802"
}
.lightcase-icon-prev:before {
    content: "\e803"
}
.lightcase-icon-next:before {
    content: "\e804"
}
.lightcase-icon-spin:before {
    content: "\e805"
}
@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-case, html[data-lc-type=inline] #lightcase-case {
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
        margin: 0!important;
        padding: 55px 0 70px 0;
        width: 100%!important;
        height: 100%!important;
        overflow: auto!important
    }
}
@media screen and (min-width:641px) {
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -webkit-backface-visibility: hidden
    }
}
@media screen and (min-width:641px) {
    html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
        background-color: #333
    }
}
html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content, html[data-lc-type=inline] #lightcase-content {
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content, html[data-lc-type=inline] #lightcase-content {
        position: relative!important;
        top: auto!important;
        left: auto!important;
        width: auto!important;
        height: auto!important;
        margin: 0!important;
        padding: 0!important;
        border: none!important;
        background: none!important
    }
}
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner {
        padding: 15px
    }
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner>*, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>* {
        width: 100%!important;
        max-width: none!important
    }
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner>:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner>:not(iframe), html[data-lc-type=inline] #lightcase-content .lightcase-contentInner>:not(iframe) {
        height: auto!important;
        max-height: none!important
    }
}
@media screen and (max-width:640px) {
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}
@media screen and (max-width:640px) and (min-width:641px) {
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: 0.75
    }
}
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden!important
}
@media screen and (max-width:640px) {
    html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative!important;
        top: auto!important;
        left: auto!important;
        width: auto!important;
        height: auto!important;
        margin: 0!important;
        padding: 0!important;
        border: none!important;
        background: none!important
    }
}
@media screen and (min-width:641px) {
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media screen and (max-width:640px) {
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #aaa
    }
}
@media screen and (min-width:641px) {
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #333
    }
}
#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa
}
@media screen and (max-width:640px) {
    #lightcase-case p.lightcase-error {
        padding: 30px 0
    }
}
@media screen and (min-width:641px) {
    #lightcase-case p.lightcase-error {
        padding: 0
    }
}
.lightcase-open body {
    overflow: hidden
}
.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%
}
#lightcase-info {
    position: absolute;
    padding-top: 15px
}
#lightcase-info #lightcase-caption, #lightcase-info #lightcase-title {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
    text-overflow: ellipsis
}
#lightcase-info #lightcase-title {
    font-size: 17px;
    color: #aaa
}
@media screen and (max-width:640px) {
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333
    }
}
#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa
}
#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa
}
@media screen and (max-width:640px) {
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px
    }
    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static
    }
}
#lightcase-loading {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear
}
#lightcase-loading, #lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s
}
#lightcase-loading>span {
    display: inline-block;
    text-indent: -9999px
}
a[class*=lightcase-icon-] {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer
}
a[class*=lightcase-icon-], a[class*=lightcase-icon-]:focus {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s
}
a[class*=lightcase-icon-]>span {
    display: inline-block;
    text-indent: -9999px
}
a[class*=lightcase-icon-]:hover {
    color: white;
    text-shadow: 0 0 15px white
}
.lightcase-isMobileDevice a[class*=lightcase-icon-]:hover {
    color: #aaa;
    text-shadow: none
}
a[class*=lightcase-icon-].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none
}
a[class*=lightcase-icon-].lightcase-icon-prev {
    left: 15px
}
a[class*=lightcase-icon-].lightcase-icon-next {
    right: 15px
}
a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em
}
@media screen and (min-width:641px) {
    a[class*=lightcase-icon-].lightcase-icon-pause, a[class*=lightcase-icon-].lightcase-icon-play {
        opacity: 0
    }
}
@media screen and (max-width:640px) {
    a[class*=lightcase-icon-] {
        bottom: 15px;
        font-size: 24px
    }
}
@media screen and (min-width:641px) {
    a[class*=lightcase-icon-] {
        bottom: 50%;
        margin-bottom: -0.5em
    }
    #lightcase-case:hover~a[class*=lightcase-icon-], a[class*=lightcase-icon-]:hover {
        opacity: 1
    }
}
#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2000;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #333
}
@media screen and (max-width:640px) {
    #lightcase-overlay {
        opacity: 1!important
    }
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: none
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
html .wowo {
    opacity: 0
}
html .wowo.animated {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.zoomOut.animated {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 0) scale(1.2);
        transform: translate(0, 0) scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}
@keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, 0) scale(1.2);
        transform: translate(0, 0) scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }
}
@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.fadeInUpto.animated {
    -webkit-animation-name: fadeInUpto;
    animation-name: fadeInUpto;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}
@-webkit-keyframes fadeInUpto {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInUpto {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
.fadeInUptos.animated {
    -webkit-animation-name: fadeInUptos;
    animation-name: fadeInUptos;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}
@-webkit-keyframes fadeInUptos {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInUptos {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInBigUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInBigUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft.animated {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
.fadeInRight.animated {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
.fadeIn.animated {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.fadeInUp.animated {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.fadeInBigUp.animated {
    -webkit-animation-name: fadeInBigUp;
    animation-name: fadeInBigUp
}
.fadeInDown.animated {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.delay-in-1 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}
.delay-in-2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
.delay-in-3 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}
.delay-in-4 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}
@keyframes myleft {
    50% {
        -webkit-transform: translate(8px, 0);
        transform: translate(8px, 0)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@-webkit-keyframes myleft {
    50% {
        -webkit-transform: translate(8px, 0);
        transform: translate(8px, 0)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@keyframes myright {
    50% {
        -webkit-transform: rotate(180deg) translate(8px, 0);
        transform: rotate(180deg) translate(8px, 0)
    }
    to {
        -webkit-transform: rotate(180deg) translate(0, 0);
        transform: rotate(180deg) translate(0, 0)
    }
}
@-webkit-keyframes myright {
    50% {
        -webkit-transform: rotate(180deg) translate(8px, 0);
        transform: rotate(180deg) translate(8px, 0)
    }
    to {
        -webkit-transform: rotate(180deg) translate(0, 0);
        transform: rotate(180deg) translate(0, 0)
    }
}
@keyframes bgmyleft {
    50% {
        background-position: 60% center
    }
    to {
        background-position: center center
    }
}
@-webkit-keyframes bgmyleft {
    50% {
        background-position: 60% center
    }
    to {
        background-position: center center
    }
}
* {
    padding: 0;
    margin: 0
}
@media (max-width:768px) {
    html {
        overflow-x: hidden
    }
}
body {
    background: #ffffff;
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 30px;
    width: 100%
}
body.body-fonr-medium {
    font-family: "Barlow-Medium"
}
body.body-fonr-medium ol li, body.body-fonr-medium ol li:before, body.body-fonr-medium p, body.body-fonr-medium ul li {
    font-family: "Barlow-Medium"
}
img {
    max-width: 100%;
    height: auto
}
h1 {
    font-family: "Barlow-Bold";
    font-size: 60px;
    line-height: 1;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    h1 {
        font-size: 40px;
        margin-bottom: 20px
    }
}
h2 {
    font-family: "Barlow-Bold";
    font-size: 40px;
    line-height: 1.25;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    h2 {
        font-size: 30px;
        margin-bottom: 20px
    }
}
h3 {
    font-family: "Barlow-Bold";
    font-size: 32px;
    line-height: 1.25;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    h3 {
        font-size: 25px;
        margin-bottom: 20px
    }
}
h4 {
    font-family: "Barlow-Bold";
    font-size: 24px;
    line-height: 1.25;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    h4 {
        font-size: 22px;
        margin-bottom: 20px
    }
}
h5 {
    font-family: "Barlow-Bold";
    font-size: 22px;
    line-height: 1.25;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    h5 {
        font-size: 20px;
        margin-bottom: 20px
    }
}
h6 {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 1.25;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    h6 {
        font-size: 18px;
        margin-bottom: 20px
    }
}
p {
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 1.6666;
    color: #201F27;
    margin-bottom: 30px
}
@media (max-width:992px) {
    p {
        font-size: 16px;
        margin-bottom: 20px
    }
}
sub, sup {
    font-family: "Barlow-Regular";
    color: #201F27
}
blockquote {
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    line-height: 1.6666;
    color: #3975CF;
    margin-bottom: 30px;
    position: relative
}
@media (max-width:992px) {
    blockquote {
        font-size: 16px;
        margin-bottom: 20px
    }
}
blockquote:before {
    content: "";
    width: 4px;
    height: calc(100% - 20px);
    background: #FFCD34;
    position: absolute;
    top: 10px;
    left: -32px;
    z-index: 1
}
a {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: all 0.2s!important;
    transition: all 0.2s!important;
    cursor: pointer;
    outline: none;
    color: inherit
}
a:hover {
    text-decoration: none
}
a:focus-visible {
    border: 1px solid #0066FF
}
section li a:not([class]), section ol a:not([class]), section p a:not([class]), section ul li a:not([class]) {
    color: #0066FF;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#0066ff));
    background-image: linear-gradient(#0066ff, #0066ff);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: 100% 20px;
    -webkit-transition: background-size 0.25s;
    transition: background-size 0.25s
}
section li a:not([class]):hover, section ol a:not([class]):hover, section p a:not([class]):hover, section ul li a:not([class]):hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffebae), to(#ffebae));
    background-image: linear-gradient(#ffebae, #ffebae);
    background-size: 100% 6px;
    background-position: 100% 16px
}
section li a:not([class]):active, section ol a:not([class]):active, section p a:not([class]):active, section ul li a:not([class]):active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffebae), to(#ffebae));
    background-image: linear-gradient(#ffebae, #ffebae);
    color: #0066FF;
    text-decoration: none;
    background-size: 108% 30px;
    background-position: 100% 2px
}
@media (max-width:992px) {
    section li a:not([class]):active, section ol a:not([class]):active, section p a:not([class]):active, section ul li a:not([class]):active {
        background-size: 108% 25px
    }
}
ul {
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
    margin-top: 30px
}
@media (max-width:992px) {
    ul {
        margin-bottom: 20px;
        margin-top: 20px
    }
}
ul li {
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 1.6666;
    color: #201F27;
    padding-left: 35px;
    position: relative
}
@media (max-width:992px) {
    ul li {
        font-size: 16px
    }
}
ul li:before {
    content: "•";
    font-family: "Barlow-Black";
    font-size: 18px;
    line-height: 30px;
    color: #FFCD34;
    position: absolute;
    top: 0;
    left: 0
}
@media (max-width:992px) {
    ul li:before {
        font-size: 16px;
        top: -2px
    }
}
ul ol, ul ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px
}
ul ol li, ul ul li {
    margin-left: 0
}
ol {
    padding: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    list-style: none;
    counter-reset: sectioncounter
}
@media (max-width:992px) {
    ol {
        margin-bottom: 20px;
        margin-top: 20px
    }
}
ol li {
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 1.6666;
    color: #201F27;
    padding-left: 35px;
    position: relative
}
@media (max-width:992px) {
    ol li {
        font-size: 16px
    }
}
ol li:before {
    content: counter(sectioncounter) ".";
    counter-increment: sectioncounter;
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 30px;
    color: #FFCD34;
    position: absolute;
    top: 0;
    left: 0
}
@media (max-width:992px) {
    ol li:before {
        font-size: 16px
    }
}
ol ol, ol ul {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px
}
ol ol li, ol ul li {
    margin-left: 0
}
button, input:not([type=checkbox]):not([type=radio]), select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
button, input[type=checkbox], input[type=radio], input[type=submit] {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}
input {
    width: 100%;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 300
}
select, textarea {
    border-radius: 0;
    outline: none;
    border: none;
    resize: none
}
.slider-block {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}
.container, .inner {
    max-width: 1210px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px
}
@media (max-width:992px) {
    .container, .inner {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media (max-width:768px) {
    .container, .inner {
        padding-left: 20px;
        padding-right: 20px
    }
}
header+#main, header+div, header+section {
    margin-top: 100px
}
@media (max-width:992px) {
    header+#main, header+div, header+section {
        margin-top: 90px
    }
}
header.head-top-is-show+#main, header.head-top-is-show+div, header.head-top-is-show+section {
    -webkit-transition: margin-top 0.3s;
    transition: margin-top 0.3s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    margin-top: 170px
}
@media (max-width:992px) {
    header.head-top-is-show+#main, header.head-top-is-show+div, header.head-top-is-show+section {
        margin-top: 140px
    }
}
header.head-top-is-show.head-top-is-hide+#main, header.head-top-is-show.head-top-is-hide+div, header.head-top-is-show.head-top-is-hide+section {
    margin-top: 100px
}
@media (max-width:992px) {
    header.head-top-is-show.head-top-is-hide+#main, header.head-top-is-show.head-top-is-hide+div, header.head-top-is-show.head-top-is-hide+section {
        margin-top: 90px
    }
}
.line {
    border-bottom: 1px solid #CCE0FF
}
.mobile {
    display: none
}
@media (max-width:768px) {
    .mobile {
        display: block
    }
}
.desktop {
    display: block
}
@media (max-width:768px) {
    .desktop {
        display: none
    }
}
.bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.btn {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #0066FF;
    border: 2px solid #0066FF;
    border-radius: 27px;
    padding: 5px 30px 7px 30px;
    display: inline-block;
    min-width: 180px;
    text-align: center;
    background:#fff;
}
@media (max-width:992px) {
    .btn {
        font-size: 16px;
        padding: 3px 20px 5px 20px
    }
}
.btn:hover {
    color: #ffffff;
    background: #0066FF
}
.btn.red-color {
    background: #FF0000;
    color: #ffffff;
    border-color: #FF0000
}
.btn.red-color:hover {
    color: #FF0000;
    background: #ffffff
}
.pdf-icon {
    display: inline-block;
    position: relative;
    margin-left: 52px
}
@media (max-width:992px) {
    .pdf-icon {
        margin-left: 42px
    }
}
.pdf-icon:before {
    content: "";
    width: 30px;
    height: 37px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0006/221973/pdf.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -5px;
    left: -52px;
    z-index: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
@media (max-width:992px) {
    .pdf-icon:before {
        width: 25px;
        height: 30px;
        top: 3px;
        left: -42px
    }
}
.pdf-icon span {
    font-family: "Barlow-Regular"
}
.link-icon {
    display: inline-block;
    position: relative;
    margin-left: 52px
}
@media (max-width:992px) {
    .link-icon {
        margin-left: 42px
    }
}
.link-icon:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0003/221970/link.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: -52px;
    z-index: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
@media (max-width:992px) {
    .link-icon:before {
        width: 25px;
        height: 25px;
        top: 0px;
        left: -42px
    }
}
.link-arrow-right {
    display: inline-block;
    position: relative
}
.link-arrow-right:before {
    content: "";
    width: 7px;
    height: 12px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0019/221941/arrow-blue.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 11px;
    right: -24px;
    z-index: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
@media (max-width:992px) {
    .link-arrow-right:before {
        width: 5px;
        height: 10px;
        top: 10px;
        right: -19px
    }
}
.link-arrow-right:hover:before {
    right: -30px
}
@media (max-width:992px) {
    .link-arrow-right:hover:before {
        right: -25px
    }
}
.icon-arrow {
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 2px solid #0066FF;
    border-radius: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none!important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.icon-arrow:before {
    content: "\e905";
    font-family: "icomoon"!important;
    font-size: 12px;
    text-decoration: none!important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    -webkit-transform: rotate(90deg) translate(1px, 0px);
    transform: rotate(90deg) translate(1px, 0px)
}
.icon-arrow:hover {
    opacity: 1;
    background: #0066FF
}
.icon-arrow:hover:before {
    color: #ffffff
}
.yellow-icon-link {
    display: inline-block;
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.5;
    color: #0066FF;
    position: relative;
    padding-right: 46px
}
@media (max-width:992px) {
    .yellow-icon-link {
        font-size: 16px
    }
}
.yellow-icon-link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFCD34;
    border-color: #FFCD34;
    color: #ffffff
}
.yellow-icon-link i:before {
    -webkit-transform: rotate(0deg) translate(1px, 0);
    transform: rotate(0deg) translate(1px, 0);
    color: #ffffff
}
.yellow-icon-link:hover {
    color: #0066FF
}
.yellow-icon-link:hover i {
    border-color: #0066FF;
    background: none
}
.yellow-icon-link:hover i:before {
    color: #0066FF
}
.blue-icon-link {
    display: inline-block;
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.5;
    color: #0066FF;
    position: relative;
    padding-right: 46px
}
@media (max-width:992px) {
    .blue-icon-link {
        font-size: 16px
    }
}
.blue-icon-link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #ffffff;
    border-color: #0066FF;
    color: #ffffff
}
.blue-icon-link i:before {
    -webkit-transform: rotate(0deg) translate(1px, 0);
    transform: rotate(0deg) translate(1px, 0);
    color: #0066FF
}
.blue-icon-link:hover {
    color: #0066FF
}
.blue-icon-link:hover i {
    border-color: #0066FF;
    background: #0066FF
}
.blue-icon-link:hover i:before {
    color: #ffffff
}
.video-light-box {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0
}
.video-light-box:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8
}
.video-light-box .close {
    opacity: 1;
    background: none;
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    z-index: 9;
    outline: none;
    right: 39px;
    top: -30px;
    -webkit-transition: All 0.2s ease-in-out;
    transition: All 0.2s ease-in-out
}
@media (max-width:992px) {
    .video-light-box .close {
        right: 13px
    }
}
.video-light-box .close:hover:before {
    background: rgba(255, 255, 255, 0.7)
}
.video-light-box .close:hover:after {
    background: rgba(255, 255, 255, 0.7)
}
.video-light-box .close:before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
    position: absolute;
    left: 3px;
    top: 13px;
    -webkit-transition: All 0.3s ease-in-out;
    transition: All 0.3s ease-in-out
}
.video-light-box .close:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #ffffff;
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
    position: absolute;
    left: 3px;
    top: 13px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out
}
.video-light-box .video-box {
    max-width: 1200px;
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    padding: 0 45px
}
@media (max-width:992px) {
    .video-light-box .video-box {
        padding: 0 20px
    }
}
.video-light-box .video-box video {
    width: 100%
}
.video-light-box .video-box iframe {
    width: 100%;
    height: 641px
}
@media (max-width:1200px) {
    .video-light-box .video-box iframe {
        height: 52.9vw
    }
}
.data-video {
    display: none
}
.spacer-10 {
    height: 10px
}
.spacer-20 {
    height: 20px
}
.spacer-30 {
    height: 30px
}
.spacer-40 {
    height: 40px
}
.spacer-50 {
    height: 50px
}
.spacer-60 {
    height: 60px
}
.spacer-70 {
    height: 70px
}
.spacer-80 {
    height: 80px
}
.spacer-90 {
    height: 90px
}
.spacer-100 {
    height: 100px
}
.spacer-110 {
    height: 110px
}
.spacer-120 {
    height: 120px
}
.spacer-130 {
    height: 130px
}
.spacer-140 {
    height: 140px
}
.spacer-150 {
    height: 150px
}
.spacer-160 {
    height: 160px
}
.spacer-170 {
    height: 170px
}
.spacer-180 {
    height: 180px
}
.spacer-190 {
    height: 190px
}
.spacer-200 {
    height: 200px
}
.spacer-210 {
    height: 210px
}
.spacer-220 {
    height: 220px
}
.spacer-230 {
    height: 230px
}
.spacer-240 {
    height: 240px
}
.spacer-250 {
    height: 250px
}
.spacer-260 {
    height: 260px
}
.spacer-270 {
    height: 270px
}
.spacer-280 {
    height: 280px
}
.spacer-290 {
    height: 290px
}
.spacer-300 {
    height: 300px
}
@media (max-width:768px) {
    .spacer-mobile-0 {
        height: 0px
    }
}
@media (max-width:992px) {
    .spacer-mobile-10 {
        height: 10px
    }
}
@media (max-width:992px) {
    .spacer-mobile-20 {
        height: 20px
    }
}
@media (max-width:992px) {
    .spacer-mobile-30 {
        height: 30px
    }
}
@media (max-width:992px) {
    .spacer-mobile-40 {
        height: 40px
    }
}
@media (max-width:992px) {
    .spacer-mobile-50 {
        height: 50px
    }
}
@media (max-width:992px) {
    .spacer-mobile-60 {
        height: 60px
    }
}
@media (max-width:992px) {
    .spacer-mobile-70 {
        height: 70px
    }
}
@media (max-width:992px) {
    .spacer-mobile-80 {
        height: 80px
    }
}
@media (max-width:992px) {
    .spacer-mobile-90 {
        height: 90px
    }
}
@media (max-width:992px) {
    .spacer-mobile-100 {
        height: 100px
    }
}
@media (max-width:992px) {
    .spacer-mobile-110 {
        height: 110px
    }
}
@media (max-width:992px) {
    .spacer-mobile-120 {
        height: 120px
    }
}
@media (max-width:992px) {
    .spacer-mobile-130 {
        height: 130px
    }
}
@media (max-width:992px) {
    .spacer-mobile-140 {
        height: 140px
    }
}
@media (max-width:992px) {
    .spacer-mobile-150 {
        height: 150px
    }
}
@media (max-width:992px) {
    .spacer-mobile-160 {
        height: 160px
    }
}
@media (max-width:992px) {
    .spacer-mobile-170 {
        height: 170px
    }
}
@media (max-width:992px) {
    .spacer-mobile-180 {
        height: 180px
    }
}
@media (max-width:992px) {
    .spacer-mobile-190 {
        height: 190px
    }
}
@media (max-width:992px) {
    .spacer-mobile-200 {
        height: 200px
    }
}
@media (max-width:992px) {
    .spacer-mobile-210 {
        height: 210px
    }
}
@media (max-width:992px) {
    .spacer-mobile-220 {
        height: 220px
    }
}
@media (max-width:992px) {
    .spacer-mobile-230 {
        height: 230px
    }
}
@media (max-width:992px) {
    .spacer-mobile-240 {
        height: 240px
    }
}
@media (max-width:992px) {
    .spacer-mobile-250 {
        height: 250px
    }
}
@media (max-width:992px) {
    .spacer-mobile-260 {
        height: 260px
    }
}
@media (max-width:992px) {
    .spacer-mobile-270 {
        height: 270px
    }
}
@media (max-width:992px) {
    .spacer-mobile-280 {
        height: 280px
    }
}
@media (max-width:992px) {
    .spacer-mobile-290 {
        height: 290px
    }
}
@media (max-width:992px) {
    .spacer-mobile-300 {
        height: 300px
    }
}
@keyframes loading {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}
@-webkit-keyframes loading {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #ffffff
}
header a {
    text-decoration: none!important
}
header .head-top {
    background: #FFCD34;
    display: none;
    position: relative;
    z-index: 33
}
header .head-top.is-show {
    display: block
}
header .head-top .head-top-box {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative
}
@media (max-width:992px) {
    header .head-top .head-top-box {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
header .head-top .head-top-box p {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 0;
    padding-left: 46px;
    padding-right: 50px;
    color: #201F27;
    position: relative
}
@media (max-width:992px) {
    header .head-top .head-top-box p {
        font-size: 12px
    }
}
@media (max-width:414px) {
    header .head-top .head-top-box p {
        padding-right: 25px;
        padding-left: 30px
    }
}
@media (max-width:360px) {
    header .head-top .head-top-box p {
        font-size: 11px
    }
}
header .head-top .head-top-box p:before {
    content: "";
    width: 27px;
    height: 24px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0003/221961/header-top.svg?v=0.0.2");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
@media (max-width:414px) {
    header .head-top .head-top-box p:before {
        width: 20px;
        height: 18px
    }
}
header .head-top .head-top-box .close {
    width: 20px;
    height: 20px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0020/221960/header-top-close.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 50px;
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}
@media (max-width:992px) {
    header .head-top .head-top-box .close {
        right: 30px
    }
}
@media (max-width:768px) {
    header .head-top .head-top-box .close {
        right: 20px
    }
}
header .head-top .head-top-box .close:hover {
    opacity: 0.7
}
header .head-top .skip-to-content {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 0;
    color: #201F27;
    position: absolute;
    left: 40px;
    top: 25px;
    opacity: 0;
    pointer-events: none;
    border: none!important
}
@media (max-width:1440px) {
    header .head-top .skip-to-content {
        left: 10px
    }
}
@media (max-width:1350px) {
    header .head-top .skip-to-content {
        top: 100%
    }
}
@media (max-width:992px) {
    header .head-top .skip-to-content {
        font-size: 12px;
        display: none
    }
}
header .head-top .skip-to-content:hover {
    opacity: 0.7
}
header .head-top .skip-to-content:focus {
    opacity: 1;
    pointer-events: inherit
}
header .head-content {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    z-index: 1
}
header .head-content .head-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative
}
header .head-content .head-content-box .head-logo {
    position: relative;
    padding-top: 16px
}
@media (max-width:992px) {
    header .head-content .head-content-box .head-logo {
        padding-top: 0
    }
}
header .head-content .head-content-box .head-logo a img {
    max-width: 175px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
header .head-content .head-content-box .search-and-hamburger {
    display: none
}
@media (max-width:992px) {
    header .head-content .head-content-box .search-and-hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 99
    }
}
header .head-content .head-content-box .search-and-hamburger .search {
    display: inline-block;
    margin-right: 15px;
    z-index: 1;
    width: 16px;
    height: 16px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0008/221975/search.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}
header .head-content .head-content-box .search-and-hamburger .search:hover {
    border-bottom: none;
    opacity: 0.7
}
header .head-content .head-content-box .hamburger {
    display: none;
    width: 25px;
    height: 20px;
    position: relative;
    cursor: pointer;
    z-index: 3;
    margin-right: 40px;
    z-index: 2
}
@media (max-width:992px) {
    header .head-content .head-content-box .hamburger {
        display: block
    }
}
header .head-content .head-content-box .hamburger span {
    width: 25px;
    height: 2px;
    display: block;
    background: #201F27;
    position: absolute;
    left: 0px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}
header .head-content .head-content-box .hamburger span:first-child {
    top: 0px
}
header .head-content .head-content-box .hamburger span:nth-child(2) {
    top: 9px
}
header .head-content .head-content-box .hamburger span:nth-child(3) {
    top: 18px
}
header .head-content .head-content-box .hamburger.open {
    z-index: 999999
}
header .head-content .head-content-box .hamburger.open span:first-child {
    top: 9px;
    left: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
header .head-content .head-content-box .hamburger.open span:nth-child(2) {
    top: 9px;
    left: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
header .head-content .head-content-box .hamburger.open span:nth-child(3) {
    opacity: 0
}
header .head-content .open-phone-popup {
    width: 50px;
    height: 50px;
    position: absolute;
    background: #0066FF;
    border: 1px solid #0066FF;
    border-radius: 4px 0 0 4px;
    top: 20px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99
}
@media (max-width:1240px) {
    header .head-content .open-phone-popup {
        width: 40px;
        height: 40px
    }
}
@media (max-width:992px) {
    header .head-content .open-phone-popup {
        top: 24px
    }
}
header .head-content .open-phone-popup i {
    color: #ffffff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 16px;
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0);
    top: 50%;
    left: 18px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute
}
header .head-content .open-phone-popup i:after {
    content: "\e902";
    color: inherit;
    font-size: 9px;
    font-family: "icomoon"!important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    right: -15px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
}
header .head-content .open-phone-popup:hover {
    width: 60px;
    background: #004DBF
}
@media (max-width:1240px) {
    header .head-content .open-phone-popup:hover {
        width: 50px
    }
}
header .head-content .open-phone-popup:hover i:after {
    opacity: 1
}
header .link-and-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5px
}
@media (max-width:992px) {
    header .link-and-search {
        padding-bottom: 0;
        padding: 0 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}
@media (max-width:768px) {
    header .link-and-search {
        padding: 0 20px
    }
}
@media (max-width:400px) {
    header .link-and-search {
        padding: 0 20px
    }
}
header .link-and-search a {
    font-family: "Barlow-Medium";
    font-size: 14px;
    display: inline-block;
    line-height: 1.4;
    margin-right: 23px;
    color: #3975CF;
    border-bottom: 1px solid transparent
}
@media (max-width:992px) {
    header .link-and-search a {
        font-family: "Barlow-SemiBold";
        color: #0066FF;
        line-height: 1.4;
        font-size: 18px;
        margin-bottom: 10px
    }
}
@media (max-width:768px) {
    header .link-and-search a {
        margin-right: 15px
    }
}
header .link-and-search a:hover {
    color: #004DBF;
    border-color: #004DBF
}
header .link-and-search .search {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 0;
    position: relative
}
@media (max-width:992px) {
    header .link-and-search .search {
        display: none
    }
}
header .link-and-search .search:after {
    content: "\e906";
    color: inherit;
    font-size: 16px;
    font-family: "icomoon"!important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    right: 0px
}
header .link-and-search .search:hover {
    border-bottom: none;
    color: #004DBF
}
header .head-menu {
    width: calc(100% - 172px)
}
header .head-menu .head-menu-overflow .head-menu-overflow-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li {
    margin: 0;
    padding: 0;
    position: static;
    cursor: pointer
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:before {
    display: none
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:first-child {
    margin-left: 0
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:last-child {
    margin-right: 0
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>a {
    font-family: "Barlow-SemiBold";
    color: #0066FF;
    opacity: 1;
    line-height: 1.4;
    display: inline-block;
    font-size: 18px;
    padding: 33.5px 25px 41.5px 25px;
    position: relative
}
@media (max-width:1200px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>a {
        padding: 34.5px 15px 40.5px 15px
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background: #FFCD34;
    -webkit-transition: width 0.3s;
    transition: width 0.3s
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children>a {
    position: relative;
    display: inline-block
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children>a {
        display: block
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children>a:focus-visible+.sub-menu {
    opacity: 1;
    visibility: visible
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children.tab-focus>a, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children:hover>a {
    background: #FFF7E6
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children.tab-focus>a:after, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children:hover>a:after {
    width: 100%
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children .icondvmp {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    right: -13px;
    display: none
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children .icondvmp {
        width: 25px;
        height: 25px;
        right: 0px;
        top: 3px;
        display: block
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children .icondvmp:before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 2px solid #201F27;
    border-bottom: 2px solid #201F27;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    z-index: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children .icondvmp:before {
        right: 7px;
        width: 9px;
        height: 9px;
        top: 40%;
        -webkit-transform: translate(0, -50%) rotate(-45deg);
        transform: translate(0, -50%) rotate(-45deg)
    }
}
@media (min-width:993px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children.tab-focus .icondvmp:before, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children:hover .icondvmp:before {
        -webkit-transform: translate(0, -10%) rotate(-135deg);
        transform: translate(0, -10%) rotate(-135deg);
        border-color: #ED1C24
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
    list-style: none;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 2;
    cursor: initial;
    list-style: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    padding: 89px 50px 50px 50px
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
        padding: 89px 30px 50px 30px
    }
}
@media (max-width:768px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
        padding: 89px 20px 50px 20px
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu:after {
    content: "";
    width: 1000vw;
    height: 100%;
    background: #FFF7E6;
    position: absolute;
    top: -1px;
    left: -100vw;
    z-index: 1;
    min-height: 620px
}
@media (max-width:768px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu:after {
        display: none
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li {
    padding: 0;
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0;
    padding-right: 30px;
    margin-bottom: 40px;
    width: 25%
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li:before {
    display: none
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li:last-child {
    border: none
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li .icon {
    display: none
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li.is-hide>a {
    display: none;
    opacity: 0;
    visibility: hidden
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li img {
    max-width: 31px;
    display: block;
    margin-right: 9px
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li a {
    -webkit-transition: opacity 0.2s!important;
    transition: opacity 0.2s!important
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>a {
    display: inline-block
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>a:hover {
    text-decoration: underline!important
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li span {
    font-family: "Barlow-Bold";
    display: block;
    font-size: 18px;
    color: #002660;
    margin-bottom: 10px;
    width: 100%
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu {
    position: static;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 115px;
    -webkit-transition: none;
    transition: none;
    background: none;
    display: block
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu:after {
    display: none
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu li a {
    font-size: 16px;
    font-family: "Barlow-Medium";
    color: #0066FF
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu li a:hover {
    opacity: 1;
    text-decoration: underline!important
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu+span {
    margin-top: 45px
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.active:before {
    width: 100%
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.tab-focus:before, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:hover:before {
    width: 100%
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.tab-focus>.sub-menu, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.tab-focus>.sub-menu li>.sub-menu, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:hover>.sub-menu li>.sub-menu {
    visibility: visible
}
@media (max-width:992px) {
    header .head-content {
        background: #ffffff!important;
        padding: 25px 0;
        max-height: 90px;
        z-index: 3;
        position: relative
    }
    header .head-content:before {
        content: "";
        width: 100%;
        height: 100%;
        z-index: 9;
        background: #ffffff;
        position: absolute;
        top: 0;
        left: 0
    }
    header .head-content .head-content-box .head-logo {
        z-index: 99;
        overflow: hidden
    }
    header .head-content .head-content-box .head-logo a {
        opacity: 1!important
    }
    header .head-content .head-content-box .head-logo a img {
        width: 120px;
        max-width: 120px
    }
    header .head-content .head-content-box .head-logo a.mobile {
        opacity: 0!important;
        display: none
    }
    header .head-menu {
        z-index: 1;
        position: fixed;
        width: 100%;
        height: 100%;
        top: -100%;
        left: 0;
        opacity: 0;
        background: #ffffff;
        -webkit-transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), top 0.8s cubic-bezier(0.77, 0, 0.175, 1);
        transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1), top 0.8s cubic-bezier(0.77, 0, 0.175, 1)
    }
    header .head-menu .head-menu-overflow {
        margin: 90px 0 0 0;
        height: calc(100% - 90px);
        overflow-x: hidden;
        overflow-y: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box {
        display: block;
        padding-bottom: 30px;
        padding-top: 35px
    }
}
@media (max-width:992px) and (max-width:374px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box {
        width: 100%
    }
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu {
        display: block;
        width: 100vw;
        padding: 0 30px
    }
}
@media (max-width:992px) and (max-width:768px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu {
        width: 100vw;
        padding: 0 20px
    }
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li {
        margin: 0;
        margin-bottom: 10px;
        width: auto;
        padding: 0px 0;
        -webkit-transition: margin-bottom 0.3s;
        transition: margin-bottom 0.3s
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li:before {
        display: none
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li a {
        padding: 0;
        background: none!important
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li a:after {
        display: none!important
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu {
        position: fixed;
        background: none;
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-box-shadow: none;
        box-shadow: none;
        left: 100%;
        top: 90px;
        height: calc(100vh - 90px);
        width: 100vw!important;
        background: #ffffff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 50px 32px 60px 32px
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu:after, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu:before {
        display: none
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu .icon-close {
        width: 8px;
        height: 8px;
        position: absolute;
        top: 25px;
        left: 29px;
        z-index: 9;
        cursor: pointer;
        display: block
    }
}
@media (max-width:992px) and (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu .icon-close {
        width: 25px;
        height: 25px
    }
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu .icon-close:before {
        content: "";
        width: 6px;
        height: 6px;
        border-right: 2px solid #201F27;
        border-bottom: 2px solid #201F27;
        pointer-events: none;
        position: absolute;
        top: 50%;
        right: 0;
        z-index: 1;
        -webkit-transition: all 0.2s;
        transition: all 0.2s
    }
}
@media (max-width:992px) and (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu .icon-close:before {
        right: 7px;
        width: 9px;
        height: 9px;
        top: 40%;
        -webkit-transform: translate(0, -50%) rotate(135deg);
        transform: translate(0, -50%) rotate(135deg)
    }
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu.is-active {
        left: 0
    }
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li {
        width: 100%;
        margin-bottom: 0px
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li a {
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li .sub-menu {
        position: static;
        height: auto;
        width: auto!important;
        padding: 0;
        min-height: auto
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li span {
        margin-top: 20px
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li span.is-none {
        display: none
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li:first-child span {
        margin-top: 0
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li>.sub-menu {
        display: block
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li>.sub-menu .icon-close {
        display: none
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu li>.sub-menu li {
        width: 100%;
        margin-bottom: 5px
    }
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu-link {
        padding: 0 29px;
        display: none
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu-link .view-courses {
        display: none;
        text-align: center
    }
}
@media (max-width:992px) {
    header .head-menu.open {
        top: 0;
        opacity: 1
    }
}
@media (max-width:992px) {
    header.head-top-is-show .head-menu .head-menu-overflow {
        margin: 150px 0 0 0;
        height: calc(100% - 150px)
    }
    header.head-top-is-show .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu {
        padding: 90px 32px 60px 32px
    }
    header.head-top-is-show .head-menu .head-menu-overflow .head-menu-overflow-box .menu li>.sub-menu .icon-close {
        top: 65px
    }
}
.search-popup {
    display: none;
    width: 100%;
    background: #FFF7E6
}
.search-popup .content {
    max-width: 830px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px
}
@media (max-width:992px) {
    .search-popup .content {
        padding-left: 30px;
        padding-right: 30px
    }
}
@media (max-width:768px) {
    .search-popup .content {
        padding-left: 20px;
        padding-right: 20px
    }
}
.search-popup .bg-box {
    padding-top: 14px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.search-popup .form-box {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.search-popup .form-box .search-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search-popup .form-box .search-form button {
    outline: none;
    width: 16px;
    height: 16px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0008/221975/search.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 23px;
    right: 0;
    margin-right: 0
}
.search-popup .form-box .search-form button:hover {
    border-bottom: none;
    opacity: 0.7
}
.search-popup .form-box .search-field {
    width: 100%
}
.search-popup .form-box .search-field input {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 100%;
    background: none;
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 1;
    color: #3975CF;
    padding: 18px 0;
    border-bottom: 1px solid #004DBF
}
.search-popup .form-box .search-field input:focus {
    border-bottom: 1px solid #0066FF
}
.search-popup .form-box .search-field input:-moz-placeholder {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 1;
    color: #3975CF;
    opacity: 1
}
.search-popup .form-box .search-field input::-moz-placeholder {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 1;
    color: #3975CF;
    opacity: 1
}
.search-popup .form-box .search-field input:-ms-input-placeholder {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 1;
    color: #3975CF;
    opacity: 1
}
.search-popup .form-box .search-field input::-webkit-input-placeholder {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 1;
    color: #3975CF;
    opacity: 1
}
.phone-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(19, 41, 75, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden
}
.phone-popup.open {
    opacity: 1;
    visibility: visible
}
.phone-popup.open .phone-popup__body {
    -webkit-transform: none;
    transform: none
}
.phone-popup .phone-popup__body {
    width: 90%;
    max-width: 1000px;
    background: #ffffff;
    position: relative;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body {
        width: calc(100% - 60px);
        max-width: 600px
    }
}
.phone-popup .phone-popup__body .icon-phone-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 0%;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    background: #ffffff;
    border-radius: 4px 0 0 4px;
    z-index: 1
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .icon-phone-close {
        width: 40px;
        height: 40px
    }
}
.phone-popup .phone-popup__body .icon-phone-close:before {
    color: #0066FF;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .icon-phone-close:before {
        left: 15px
    }
}
.phone-popup .phone-popup__body .icon-phone-close:hover:before {
    opacity: 0.7
}
.phone-popup .phone-popup__body .phone-popup__title {
    background: #0066FF;
    padding: 26px 135px 26px 125px
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .phone-popup__title {
        padding: 16px 30px
    }
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__title {
        padding: 16px 20px
    }
}
.phone-popup .phone-popup__body .phone-popup__title p {
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .phone-popup__title p {
        font-size: 16px
    }
}
.phone-popup .phone-popup__body .phone-popup__title p strong {
    font-weight: normal;
    font-family: "Barlow-Bold"
}
.phone-popup .phone-popup__body .phone-popup__title p a {
    font-family: "Barlow-Bold";
    color: #ffffff;
    font-size: 24px;
    white-space: nowrap
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .phone-popup__title p a {
        font-size: 20px
    }
}
.phone-popup .phone-popup__body .phone-popup__title p a:hover {
    text-decoration: underline!important
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__content {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100% - 95px)
    }
}
.phone-popup .phone-popup__body .phone-popup__content__box {
    padding: 50px 135px 26px 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .phone-popup__content__box {
        padding: 50px 30px
    }
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__content__box {
        padding: 30px 20px
    }
}
.phone-popup .phone-popup__body .phone-popup__content__box .logo {
    width: 100%;
    margin-bottom: 28px
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .logo {
        margin-bottom: 20px
    }
}
.phone-popup .phone-popup__body .phone-popup__content__box .logo img {
    max-width: 160px
}
.phone-popup .phone-popup__body .phone-popup__content__box .block {
    width: calc(50% - 20px)
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block {
        width: calc(50% - 10px)
    }
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block {
        width: 100%
    }
}
.phone-popup .phone-popup__body .phone-popup__content__box .block p {
    font-family: "Barlow-Regular";
    color: #201F27
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block p {
        margin-bottom: 15px
    }
}
@media (max-width:360px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block p {
        font-size: 13px
    }
}
.phone-popup .phone-popup__body .phone-popup__content__box .block p strong {
    font-weight: normal;
    font-family: "Barlow-SemiBold";
    display: block
}
.phone-popup .phone-popup__body .phone-popup__content__box .block p a {
    color: #0066FF
}
.phone-popup .phone-popup__body .phone-popup__content__box .block p a.blue-color {
    color: #0066FF
}
.phone-popup .phone-popup__body .phone-popup__content__box .block .btn {
    margin-bottom: 36px;
    margin-top: -12px;
    padding: 11px 30px
}
@media (max-width:992px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block .btn {
        padding: 8px 20px
    }
}
@media (max-width:768px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block .btn {
        margin-bottom: 20px;
        margin-top: -6px
    }
}
@media (max-width:360px) {
    .phone-popup .phone-popup__body .phone-popup__content__box .block .btn {
        font-size: 14px
    }
}
.go-to-top {
    width: 50px;
    height: 50px;
    background: #0066FF;
    border: 1px solid #0066FF;
    border-radius: 5px 0 0 5px;
    position: fixed;
    right: 0;
    z-index: 9;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    bottom: 50px
}
.go-to-top.is-show {
    -webkit-transform: none;
    transform: none
}
.go-to-top.is-fiex {
    position: absolute;
    top: -100px;
    right: 0
}
@media (max-width:992px) {
    .go-to-top.is-fiex {
        top: -78px
    }
}
.go-to-top:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 14px;
    color: #ffffff
}
.go-to-top:hover {
    background: none
}
.go-to-top:hover:before {
    color: #0066FF
}
footer {
    position: relative;
    background: #002660;
    padding-top: 53px;
    padding-bottom: 115px
}
@media (max-width:992px) {
    footer {
        padding-top: 50px;
        padding-bottom: 50px
    }
}
footer .foot .foot-item {
    padding-bottom: 49px;
    border-bottom: 1px solid rgba(235, 247, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px
}
@media (max-width:992px) {
    footer .foot .foot-item {
        display: block;
        padding-bottom: 30px
    }
}
@media (max-width:450px) {
    footer .foot .foot-item {
        text-align: center
    }
}
footer .foot .foot-item .logo-and-contact {
    width: 257px;
    padding-top: 4px
}
@media (max-width:992px) {
    footer .foot .foot-item .logo-and-contact {
        width: 100%;
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
footer .foot .foot-item .logo-and-contact .logo {
    margin-bottom: 20px
}
@media (max-width:992px) {
    footer .foot .foot-item .logo-and-contact .logo {
        width: 100%;
        margin-bottom: 25px
    }
}
footer .foot .foot-item .logo-and-contact .logo img {
    max-width:200px
}
footer .foot .foot-item .logo-and-contact .share-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}
@media (max-width:992px) {
    footer .foot .foot-item .logo-and-contact .share-links {
        width: 33.333%
    }
}
@media (max-width:556px) {
    footer .foot .foot-item .logo-and-contact .share-links {
        width: 100%
    }
}
@media (max-width:450px) {
    footer .foot .foot-item .logo-and-contact .share-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
footer .foot .foot-item .logo-and-contact .share-links span {
    display: block;
    width: 100%;
    font-family: "Barlow-Bold";
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 5px
}
@media (max-width:768px) {
    footer .foot .foot-item .logo-and-contact .share-links span {
        line-height: 36px;
        margin-bottom: 8px
    }
}
footer .foot .foot-item .logo-and-contact .share-links a {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}
@media (max-width:768px) {
    footer .foot .foot-item .logo-and-contact .share-links a {
        width: 20px;
        height: 20px;
        margin-right: 8px
    }
}
@media (max-width:450px) {
    footer .foot .foot-item .logo-and-contact .share-links a {
        margin: 0 5px
    }
}
footer .foot .foot-item .logo-and-contact .share-links a:hover {
    opacity: 0.7
}
footer .foot .foot-item .logo-and-contact .share-links a.iconTwitter {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0009/221976/Twitter.svg?v=0.0.9")
}
footer .foot .foot-item .logo-and-contact .share-links a.iconFacebook {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0009/221958/Facebook.svg?v=0.0.1")
}
footer .foot .foot-item .logo-and-contact .share-links a.iconInstagram {
    background-image: url("https://www.waternsw.com.au/__data/assets/image/0011/221978/Instagram.png?v=0.0.1")
}
footer .foot .foot-item .logo-and-contact .share-links a.iconLinkedin {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0004/221971/Linkedin.svg?v=0.0.1")
}
footer .foot .foot-item .logo-and-contact .share-links a.iconYouTube {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0010/221977/YouTube.svg?v=0.0.1")
}
@media (max-width:992px) {
    footer .foot .foot-item .logo-and-contact .text {
        width: 66.666%
    }
}
@media (max-width:556px) {
    footer .foot .foot-item .logo-and-contact .text {
        width: 100%
    }
}
footer .foot .foot-item .logo-and-contact .text p, footer .foot .foot-item .logo-and-contact .text span {
    font-family: "Barlow-Regular";
    font-size: 16px;
    /* line-height: 36px; */
    color: #ffffff;
    margin-bottom: 0
}
footer .foot .foot-item .logo-and-contact .text p a, footer .foot .foot-item .logo-and-contact .text span a {
    color: inherit;
    text-decoration: none!important
}
footer .foot .foot-item .logo-and-contact .text p a:hover, footer .foot .foot-item .logo-and-contact .text span a:hover {
    opacity: 1;
    color: #ffffff
}
footer .foot .foot-item .logo-and-contact .text span {
    font-family: "Barlow-Bold"
}
footer .foot .foot-item .logo-and-contact .text p {
    color: #A6B2C9
}
footer .foot .foot-item .foot-menu {
    width: calc(100% - 257px)
}
@media (max-width:992px) {
    footer .foot .foot-item .foot-menu {
        width: 100%;
        margin-top: 30px
    }
}
footer .foot .foot-item .foot-menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
footer .foot .foot-item .foot-menu .menu li {
    width: 33.333%;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    padding-left: 30px
}
@media (max-width:992px) {
    footer .foot .foot-item .foot-menu .menu li {
        padding-left: 0;
        padding-right: 20px
    }
}
@media (max-width:556px) {
    footer .foot .foot-item .foot-menu .menu li {
        width: 50%;
        margin-bottom: 25px
    }
}
@media (max-width:450px) {
    footer .foot .foot-item .foot-menu .menu li {
        width: 100%;
        padding-right: 0
    }
}
footer .foot .foot-item .foot-menu .menu li:before {
    display: none
}
footer .foot .foot-item .foot-menu .menu li .sub-menu {
    margin: 0;
    padding: 0
}
footer .foot .foot-item .foot-menu .menu li .sub-menu span {
    font-family: "Barlow-Bold";
    font-size: 16px;
    line-height: 1.3;
    color: #ffffff;
    display: block;
    margin-bottom: 13px
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li {
    width: 100%;
    padding: 0;
    margin-bottom: 13px
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li a {
    font-family: "Barlow-Medium";
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none!important;
    color: #A6B2C9
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li a:hover {
    opacity: 1;
    color: #ffffff
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li+.link-blod {
    margin-top: 48px
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li+.link-blod+.link-blod {
    margin-top: 0
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li.link-blod a {
    font-family: "Barlow-Bold";
    color: #ffffff
}
footer .foot .foot-item .foot-menu .menu li .sub-menu li.link-blod a:hover {
    opacity: 0.7
}
footer .foot .foot-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media (max-width:768px) {
    footer .foot .foot-end {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media (max-width:450px) {
    footer .foot .foot-end {
        text-align: center
    }
}
@media (max-width:768px) {
    footer .foot .foot-end .text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}
footer .foot .foot-end .text p {
    font-family: "Barlow-Medium";
    font-size: 16px;
    line-height: 32px;
    color: #A6B2C9;
    margin-bottom: 0
}
@media (max-width:768px) {
    footer .foot .foot-end .links {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        margin-bottom: 20px
    }
}
footer .foot .foot-end .links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (max-width:450px) {
    footer .foot .foot-end .links ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block
    }
}
footer .foot .foot-end .links ul li {
    margin: 0px;
    margin-left: 32px;
    padding: 0
}
@media (max-width:768px) {
    footer .foot .foot-end .links ul li {
        margin-left: 0;
        margin-right: 15px
    }
}
@media (max-width:450px) {
    footer .foot .foot-end .links ul li {
        margin-right: 0
    }
}
footer .foot .foot-end .links ul li:before {
    display: none
}
footer .foot .foot-end .links ul li a {
    font-family: "Barlow-Medium";
    font-size: 16px;
    line-height: 32px;
    text-decoration: none!important;
    color: #A6B2C9
}
footer .foot .foot-end .links ul li a:hover {
    opacity: 1;
    color: #ffffff
}
@font-face {
    font-family: "Barlow-Medium";
    src: url("https://www.waternsw.com.au/__data/assets/file/0004/221917/Barlow-Medium.eot?v=0.0.1");
    src: url("https://www.waternsw.com.au/__data/assets/file/0004/221917/Barlow-Medium.eot?v=0.0.1?#iefix") format("embedded-opentype"), url("https://www.waternsw.com.au/__data/assets/file/0005/221936/Barlow-Medium.woff2?v=0.0.1") format("woff2"), url("https://www.waternsw.com.au/__data/assets/file/0019/221932/Barlow-Medium.woff?v=0.0.1") format("woff"), url("https://www.waternsw.com.au/__data/assets/file/0003/221925/Barlow-Medium.ttf?v=0.0.1") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Barlow-SemiBold";
    src: url("https://www.waternsw.com.au/__data/assets/file/0017/221930/Barlow-SemiBold.eot?v=0.0.1");
    src: url("https://www.waternsw.com.au/__data/assets/file/0017/221930/Barlow-SemiBold.eot?v=0.0.1?#iefix") format("embedded-opentype"), url("https://www.waternsw.com.au/__data/assets/file/0003/221916/Barlow-SemiBold.woff2?v=0.0.1") format("woff2"), url("https://www.waternsw.com.au/__data/assets/file/0004/221935/Barlow-SemiBold.woff?v=0.0.1") format("woff"), url("https://www.waternsw.com.au/__data/assets/file/0017/221921/Barlow-SemiBold.ttf?v=0.0.1") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Barlow-Regular";
    src: url("https://www.waternsw.com.au/__data/assets/file/0007/221929/Barlow-Regular.eot?v=0.0.1");
    src: url("https://www.waternsw.com.au/__data/assets/file/0007/221929/Barlow-Regular.eot?v=0.0.1?#iefix") format("embedded-opentype"), url("https://www.waternsw.com.au/__data/assets/file/0008/221939/Barlow-Regular.woff2?v=0.0.1") format("woff2"), url("https://www.waternsw.com.au/__data/assets/file/0018/221940/Barlow-Regular.woff?v=0.0.1") format("woff"), url("https://www.waternsw.com.au/__data/assets/file/0019/221923/Barlow-Regular.ttf?v=0.0.1") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Barlow-Black";
    src: url("https://www.waternsw.com.au/__data/assets/file/0005/221927/Barlow-Black.eot?v=0.0.1");
    src: url("https://www.waternsw.com.au/__data/assets/file/0005/221927/Barlow-Black.eot?v=0.0.1?#iefix") format("embedded-opentype"), url("https://www.waternsw.com.au/__data/assets/file/0004/221926/Barlow-Black.woff2?v=0.0.1") format("woff2"), url("https://www.waternsw.com.au/__data/assets/file/0006/221937/Barlow-Black.woff?v=0.0.1") format("woff"), url("https://www.waternsw.com.au/__data/assets/file/0005/221918/Barlow-Black.ttf?v=0.0.1") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Barlow-Bold";
    src: url("https://www.waternsw.com.au/__data/assets/file/0006/221919/Barlow-Bold.eot?v=0.0.1");
    src: url("https://www.waternsw.com.au/__data/assets/file/0006/221919/Barlow-Bold.eot?v=0.0.1?#iefix") format("embedded-opentype"), url("https://www.waternsw.com.au/__data/assets/file/0018/221922/Barlow-Bold.woff2?v=0.0.1") format("woff2"), url("https://www.waternsw.com.au/__data/assets/file/0020/221924/Barlow-Bold.woff?v=0.0.1") format("woff"), url("https://www.waternsw.com.au/__data/assets/file/0006/221928/Barlow-Bold.ttf?v=0.0.1") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "SimplonNorm-Bold";
    src: url("https://www.waternsw.com.au/__data/assets/file/0020/221933/SimplonNorm-Bold.eot?v=0.0.1");
    src: url("https://www.waternsw.com.au/__data/assets/file/0020/221933/SimplonNorm-Bold.eot?v=0.0.1?#iefix") format("embedded-opentype"), url("https://www.waternsw.com.au/__data/assets/file/0018/221931/SimplonNorm-Bold.woff2?v=0.0.1") format("woff2"), url("https://www.waternsw.com.au/__data/assets/file/0003/221934/SimplonNorm-Bold.woff?v=0.0.1") format("woff"), url("https://www.waternsw.com.au/__data/assets/file/0007/221938/SimplonNorm-Bold.ttf?v=0.0.1") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}
.home-banner .home-banner-box .content {
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab
}
.home-banner .home-banner-box .content .slick-list, .home-banner .home-banner-box .content .slick-track {
    min-height: 100%;
    float: none
}
.home-banner .home-banner-box .content .slick-list {
    padding-left: 85px;
    padding-right: 85px
}
@media (max-width:992px) {
    .home-banner .home-banner-box .content .slick-list {
        padding-left: 40px;
        padding-right: 40px
    }
}
@media (max-width:768px) {
    .home-banner .home-banner-box .content .slick-list {
        padding-left: 30px;
        padding-right: 30px
    }
}
.home-banner .home-banner-box .content .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.home-banner .home-banner-box .content .slider-block {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100%;
    height: auto;
    float: none;
    position: relative;
    margin: 0 15px;
    overflow: hidden;
    border-radius: 20px
}
@media (max-width:992px) {
    .home-banner .home-banner-box .content .slider-block {
        margin: 0 10px
    }
}
.home-banner .home-banner-box .content .slider-block:before {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background: #000031;
    position: absolute;
    top: 0;
    left: 0
}
.home-banner .home-banner-box .content .slider-block.slick-active .text .text-box {
    opacity: 1
}
.home-banner .home-banner-box .content .slider-block .text {
    position: relative;
    z-index: 2;
    padding-top: 30px;
    padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 600px
}
@media (max-width:992px) {
    .home-banner .home-banner-box .content .slider-block .text {
        min-height: 400px;
        padding-top: 50px
    }
}
.home-banner .home-banner-box .content .slider-block .text .img {
    display: none
}
@media (max-width:768px) {
    .home-banner .home-banner-box .content .slider-block .text .img {
        display: block
    }
}
.home-banner .home-banner-box .content .slider-block .text-box {
    opacity: 0;
    max-width: 370px
}
@media (max-width:768px) {
    .home-banner .home-banner-box .content .slider-block .text-box {
        max-width: 100%;
        text-align: center;
        margin: 0 auto
    }
}
.home-banner .home-banner-box .content .slider-block .text-box h1 {
    font-family: "Barlow-Bold";
    font-size: 48px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 5px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}
@media (max-width:992px) {
    .home-banner .home-banner-box .content .slider-block .text-box h1 {
        font-size: 35px
    }
}
.home-banner .home-banner-box .content .slider-block .text-box p {
    font-family: "Barlow-SemiBold";
    font-size: 24px;
    color: #ffffff;
    line-height: 40px;
    margin-bottom: 26px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}
@media (max-width:992px) {
    .home-banner .home-banner-box .content .slider-block .text-box p {
        font-size: 18px;
        line-height: 1.5
    }
}
.home-banner .home-banner-box .content .slider-block .text-box .link {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}
.home-banner .home-banner-box .content .slider-block .text-box .btn {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    border-color: #ffffff;
    color: #0A84FF;
    background: #ffffff;
    padding: 5px 48px 7px 48px
}
.home-banner .home-banner-box .content .slider-block .text-box .btn:hover {
    background: #0A84FF;
    color: #ffffff;
    border-color: #0A84FF
}
.home-banner .home-banner-box .content .slider-block.move .text .text-box h1 {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 1
}
.home-banner .home-banner-box .content .slider-block.move .text .text-box p {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1
}
.home-banner .home-banner-box .content .slider-block.move .text .text-box .link {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1
}
.home-banner .home-banner-box .content .slick-arrow {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    cursor: pointer;
    z-index: 2
}
@media (max-width:992px) {
    .home-banner .home-banner-box .content .slick-arrow {
        width: 40px
    }
}
@media (max-width:768px) {
    .home-banner .home-banner-box .content .slick-arrow {
        width: 30px
    }
}
.home-banner .home-banner-box .content .slick-arrow.slick-prev {
    left: 0;
    cursor: url("https://www.waternsw.com.au/__data/assets/file/0011/231698/cursor-left.cur?v=0.0.1"), auto
}
.home-banner .home-banner-box .content .slick-arrow.slick-next {
    right: 0;
    cursor: url("https://www.waternsw.com.au/__data/assets/file/0003/231699/cursor-right.cur?v=0.0.1"), auto
}
.home-banner .home-banner-box .content .slick-arrow button {
    display: none!important
}
.home-banner .home-banner-box .three-column {
    margin-top: -90px
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column {
        max-width: 600px;
        margin: 0 auto;
        margin-top: -70px;
        padding: 0 50px
    }
}
@media (max-width:360px) {
    .home-banner .home-banner-box .three-column {
        padding: 0 20px
    }
}
.home-banner .home-banner-box .three-column.animated {
    opacity: 1
}
.home-banner .home-banner-box .three-column .three-column-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    overflow: hidden
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column .three-column-box {
        display: block
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item {
    width: 33.333%;
    background: #FFF5D6;
    border-right: 2px solid #ffffff
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column .three-column-box .item {
        width: 100%
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item:last-child {
    border: none
}
.home-banner .home-banner-box .three-column .three-column-box .item .text {
    padding: 19px 30px 17px 30px
}
@media (max-width:1200px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .text {
        padding: 19px 15px 17px 15px
    }
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .text {
        padding: 10px 15px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item .text p {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #1B3D76;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 1px;
    position: relative
}
@media (max-width:992px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .text p {
        font-size: 13px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item .text p .icon-arrow {
    position: absolute;
    right: -56px;
    top: -4px
}
.home-banner .home-banner-box .three-column .three-column-box .item .text span {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 60px;
    color: #1B3D76;
    line-height: 1;
    margin-bottom: 14px
}
@media (max-width:992px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .text span {
        font-size: 40px;
        margin-bottom: 15px
    }
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .text span {
        margin-bottom: 5px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item .text span sub {
    font-size: 30px;
    font-family: "Barlow-Bold";
    color: #1B3D76;
    line-height: 1;
    bottom: 0px
}
@media (max-width:992px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .text span sub {
        font-size: 20px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item .link {
    padding: 10px 30px;
    background: #0066FF
}
@media (max-width:1200px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .link {
        padding: 10px 15px
    }
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .link {
        padding: 5px 15px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item .link a {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #ffffff;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 10px
}
@media (max-width:992px) {
    .home-banner .home-banner-box .three-column .three-column-box .item .link a {
        font-size: 13px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item .link a:hover {
    opacity: 0.7
}
.four-boxed-content {
    overflow: hidden
}
.four-boxed-content .four-boxed-content__title h2 {
    max-width: calc(100% - 100px)
}
.four-boxed-content .four-boxed-content__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: calc(554px - 50vw);
    margin-left: calc(554px - 50vw);
    position: relative
}
@media (max-width:1210px) {
    .four-boxed-content .four-boxed-content__content {
        margin-right: -50px;
        margin-left: -50px
    }
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content {
        margin-right: -30px;
        margin-left: -30px
    }
}
@media (max-width:768px) {
    .four-boxed-content .four-boxed-content__content {
        margin-right: -20px;
        margin-left: -20px
    }
}
.four-boxed-content .four-boxed-content__content.is-hide-mask:before {
    opacity: 0;
    visibility: hidden
}
.four-boxed-content .four-boxed-content__content:before {
    content: "";
    display: block;
    width: calc(50vw - 566px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}
@media (max-width:1210px) {
    .four-boxed-content .four-boxed-content__content:before {
        width: 40px
    }
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content:before {
        width: 20px
    }
}
@media (max-width:768px) {
    .four-boxed-content .four-boxed-content__content:before {
        display: none
    }
}
.four-boxed-content .four-boxed-content__content .slick-list {
    padding-right: calc(50vw - 576px);
    padding-left: calc(50vw - 566px)
}
@media (max-width:1210px) {
    .four-boxed-content .four-boxed-content__content .slick-list {
        padding-right: 50px;
        padding-left: 40px
    }
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .slick-list {
        padding-right: 30px;
        padding-left: 20px
    }
}
@media (max-width:768px) {
    .four-boxed-content .four-boxed-content__content .slick-list {
        padding-right: 20px;
        padding-left: 10px
    }
}
.four-boxed-content .four-boxed-content__content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 15px;
    position: relative;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    min-width: 255px
}
@media (max-width:1210px) {
    .four-boxed-content .four-boxed-content__content .item {
        min-width: auto
    }
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .item {
        margin: 0 10px
    }
}
.four-boxed-content .four-boxed-content__content .item:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0.4;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.four-boxed-content .four-boxed-content__content .item:hover .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.four-boxed-content .four-boxed-content__content .item .bg-img {
    padding-top: 100%;
    width: 100%;
    border-radius: 20px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}
.four-boxed-content .four-boxed-content__content .item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 23px 20px
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .item .text {
        padding: 20px 15px
    }
}
.four-boxed-content .four-boxed-content__content .item .text h3 {
    font-family: "Barlow-Bold";
    font-size: 24px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 5px
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .item .text h3 {
        font-size: 20px
    }
}
.four-boxed-content .four-boxed-content__content .item .text p {
    font-family: "Barlow-SemiBold";
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase
}
.four-boxed-content .four-boxed-content__content .item.slick-active:before {
    opacity: 0
}
.four-boxed-content .four-boxed-content__content .slick-arrow {
    position: absolute;
    top: -56px;
    cursor: pointer;
    z-index: 2;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #0066FF;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow {
        top: -49px
    }
}
.four-boxed-content .four-boxed-content__content .slick-arrow:before {
    content: "\e905";
    font-family: "icomoon"!important;
    font-size: 12px;
    text-decoration: none!important;
    color: #0066FF;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}
.four-boxed-content .four-boxed-content__content .slick-arrow:hover {
    opacity: 1;
    background: #0066FF
}
.four-boxed-content .four-boxed-content__content .slick-arrow:hover:before {
    color: #ffffff
}
.four-boxed-content .four-boxed-content__content .slick-arrow.slick-prev {
    right: calc(50vw - 513px)
}
@media (max-width:1210px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow.slick-prev {
        right: 90px
    }
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow.slick-prev {
        right: 70px
    }
}
@media (max-width:768px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow.slick-prev {
        right: 60px
    }
}
.four-boxed-content .four-boxed-content__content .slick-arrow.slick-prev:before {
    left: 1px;
    -webkit-transform: rotate(180deg) translate(1px, 0px);
    transform: rotate(180deg) translate(1px, 0px)
}
.four-boxed-content .four-boxed-content__content .slick-arrow.slick-next {
    right: calc(50vw - 553px)
}
@media (max-width:1210px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow.slick-next {
        right: 50px
    }
}
@media (max-width:992px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow.slick-next {
        right: 30px
    }
}
@media (max-width:768px) {
    .four-boxed-content .four-boxed-content__content .slick-arrow.slick-next {
        right: 20px
    }
}
.four-boxed-content .four-boxed-content__content .slick-arrow.slick-next:before {
    -webkit-transform: translate(1px, 0px);
    transform: translate(1px, 0px)
}
.four-boxed-content .four-boxed-content__content .slick-arrow button {
    display: none!important
}
.services-box {
    overflow: hidden
}
.services-box .container {
    position: relative
}
.services-box .container:before {
    content: "";
    width: calc(100% + 130px);
    height: 100%;
    background: #FFF7E6;
    border-radius: 20px;
    position: absolute;
    left: -65px;
    top: 0;
    z-index: 0
}
.services-box .services-box__title {
    max-width: 734px;
    margin-bottom: 63px;
    position: relative;
    z-index: 2
}
@media (max-width:992px) {
    .services-box .services-box__title {
        margin-bottom: 30px
    }
}
.services-box .services-box__title h2 {
    margin-bottom: 15px
}
.services-box .services-box__title p {
    font-family: inherit;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px
}
@media (max-width:992px) {
    .services-box .services-box__title p {
        font-size: 18px
    }
}
.services-box .services-box__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2
}
.services-box .services-box__content .item {
    width: 33.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:992px) {
    .services-box .services-box__content .item {
        width: 50%
    }
}
@media (max-width:556px) {
    .services-box .services-box__content .item {
        width: 100%
    }
}
.services-box .services-box__content .item .icon {
    width: 81px;
    padding-top: 6px
}
@media (max-width:992px) {
    .services-box .services-box__content .item .icon {
        width: 65px
    }
}
.services-box .services-box__content .item .icon img {
    width: auto
}
@media (max-width:992px) {
    .services-box .services-box__content .item .icon img {
        max-width: 50px;
        max-height: 50px
    }
}
.services-box .services-box__content .item .text {
    width: calc(100% - 81px);
    padding-right: 30px;
    margin-bottom: 24px
}
@media (max-width:992px) {
    .services-box .services-box__content .item .text {
        padding-right: 20px;
        width: calc(100% - 65px);
        margin-bottom: 18px
    }
}
.services-box .services-box__content .item .text h3 {
    font-family: "SimplonNorm-Bold";
    font-size: 20px;
    line-height: 1.5;
    color: #0066FF;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .services-box .services-box__content .item .text h3 {
        font-size: 18px
    }
}
.services-box .services-box__content .item .text p {
    font-family: "Barlow-Regular";
    color: #201F27;
    margin-bottom: 10px
}
.water-services .line {
    border-bottom: 1px solid #CCE0FF
}
.water-services .container {
    position: relative
}
.water-services .water-services__title {
    margin-bottom: 38px;
    position: relative;
    z-index: 2;
    padding-right: 220px
}
@media (max-width:992px) {
    .water-services .water-services__title {
        margin-bottom: 25px
    }
}
@media (max-width:768px) {
    .water-services .water-services__title {
        padding-right: 0
    }
}
.water-services .water-services__title h2 {
    margin-bottom: 15px
}
.water-services .water-services__title p {
    font-family: inherit;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
    max-width: 734px
}
@media (max-width:992px) {
    .water-services .water-services__title p {
        font-size: 18px
    }
}
.water-services .water-services__title .btn {
    position: absolute;
    bottom: 8px;
    right: 0;
    z-index: 1
}
@media (max-width:768px) {
    .water-services .water-services__title .btn {
        position: static
    }
}
.water-services .water-services__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin-left: -15px;
    margin-right: -15px
}
@media (max-width:1200px) {
    .water-services .water-services__content {
        margin-left: -10px;
        margin-right: -10px
    }
}
.water-services .water-services__content .item {
    width: 16.6666%;
    padding: 0 15px;
    margin-bottom: 32px
}
@media (max-width:1200px) {
    .water-services .water-services__content .item {
        padding: 0 10px
    }
}
@media (max-width:992px) {
    .water-services .water-services__content .item {
        width: 33.333%;
        margin-bottom: 20px
    }
}
@media (max-width:556px) {
    .water-services .water-services__content .item {
        width: 50%
    }
}
.water-services .water-services__content .item a {
    display: block;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.water-services .water-services__content .item a .img {
    overflow: hidden;
    border-radius: 10px;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.water-services .water-services__content .item a:hover .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.water-services .water-services__content .item a:hover .text h3 {
    opacity: 0.7
}
.water-services .water-services__content .item .bg-img {
    padding-top: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}
.water-services .water-services__content .item .text {
    margin-top: 16px
}
@media (max-width:992px) {
    .water-services .water-services__content .item .text {
        margin-top: 13px
    }
}
.water-services .water-services__content .item .text h3 {
    font-family: "SimplonNorm-Bold";
    font-size: 20px;
    line-height: 1.2;
    color: #0066FF;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 3px
}
@media (max-width:1200px) {
    .water-services .water-services__content .item .text h3 {
        font-size: 18px
    }
}
@media (max-width:768px) {
    .water-services .water-services__content .item .text h3 {
        font-size: 16px
    }
}
.water-services .water-services__content .item.width-33 {
    width: 33.333%;
    position: relative
}
@media (max-width:556px) {
    .water-services .water-services__content .item.width-33 {
        width: 50%
    }
}
.water-services .water-services__content .item.width-33 .bg-img {
    padding-top: 57.1428571429%
}
@media (max-width:556px) {
    .water-services .water-services__content .item.width-33 .bg-img {
        padding-top: 100%
    }
}
.water-services .water-services__content .item.width-33 .text {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 25px
}
.water-services .water-services__content .item.width-33 .text h3 {
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    font-family: "Barlow-Bold";
    padding: 0 15px
}
@media (max-width:1200px) {
    .water-services .water-services__content .item.width-33 .text h3 {
        font-size: 20px
    }
}
@media (max-width:768px) {
    .water-services .water-services__content .item.width-33 .text h3 {
        font-size: 16px;
        line-height: 1.3;
        padding: 0
    }
}
.news-and-stories .news-and-stories__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__content {
        display: block
    }
}
.news-and-stories .news-and-stories__content:nth-child(2n) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -43px
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__content:nth-child(2n) {
        margin-top: 0
    }
}
.news-and-stories .news-and-stories__content:nth-child(2n) .news-and-stories__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 120px
}
@media (max-width:992px) {
    .news-and-stories .news-and-stories__content:nth-child(2n) .news-and-stories__left {
        padding-top: 80px
    }
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__content:nth-child(2n) .news-and-stories__left {
        padding-top: 0
    }
}
.news-and-stories .news-and-stories__content:nth-child(2n) .news-and-stories__right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
    padding-right: 30px
}
.news-and-stories .item .bg-img {
    padding-top: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.news-and-stories .item .img {
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.news-and-stories .item:hover .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.news-and-stories .item:hover .text h3 {
    opacity: 0.7
}
.news-and-stories .item .text .date {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.1;
    display: block;
    color: #596C89;
    margin-bottom: 8px
}
.news-and-stories .item .text h3 {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 1.5;
    color: #0066FF;
    margin-bottom: 0px;
    padding-right: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
@media (max-width:992px) {
    .news-and-stories .item .text h3 {
        font-size: 18px
    }
}
.news-and-stories .item .text p {
    font-family: "Barlow-Regular";
    margin-bottom: 10px;
    max-width: 500px
}
@media (max-width:768px) {
    .news-and-stories .item .text p {
        max-width: 100%
    }
}
.news-and-stories .news-and-stories__left {
    width: 48.6%
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__left {
        width: 100%;
        margin-bottom: 30px
    }
}
.news-and-stories .news-and-stories__left .news-and-stories__title {
    padding-top: 19px;
    margin-bottom: 48px;
    width: 100%
}
@media (max-width:992px) {
    .news-and-stories .news-and-stories__left .news-and-stories__title {
        margin-bottom: 20px
    }
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__left .news-and-stories__title {
        margin-top: 0;
        padding-top: 0
    }
}
.news-and-stories .news-and-stories__left .news-and-stories__title h2 {
    margin-bottom: 21px
}
.news-and-stories .news-and-stories__left .news-and-stories__title p {
    font-family: "Barlow-Regular";
    margin-bottom: 0px;
    max-width: 475px
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__left .news-and-stories__title p {
        max-width: 100%
    }
}
.news-and-stories .news-and-stories__left .news-and-stories__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.news-and-stories .news-and-stories__left .item {
    width: calc(50% - 15px)
}
@media (max-width:992px) {
    .news-and-stories .news-and-stories__left .item {
        width: calc(50% - 10px)
    }
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__left .item.mobile {
        width: 100%;
        margin-bottom: 20px
    }
}
@media (max-width:414px) {
    .news-and-stories .news-and-stories__left .item {
        width: 100%;
        margin-bottom: 20px
    }
}
.news-and-stories .news-and-stories__left .item p {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.5
}
.news-and-stories .news-and-stories__left .link {
    padding-top: 48px;
    width: 100%
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__left .link {
        padding-top: 35px
    }
}
.news-and-stories .news-and-stories__right {
    width: 51.4%;
    padding-left: 30px
}
@media (max-width:992px) {
    .news-and-stories .news-and-stories__right {
        padding-left: 20px
    }
}
@media (max-width:768px) {
    .news-and-stories .news-and-stories__right {
        width: 100%;
        padding-left: 0
    }
}
.news-and-stories .news-and-stories__right .item .img {
    margin-bottom: 25px
}
.news-and-stories .news-and-stories__right .item h3 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 2px
}
.news-and-stories.not-home-page-style .news-and-stories__left {
    padding-bottom: 50px
}
@media (max-width:768px) {
    .news-and-stories.not-home-page-style .news-and-stories__left {
        padding-bottom: 0
    }
}
.news-and-stories.not-home-page-style .news-and-stories__left .news-and-stories__title {
    margin-bottom: 62px;
    padding-top: 0;
    margin-top: -12px
}
.news-and-stories.not-home-page-style .news-and-stories__right .item .date {
    margin-bottom: 19px
}
.quicklinks {
    overflow: hidden
}
.quicklinks .container {
    position: relative
}
.quicklinks .container:before {
    content: "";
    width: calc(100% + 130px);
    height: 100%;
    background: #FFF7E6;
    border-radius: 20px;
    position: absolute;
    left: -65px;
    top: 0;
    z-index: 0
}
.quicklinks .quicklinks__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}
.quicklinks .quicklinks__content .item {
    width: 48.6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:768px) {
    .quicklinks .quicklinks__content .item {
        width: 100%;
        margin-top: 20px
    }
    .quicklinks .quicklinks__content .item:first-child {
        margin-top: 0
    }
}
.quicklinks .quicklinks__content .item .icon {
    width: 96px;
    padding-top: 2px
}
@media (max-width:992px) {
    .quicklinks .quicklinks__content .item .icon {
        width: 65px
    }
}
.quicklinks .quicklinks__content .item .icon img {
    width: auto
}
@media (max-width:992px) {
    .quicklinks .quicklinks__content .item .icon img {
        max-width: 50px;
        max-height: 50px
    }
}
.quicklinks .quicklinks__content .item .text {
    width: calc(100% - 96px);
    padding-right: 0px
}
@media (max-width:992px) {
    .quicklinks .quicklinks__content .item .text {
        padding-right: 20px;
        width: calc(100% - 65px)
    }
}
.quicklinks .quicklinks__content .item .text h3 {
    font-family: "SimplonNorm-Bold";
    font-size: 20px;
    line-height: 1.2;
    color: #0066FF;
    margin-bottom: 2px
}
@media (max-width:992px) {
    .quicklinks .quicklinks__content .item .text h3 {
        font-size: 18px
    }
}
.quicklinks .quicklinks__content .item .text p {
    font-family: "Barlow-Regular";
    color: #201F27;
    margin-bottom: 36px
}
@media (max-width:992px) {
    .quicklinks .quicklinks__content .item .text p {
        margin-bottom: 20px
    }
}
.quicklinks.background-color .container:before {
    background: #FFFAF0
}
.quicklinks.background-color .quicklinks__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.quicklinks.background-color .quicklinks__content .item {
    width: 48.8%
}
@media (max-width:768px) {
    .quicklinks.background-color .quicklinks__content .item {
        width: 100%
    }
}
.quicklinks.background-color .quicklinks__content .item .icon {
    width: 96px
}
@media (max-width:992px) {
    .quicklinks.background-color .quicklinks__content .item .icon {
        width: 65px
    }
}
.quicklinks.background-color .quicklinks__content .item .text {
    width: calc(100% - 96px);
    padding-right: 10px
}
@media (max-width:992px) {
    .quicklinks.background-color .quicklinks__content .item .text {
        padding-right: 20px;
        width: calc(100% - 65px)
    }
}
.contact-us .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (max-width:650px) {
    .contact-us .container {
        display: block
    }
}
.contact-us .share-links {
    width: 48%;
    max-width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (max-width:650px) {
    .contact-us .share-links {
        width: 100%;
        max-width: 100%;
        margin-bottom: 25px
    }
}
.contact-us .share-links p {
    width: 100%;
    font-family: "Barlow-SemiBold";
    margin-bottom: 3px
}
.contact-us .share-links a {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px
}
@media (max-width:992px) {
    .contact-us .share-links a {
        width: 40px;
        height: 40px;
        margin-right: 15px
    }
}
@media (max-width:650px) {
    .contact-us .share-links a {
        margin-right: 10px
    }
}
.contact-us .share-links a:hover {
    opacity: 0.7
}
.contact-us .share-links a.iconTwitter {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0009/221976/Twitter.svg?v=0.0.9")
}
.contact-us .share-links a.iconFacebook {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0009/221958/Facebook.svg?v=0.0.1")
}
.contact-us .share-links a.iconInstagram {
    background-image: url("https://www.waternsw.com.au/__data/assets/image/0011/221978/Instagram.png?v=0.0.1")
}
.contact-us .share-links a.iconLinkedin {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0004/221971/Linkedin.svg?v=0.0.1")
}
.contact-us .share-links a.iconYouTube {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0010/221977/YouTube.svg?v=0.0.1")
}
.contact-us .form {
    width: 48%;
    max-width: 540px
}
@media (max-width:650px) {
    .contact-us .form {
        width: 100%;
        max-width: 440px
    }
}
.contact-us .form p {
    margin-bottom: 18px
}
.contact-us .form .form-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.contact-us .form .form-box .form-group {
    width: calc(100% - 120px);
    margin-bottom: 0
}
@media (max-width:992px) {
    .contact-us .form .form-box .form-group {
        width: calc(100% - 100px)
    }
}
.contact-us .form .form-box .form-group input {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #201F27;
    width: 100%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 60px;
    border: 2px solid #0066FF;
    background: #ffffff;
    padding: 10px 20px 13px 20px;
    border-right: none;
    border-radius: 10px 0 0 10px
}
@media (max-width:992px) {
    .contact-us .form .form-box .form-group input {
        height: 40px;
        padding: 5px 14px
    }
}
.contact-us .form .form-box .form-group input::-webkit-input-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.contact-us .form .form-box .form-group input:-moz-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.contact-us .form .form-box .form-group input::-moz-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.contact-us .form .form-box .form-group input:-ms-input-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.contact-us .form .form-box .form-group input:focus {
    border-color: #004DBF
}
.contact-us .form .form-box .form-submit {
    width: 120px
}
@media (max-width:992px) {
    .contact-us .form .form-box .form-submit {
        width: 100px
    }
}
.contact-us .form .form-box .form-submit input {
    font-family: "Barlow-Medium";
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 60px;
    border: 2px solid #0066FF;
    background: #0066FF;
    border-radius: 0 10px 10px 0
}
@media (max-width:992px) {
    .contact-us .form .form-box .form-submit input {
        font-size: 18px;
        height: 40px;
        padding-bottom: 3px
    }
}
.contact-us .form .form-box .form-submit input:hover {
    color: #0066FF;
    background: #ffffff
}
.callout-text {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 30px;
    overflow-x: hidden;
    padding-bottom: 30px;
    position: relative
}
.callout-text.is-show {
    overflow: inherit
}
.callout-text:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0.75
}
.callout-text .container {
    position: relative;
    z-index: 2
}
.callout-text .text {
    text-align: center;
    max-width: 920px;
    margin: 0 auto
}
.callout-text .text p {
    font-family: inherit;
    margin-bottom: 0;
    color: #ffffff
}
.callout-text .text p a {
    font-family: "Barlow-SemiBold";
    color: inherit;
    margin-left: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
    background-image: linear-gradient(white, white)
}
.callout-text .text p a:hover {
    color: #0066FF
}
.callout-text .text p a:active {
    color: #0066FF
}
.page-heading .text {
    max-width: 824px;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .page-heading .text {
        margin-bottom: 0px
    }
}
.page-heading .text h1 {
    margin-bottom: 26px
}
@media (max-width:992px) {
    .page-heading .text h1 {
        margin-bottom: 15px
    }
}
.page-heading .text p {
    font-family: inherit;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .page-heading .text p {
        font-size: 20px;
        line-height: 1.5
    }
}
.two-yellow-boxed .line {
    border-bottom: 1px solid #CCE0FF
}
.two-yellow-boxed .two-yellow-boxed__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}
@media (max-width:768px) {
    .two-yellow-boxed .two-yellow-boxed__content {
        max-width: 500px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item {
    width: calc(50% - 15px);
    border-radius: 20px;
    overflow: hidden;
    background: #FFF7E6;
    position: relative
}
@media (max-width:768px) {
    .two-yellow-boxed .two-yellow-boxed__content .item {
        width: 100%;
        border-radius: 10px;
        margin-top: 20px
    }
    .two-yellow-boxed .two-yellow-boxed__content .item:first-child {
        margin-top: 0
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item:last-child {
    border: none
}
.two-yellow-boxed .two-yellow-boxed__content .item .text {
    padding: 26px 30px 81px 30px
}
@media (max-width:1200px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text {
        padding: 26px 15px 81px 15px
    }
}
@media (max-width:768px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text {
        padding: 10px 15px 70px 15px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .text-and-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 11px
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .text-and-date .date {
    display: inline-block;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #0054A5;
    line-height: 1.1;
    padding-right: 4px
}
@media (max-width:992px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text .text-and-date .date {
        font-size: 12px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .text p {
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    color: #0054A5;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 1px;
    position: relative
}
@media (max-width:992px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text p {
        font-size: 13px
    }
}
@media (max-width:768px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text p {
        padding-right: 30px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .text p .icon-arrow {
    position: absolute;
    right: -56px;
    top: -4px
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 7px
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .percentage {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 64px;
    color: #1B3D76;
    line-height: 1;
    margin-bottom: 0
}
@media (max-width:992px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text .number .percentage {
        font-size: 40px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .percentage sub {
    font-size: 32px;
    font-family: "Barlow-Bold";
    color: #1B3D76;
    line-height: 1;
    bottom: 0px
}
@media (max-width:992px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .text .number .percentage sub {
        font-size: 20px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down {
    display: inline-block;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #ED1C24;
    line-height: 1.1;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px);
    padding-left: 20px;
    position: relative
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down.down:before {
    content: "";
    border-top: 11px solid #ED1C24;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 4px;
    right: -24px;
    z-index: 1
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down.on {
    color: #39B54A
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down.on:before {
    content: "";
    border-bottom: 11px solid #39B54A;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 4px;
    right: -24px;
    z-index: 1
}
.two-yellow-boxed .two-yellow-boxed__content .item .link {
    padding: 10px 30px;
    background: #0066FF;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
@media (max-width:1200px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .link {
        padding: 10px 15px
    }
}
@media (max-width:768px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .link {
        padding: 5px 15px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .link a {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 10px
}
@media (max-width:992px) {
    .two-yellow-boxed .two-yellow-boxed__content .item .link a {
        font-size: 13px
    }
}
.two-yellow-boxed .two-yellow-boxed__content .item .link a:hover {
    opacity: 0.7
}
.projects-list .projects-list__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (max-width:768px) {
    .projects-list .projects-list__filters {
        display: none
    }
}
.projects-list .projects-list__filters .title h2 {
    color: #004DBF;
    margin-bottom: 0;
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px)
}
.projects-list .projects-list__filters .title+.filters {
    width: auto
}
.projects-list .projects-list__filters .filters {
    width: calc(100% - 272px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:768px) {
    .projects-list .projects-list__filters .filters {
        width: 100%
    }
}
.projects-list .projects-list__filters .filters span {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #201F27;
    line-height: 1.2;
    padding-top: 10px;
    margin-right: 3px;
    display: inline-block
}
.projects-list .projects-list__filters .filters .filters-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.projects-list .projects-list__filters .filters .filters-box a {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #0066FF;
    border: 1px solid #0066FF;
    border-radius: 20px;
    padding: 3px 30px 5px 30px;
    display: inline-block;
    margin-left: 20px;
    min-width: 180px;
    text-align: center;
    margin-bottom: 10px
}
@media (max-width:992px) {
    .projects-list .projects-list__filters .filters .filters-box a {
        font-size: 16px;
        min-width: 150px;
        padding: 3px 20px 5px 20px
    }
}
.projects-list .projects-list__filters .filters .filters-box a:hover {
    color: #ffffff;
    background: #0066FF
}
.projects-list .projects-list__filters .filters .filters-box a.is-active {
    color: #ffffff;
    background: #0066FF
}
.projects-list .projects-list__filters .view {
    width: 172px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
@media (max-width:768px) {
    .projects-list .projects-list__filters .view {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px
    }
}
.projects-list .projects-list__filters .view span {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #201F27;
    line-height: 1.2;
    padding-top: 10px;
    margin-right: 10px;
    display: inline-block
}
.projects-list .projects-list__filters .view .view-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.projects-list .projects-list__filters .view .view-box a {
    width: 40px;
    height: 40px;
    border: 1px solid #0A84FF;
    border-radius: 10px;
    color: #0A84FF;
    display: inline-block;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.projects-list .projects-list__filters .view .view-box a:before {
    color: inherit
}
.projects-list .projects-list__filters .view .view-box a:hover {
    color: #ffffff;
    background: #0A84FF
}
.projects-list .projects-list__filters .view .view-box a.active {
    color: #ffffff;
    background: #0A84FF
}
.projects-list .projects-list__filters .view .view-box a.active:hover {
    color: #0A84FF;
    background: #ffffff
}
.projects-list .projects-list__content {
    position: relative
}
.projects-list .projects-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s
}
@media (max-width:992px) {
    .projects-list .projects-list__item {
        margin-left: -10px;
        margin-right: -10px
    }
}
.projects-list .projects-list__item.is-hide, .projects-list .projects-list__item.is-hide-all {
    position: absolute;
    top: 0;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px);
    width: calc(100% + 30px)
}
@media (max-width:992px) {
    .projects-list .projects-list__item.is-hide, .projects-list .projects-list__item.is-hide-all {
        left: 0px;
        width: calc(100% + 20px)
    }
}
.projects-list .projects-list__item.is-show {
    position: static;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}
.projects-list .projects-list__item .item {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .projects-list .projects-list__item .item {
        width: 33.333%;
        padding: 0 10px
    }
}
@media (max-width:556px) {
    .projects-list .projects-list__item .item {
        width: 50%
    }
}
.projects-list .projects-list__item .item a {
    display: block
}
.projects-list .projects-list__item .item a .img {
    overflow: hidden;
    border-radius: 20px;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.projects-list .projects-list__item .item a:hover .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.projects-list .projects-list__item .item a:hover .text h3 {
    opacity: 0.7
}
.projects-list .projects-list__item .item .bg-img {
    padding-top: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}
.projects-list .projects-list__item .item .text {
    margin-top: 14px
}
@media (max-width:992px) {
    .projects-list .projects-list__item .item .text {
        margin-top: 13px
    }
}
.projects-list .projects-list__item .item .text h3 {
    font-family: "Barlow-Bold";
    font-size: 24px;
    line-height: 1.2;
    color: #0066FF;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
@media (max-width:992px) {
    .projects-list .projects-list__item .item .text h3 {
        font-size: 20px
    }
}
.projects-list .projects-list__item .item .text p {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.2;
    color: #596C89;
    text-transform: uppercase;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .projects-list .projects-list__item .item .text p {
        font-size: 14px
    }
}
.projects-list.style-two .projects-list__item .item .text {
    margin-top: 12px
}
.projects-list.style-two .projects-list__item .item .text h3 {
    font-size: 20px;
    line-height: 1.5
}
.page-banner {
    position: relative;
    padding-top: 108px;
    padding-bottom: 100px;
    min-height: 465px
}
.page-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}
.page-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #201F27;
    opacity: 0.4;
    z-index: 1
}
.page-banner .container {
    position: relative;
    z-index: 2
}
.page-banner .text {
    max-width: 678px
}
.page-banner .text h1 {
    color: #ffffff;
    margin-bottom: 26px
}
.page-banner .text h2 {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    margin-bottom: 0;
    max-width: 634px
}
@media (max-width:992px) {
    .page-banner .text h2 {
        font-size: 20px;
        line-height: 1.5
    }
}
.page-banner+.two-boxed-content {
    margin-top: -76px
}
.two-boxed-content {
    position: relative;
    z-index: 2
}
.two-boxed-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.two-boxed-content .item-two-line {
    width: calc(50% - 15px)
}
@media (max-width:650px) {
    .two-boxed-content .item-two-line {
        width: 100%
    }
}
.two-boxed-content .item-two-line .item {
    width: 100%
}
.two-boxed-content .item {
    width: calc(50% - 15px);
    border-radius: 10px;
    border: 1px solid #0066FF;
    padding: 30px 60px 23px 40px;
    margin-bottom: 30px;
    background: #ffffff;
    position: relative
}
@media (max-width:992px) {
    .two-boxed-content .item {
        padding: 30px 25px 23px 25px
    }
}
@media (max-width:768px) {
    .two-boxed-content .item {
        padding: 30px 20px 23px 20px
    }
}
@media (max-width:650px) {
    .two-boxed-content .item {
        width: 100%;
        padding: 20px 20px 15px 20px
    }
}
.two-boxed-content .item:before {
    content: "";
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    position: absolute;
    top: -6px;
    left: -6px;
    border: 6px solid #0066FF;
    border-radius: 12px;
    opacity: 0.1
}
.two-boxed-content .item .title h3 {
    font-family: "Barlow-Bold";
    font-size: 32px;
    line-height: 1.2;
    color: #1B3D76;
    margin-bottom: 13px
}
@media (max-width:992px) {
    .two-boxed-content .item .title h3 {
        font-size: 22px
    }
}
.two-boxed-content .item .title p {
    font-family: inherit;
    font-size: 20px;
    line-height: 1.5;
    color: #201F27;
    margin-bottom: 16px
}
@media (max-width:992px) {
    .two-boxed-content .item .title p {
        font-size: 17px;
        margin-bottom: 10px
    }
}
.two-boxed-content .item .links a {
    display: block;
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.5;
    color: #0066FF;
    position: relative;
    padding: 15px 35px 17px 0;
    border-bottom: 1px solid #DCE4EE
}
@media (max-width:992px) {
    .two-boxed-content .item .links a {
        font-size: 16px;
        padding: 10px 35px 12px 0
    }
}
.two-boxed-content .item .links a:last-child {
    border-bottom: none
}
.two-boxed-content .item .links a i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #FFCD34;
    border-color: #FFCD34;
    color: #ffffff
}
.two-boxed-content .item .links a i:before {
    -webkit-transform: rotate(0deg) translate(1px, 0);
    transform: rotate(0deg) translate(1px, 0);
    color: #ffffff
}
.two-boxed-content .item .links a:hover {
    color: #004DBF
}
.two-boxed-content .item .links a:hover i {
    border-color: #0066FF;
    background: none
}
.two-boxed-content .item .links a:hover i:before {
    color: #0066FF
}
.two-boxed-content .item.width-100 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (min-width:993px) {
    .two-boxed-content .item.width-100 {
        padding: 15px 30px 14px 40px
    }
    .two-boxed-content .item.width-100 .title {
        padding-top: 15px
    }
}
@media (max-width:768px) {
    .two-boxed-content .item.width-100 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.two-boxed-content .item.width-100 .title {
    width: 27.4%
}
@media (max-width:768px) {
    .two-boxed-content .item.width-100 .title {
        width: 100%
    }
}
.two-boxed-content .item.width-100 .links {
    width: 36.3%;
    padding-left: 56px
}
@media (max-width:1200px) {
    .two-boxed-content .item.width-100 .links {
        padding-left: 30px
    }
}
@media (max-width:768px) {
    .two-boxed-content .item.width-100 .links {
        width: calc(50% - 15px);
        padding-left: 0
    }
}
@media (max-width:650px) {
    .two-boxed-content .item.width-100 .links {
        width: 100%
    }
}
.two-boxed-content .item.with-image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}
@media (max-width:768px) {
    .two-boxed-content .item.with-image {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.two-boxed-content .item.with-image:before {
    display: none
}
.two-boxed-content .item.with-image+div {
    width: 100%
}
.two-boxed-content .item.with-image .title {
    width: 29.4%;
    padding: 38px 0px 14px 40px
}
@media (max-width:768px) {
    .two-boxed-content .item.with-image .title {
        width: 100%
    }
}
@media (max-width:992px) {
    .two-boxed-content .item.with-image .title {
        padding-left: 30px
    }
}
@media (min-width:993px) {
    .two-boxed-content .item.with-image .title h3 {
        margin-bottom: 32px
    }
}
@media (max-width:650px) {
    .two-boxed-content .item.with-image .title {
        padding: 25px 20px 0px 20px
    }
}
.two-boxed-content .item.with-image .links {
    width: 33.9%;
    padding-left: 56px;
    padding-top: 26px;
    padding-bottom: 23px
}
@media (max-width:1200px) {
    .two-boxed-content .item.with-image .links {
        padding-left: 30px
    }
}
@media (max-width:768px) {
    .two-boxed-content .item.with-image .links {
        width: calc(50% - 15px);
        padding-left: 0;
        padding-left: 30px;
        padding-top: 0
    }
}
@media (max-width:650px) {
    .two-boxed-content .item.with-image .links {
        width: 100%;
        padding: 0 20px 20px 20px
    }
}
.two-boxed-content .item.with-image .image {
    width: 36.7%;
    padding-left: 56px
}
@media (max-width:1200px) {
    .two-boxed-content .item.with-image .image {
        padding-left: 30px
    }
}
@media (max-width:768px) {
    .two-boxed-content .item.with-image .image {
        width: calc(50% - 15px);
        padding-left: 0
    }
}
@media (max-width:650px) {
    .two-boxed-content .item.with-image .image {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        border-radius: 20px;
        overflow: hidden
    }
    .two-boxed-content .item.with-image .image .bg-img {
        padding-top: 100%
    }
}
.two-boxed-content .item.with-image .image .bg-img {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0
}
.two-boxed-content .item.with-image.invert-columns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (min-width:768.1px) {
    .two-boxed-content .item.with-image.invert-columns .image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
        padding-right: 56px
    }
}
@media (min-width:768.1px) and (max-width:992px) {
    .two-boxed-content .item.with-image.invert-columns .image {
        padding-right: 30px
    }
}
@media (min-width:768.1px) {
    .two-boxed-content .item.with-image.invert-columns .image .bg-img {
        border-radius: 10px 0 0 10px
    }
}
@media (min-width:768.1px) {
    .two-boxed-content .item.with-image.invert-columns .title {
        width: 31.7%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 0;
        padding-right: 71px
    }
}
@media (min-width:768.1px) and (max-width:992px) {
    .two-boxed-content .item.with-image.invert-columns .title {
        padding-right: 30px
    }
}
@media (min-width:768.1px) {
    .two-boxed-content .item.with-image.invert-columns .links {
        width: 31.6%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-left: 0;
        padding-right: 30px
    }
}
@media (max-width:768px) and (min-width:650.1px) {
    .two-boxed-content .item.with-image.invert-columns .image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .two-boxed-content .item.with-image.invert-columns .links {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-left: 0;
        padding-right: 30px
    }
}
.two-boxed-content.border-color-blue .item .links a {
    border-color: #99C2FF
}
.text-with-background-image .text-with-background-image__content {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    padding: 127px 60px 67px 60px;
    background-position: center
}
@media (max-width:768px) {
    .text-with-background-image .text-with-background-image__content {
        padding: 96px 20px
    }
}
.text-with-background-image .text-with-background-image__content:before {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background: #000031;
    position: absolute;
    top: 0;
    left: 0
}
.text-with-background-image .text-with-background-image__content .text {
    position: relative;
    z-index: 2;
    max-width: 370px
}
@media (max-width:768px) {
    .text-with-background-image .text-with-background-image__content .text {
        max-width: 100%;
        text-align: center
    }
}
.text-with-background-image .text-with-background-image__content .text h1 {
    font-family: "Barlow-Bold";
    font-size: 48px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 5px
}
@media (max-width:992px) {
    .text-with-background-image .text-with-background-image__content .text h1 {
        font-size: 35px
    }
}
.text-with-background-image .text-with-background-image__content .text p {
    font-family: "Barlow-SemiBold";
    font-size: 24px;
    color: #ffffff;
    line-height: 40px;
    margin-bottom: 24px
}
@media (max-width:992px) {
    .text-with-background-image .text-with-background-image__content .text p {
        font-size: 18px;
        line-height: 1.5
    }
}
.text-with-background-image .text-with-background-image__content .text .btn {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    border-color: #ffffff;
    color: #0A84FF;
    background: #ffffff;
    padding: 5px 48px 7px 48px
}
.text-with-background-image .text-with-background-image__content .text .btn:hover {
    background: #0A84FF;
    color: #ffffff;
    border-color: #0A84FF
}
.newsletters .newsletters__content {
    background: #FFF7E6;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 95px 51px 40px
}
@media (max-width:992px) {
    .newsletters .newsletters__content {
        padding: 30px 40px 50px 40px
    }
}
@media (max-width:768px) {
    .newsletters .newsletters__content {
        display: block;
        padding: 30px 20px
    }
}
.newsletters .newsletters__content .title {
    width: 340px;
    padding-right: 56px
}
@media (max-width:992px) {
    .newsletters .newsletters__content .title {
        width: 280px;
        padding-right: 30px
    }
}
@media (max-width:768px) {
    .newsletters .newsletters__content .title {
        width: 100%;
        margin-bottom: 20px
    }
}
.newsletters .newsletters__content .title h3 {
    margin-bottom: 22px
}
@media (max-width:768px) {
    .newsletters .newsletters__content .title h3 {
        margin-bottom: 15px
    }
}
.newsletters .newsletters__content .title p {
    font-family: inherit;
    font-size: 20px;
    line-height: 1.5;
    color: #201F27;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .newsletters .newsletters__content .title p {
        font-size: 18px
    }
}
.newsletters .newsletters__content .form {
    width: calc(100% - 340px);
    padding-top: 70px
}
@media (max-width:992px) {
    .newsletters .newsletters__content .form {
        padding-top: 50px;
        width: calc(100% - 280px)
    }
}
@media (max-width:768px) {
    .newsletters .newsletters__content .form {
        padding-top: 0;
        width: 100%;
        max-width: 400px
    }
}
.newsletters .newsletters__content .form .yellow-icon-link:hover {
    color: #004DBF
}
.newsletters .newsletters__content .form .form-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 19px
}
@media (max-width:992px) {
    .newsletters .newsletters__content .form .form-box {
        margin-bottom: 10px
    }
}
.newsletters .newsletters__content .form .form-box .form-group {
    width: calc(100% - 120px);
    margin-bottom: 0
}
@media (max-width:992px) {
    .newsletters .newsletters__content .form .form-box .form-group {
        width: calc(100% - 100px)
    }
}
.newsletters .newsletters__content .form .form-box .form-group input {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #201F27;
    width: 100%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 60px;
    border: 2px solid #0066FF;
    background: #ffffff;
    padding: 10px 20px 13px 20px;
    border-right: none;
    border-radius: 10px 0 0 10px
}
@media (max-width:992px) {
    .newsletters .newsletters__content .form .form-box .form-group input {
        height: 40px;
        padding: 5px 14px
    }
}
.newsletters .newsletters__content .form .form-box .form-group input::-webkit-input-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.newsletters .newsletters__content .form .form-box .form-group input:-moz-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.newsletters .newsletters__content .form .form-box .form-group input::-moz-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.newsletters .newsletters__content .form .form-box .form-group input:-ms-input-placeholder {
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #B3B3B3;
    opacity: 1
}
.newsletters .newsletters__content .form .form-box .form-group input:focus {
    border-color: #004DBF
}
.newsletters .newsletters__content .form .form-box .form-submit {
    width: 120px
}
@media (max-width:992px) {
    .newsletters .newsletters__content .form .form-box .form-submit {
        width: 100px
    }
}
.newsletters .newsletters__content .form .form-box .form-submit input {
    font-family: "Barlow-Medium";
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 60px;
    border: 2px solid #0066FF;
    background: #0066FF;
    border-radius: 0 10px 10px 0
}
@media (max-width:992px) {
    .newsletters .newsletters__content .form .form-box .form-submit input {
        font-size: 18px;
        height: 40px;
        padding-bottom: 3px
    }
}
.newsletters .newsletters__content .form .form-box .form-submit input:hover {
    color: #0066FF;
    background: #ffffff
}
.page-banner+.four-boxed-icon {
    margin-top: -77px;
    position: relative;
    z-index: 2
}
.four-boxed-icon .four-boxed-icon__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}
.four-boxed-icon .four-boxed-icon__content .item {
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
    display: block;
    width: 25%
}
@media (max-width:768px) {
    .four-boxed-icon .four-boxed-icon__content .item {
        width: 50%
    }
}
@media (max-width:380px) {
    .four-boxed-icon .four-boxed-icon__content .item {
        width: 100%
    }
}
.four-boxed-icon .four-boxed-icon__content .item:hover .box {
    background: #0066FF;
    color: #ffffff
}
.four-boxed-icon .four-boxed-icon__content .item .box {
    border: 1px solid #0066FF;
    border-radius: 10px;
    height: 100%;
    background: #ffffff;
    padding: 30px 20px 15px 20px;
    color: #0066FF;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out
}
@media (max-width:992px) {
    .four-boxed-icon .four-boxed-icon__content .item .box {
        padding: 30px 10px 15px 10px
    }
}
@media (max-width:768px) {
    .four-boxed-icon .four-boxed-icon__content .item .box {
        padding: 20px 10px 15px 10px
    }
}
.four-boxed-icon .four-boxed-icon__content .item .box .icon {
    height: 54px;
    margin-bottom: 19px
}
@media (max-width:768px) {
    .four-boxed-icon .four-boxed-icon__content .item .box .icon {
        margin-bottom: 10px
    }
}
.four-boxed-icon .four-boxed-icon__content .item .box .icon svg {
    display: block;
    width: 100%;
    max-width: 60px;
    max-height: 54px;
    fill: currentColor;
    margin: 0 auto
}
.four-boxed-icon .four-boxed-icon__content .item .box .icon img {
    width: 100%;
    max-width: 60px;
    max-height: 54px
}
.four-boxed-icon .four-boxed-icon__content .item .box p {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0;
    color: currentColor
}
@media (max-width:992px) {
    .four-boxed-icon .four-boxed-icon__content .item .box p {
        font-size: 17px
    }
}
.stories-list .stories-list__title h2 {
    margin-bottom: 33px
}
.stories-list .stories-list__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s
}
@media (max-width:992px) {
    .stories-list .stories-list__content {
        margin-left: -10px;
        margin-right: -10px
    }
}
.stories-list .stories-list__content .item {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .stories-list .stories-list__content .item {
        padding: 0 10px
    }
}
@media (max-width:650px) {
    .stories-list .stories-list__content .item {
        width: 50%;
        margin-bottom: 20px
    }
}
.stories-list .stories-list__content .item a {
    display: block
}
.stories-list .stories-list__content .item a .img {
    overflow: hidden;
    border-radius: 20px;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.stories-list .stories-list__content .item a:hover .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.stories-list .stories-list__content .item a:hover .text h3 {
    opacity: 0.7
}
.stories-list .stories-list__content .item .bg-img {
    padding-top: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}
.stories-list .stories-list__content .item .text {
    margin-top: 11px
}
@media (max-width:992px) {
    .stories-list .stories-list__content .item .text {
        margin-top: 11px
    }
}
.stories-list .stories-list__content .item .text h3 {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 1.5;
    color: #0066FF;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-right: 9px
}
@media (max-width:992px) {
    .stories-list .stories-list__content .item .text h3 {
        font-size: 16px;
        padding-right: 0
    }
}
.media-releases .media-releases__title {
    margin-bottom: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media (max-width:556px) {
    .media-releases .media-releases__title {
        display: block
    }
}
.media-releases .media-releases__title h2 {
    margin-bottom: 10px
}
.media-releases .media-releases__title h1 {
    padding-bottom: 20px
}
.media-releases .media-releases__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.media-releases .media-releases__content .item {
    width: calc(50% - 15px)
}
@media (max-width:992px) {
    .media-releases .media-releases__content .item {
        width: calc(50% - 10px)
    }
}
@media (max-width:768px) {
    .media-releases .media-releases__content .item {
        width: 100%;
        margin-top: 0
    }
}
.media-releases .media-releases__content .item:first-child, .media-releases .media-releases__content .item:nth-child(2) {
    margin-top: 0
}
.media-releases .media-releases__content .item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:375px) {
    .media-releases .media-releases__content .item .box {
        display: block
    }
}
.media-releases .media-releases__content .item .box .img {
    width: 190px;
    padding-right: 30px
}
@media (max-width:992px) {
    .media-releases .media-releases__content .item .box .img {
        width: 130px;
        padding-right: 20px
    }
}
@media (max-width:375px) {
    .media-releases .media-releases__content .item .box .img {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }
}
.media-releases .media-releases__content .item .box .img .img-box {
    border-radius: 10px;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.media-releases .media-releases__content .item .box .img .img-box .bg-img {
    padding-top: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.media-releases .media-releases__content .item .box .text {
    width: calc(100% - 190px)
}
@media (max-width:992px) {
    .media-releases .media-releases__content .item .box .text {
        width: calc(100% - 130px)
    }
}
@media (max-width:375px) {
    .media-releases .media-releases__content .item .box .text {
        width: 100%
    }
}
.media-releases .media-releases__content .item .box .text .date {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.5;
    color: #596C89;
    margin-bottom: 4px;
    padding-top: 3px
}
@media (max-width:992px) {
    .media-releases .media-releases__content .item .box .text .date {
        font-size: 14px
    }
}
.media-releases .media-releases__content .item .box .text h3 {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 1.5;
    color: #0066FF;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
@media (max-width:992px) {
    .media-releases .media-releases__content .item .box .text h3 {
        font-size: 18px
    }
}
.media-releases .media-releases__content .item .box .text p {
    font-family: "Barlow-Regular";
    margin-bottom: 0px
}
.media-releases .media-releases__content .item .box:hover .img .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.media-releases .media-releases__content .item .box:hover .text h3 {
    opacity: 0.7
}
.latest-publications .latest-publications__title {
    margin-bottom: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media (max-width:556px) {
    .latest-publications .latest-publications__title {
        display: block
    }
}
.latest-publications .latest-publications__title h2 {
    margin-bottom: 10px
}
.latest-publications .latest-publications__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px
}
.latest-publications .latest-publications__content .item {
    width: 33.333%;
    margin-bottom: 30px;
    padding: 0 15px
}
@media (max-width:768px) {
    .latest-publications .latest-publications__content .item {
        width: 50%
    }
}
@media (max-width:556px) {
    .latest-publications .latest-publications__content .item {
        width: 100%
    }
}
.latest-publications .latest-publications__content .item .box {
    display: block;
    background: #FFF7E6;
    border: 1px solid #FFF7E6;
    border-radius: 10px;
    padding: 20px 20px 17px 20px;
    height: 100%
}
.latest-publications .latest-publications__content .item .box .icon {
    margin-bottom: 13px
}
.latest-publications .latest-publications__content .item .box .icon img {
    max-width: 20px
}
.latest-publications .latest-publications__content .item .box .text h3 {
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 24px;
    color: #0066FF;
    margin-bottom: 9px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
.latest-publications .latest-publications__content .item .box .text span {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.2;
    color: #596C89;
    display: block;
    margin-bottom: 0px
}
.latest-publications .latest-publications__content .item .box:hover {
    border-color: #0066FF
}
#related-material .right__text {
    padding-top: 13px
}
.associative-breadcrumbs ol:last-child, .associative-breadcrumbs p:last-child, .associative-breadcrumbs ul:last-child, .content-2-cols ol:last-child, .content-2-cols p:last-child, .content-2-cols ul:last-child {
    margin-bottom: 0
}
.associative-breadcrumbs .container, .associative-breadcrumbs .item, .content-2-cols .container, .content-2-cols .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (max-width:768px) {
    .associative-breadcrumbs .container, .associative-breadcrumbs .item, .content-2-cols .container, .content-2-cols .item {
        display: block
    }
}
.associative-breadcrumbs .container .title, .associative-breadcrumbs .item .title, .content-2-cols .container .title, .content-2-cols .item .title {
    width: 100%;
    margin-bottom: 48px
}
.associative-breadcrumbs .container .title h2, .associative-breadcrumbs .item .title h2, .content-2-cols .container .title h2, .content-2-cols .item .title h2 {
    font-family: "Barlow-Bold";
    font-size: 36px;
    margin-bottom: 30px
}
@media (max-width:992px) {
    .associative-breadcrumbs .container .title h2, .associative-breadcrumbs .item .title h2, .content-2-cols .container .title h2, .content-2-cols .item .title h2 {
        font-size: 30px;
        margin-bottom: 20px
    }
}
.associative-breadcrumbs .container .title p, .associative-breadcrumbs .item .title p, .content-2-cols .container .title p, .content-2-cols .item .title p {
    max-width: 919px
}
.associative-breadcrumbs .container .left__text, .associative-breadcrumbs .item .left__text, .content-2-cols .container .left__text, .content-2-cols .item .left__text {
    width: 285px;
    padding-right: 30px
}
@media (max-width:992px) {
    .associative-breadcrumbs .container .left__text, .associative-breadcrumbs .item .left__text, .content-2-cols .container .left__text, .content-2-cols .item .left__text {
        width: 245px
    }
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .left__text, .associative-breadcrumbs .item .left__text, .content-2-cols .container .left__text, .content-2-cols .item .left__text {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px
    }
}
.associative-breadcrumbs .container .left__text p, .associative-breadcrumbs .item .left__text p, .content-2-cols .container .left__text p, .content-2-cols .item .left__text p {
    font-family: "Barlow-SemiBold";
    font-size: 20px;
    line-height: 1.5;
    color: #3975CF
}
@media (max-width:992px) {
    .associative-breadcrumbs .container .left__text p, .associative-breadcrumbs .item .left__text p, .content-2-cols .container .left__text p, .content-2-cols .item .left__text p {
        font-size: 18px
    }
}
.associative-breadcrumbs .container .left__text h2, .associative-breadcrumbs .item .left__text h2, .content-2-cols .container .left__text h2, .content-2-cols .item .left__text h2 {
    font-family: "Barlow-SemiBold";
    font-size: 22px;
    line-height: 1.25;
    color: #1B3D76;
    margin-bottom: 30px
}
@media (max-width:992px) {
    .associative-breadcrumbs .container .left__text h2, .associative-breadcrumbs .item .left__text h2, .content-2-cols .container .left__text h2, .content-2-cols .item .left__text h2 {
        font-size: 20px;
        margin-bottom: 20px
    }
}
.associative-breadcrumbs .container .right__text, .associative-breadcrumbs .item .right__text, .content-2-cols .container .right__text, .content-2-cols .item .right__text {
    width: calc(100% - 285px)
}
@media (max-width:992px) {
    .associative-breadcrumbs .container .right__text, .associative-breadcrumbs .item .right__text, .content-2-cols .container .right__text, .content-2-cols .item .right__text {
        width: calc(100% - 245px)
    }
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .right__text, .associative-breadcrumbs .item .right__text, .content-2-cols .container .right__text, .content-2-cols .item .right__text {
        width: 100%
    }
}
.associative-breadcrumbs .container .right__text P .link-arrow-right, .associative-breadcrumbs .item .right__text P .link-arrow-right, .content-2-cols .container .right__text P .link-arrow-right, .content-2-cols .item .right__text P .link-arrow-right {
    font-family: "Barlow-Bold"
}
.associative-breadcrumbs .container .right__text .cta-box, .associative-breadcrumbs .item .right__text .cta-box, .content-2-cols .container .right__text .cta-box, .content-2-cols .item .right__text .cta-box {
    padding: 22px 30px 22px 0;
    margin-bottom: 38px;
    margin-top: 38px;
    position: relative
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .right__text .cta-box, .associative-breadcrumbs .item .right__text .cta-box, .content-2-cols .container .right__text .cta-box, .content-2-cols .item .right__text .cta-box {
        padding: 22px 20px 22px 20px
    }
}
.associative-breadcrumbs .container .right__text .cta-box:before, .associative-breadcrumbs .item .right__text .cta-box:before, .content-2-cols .container .right__text .cta-box:before, .content-2-cols .item .right__text .cta-box:before {
    content: "";
    width: calc(100% + 30px);
    background: #FFF7E6;
    height: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    z-index: 0;
    border-radius: 10px
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .right__text .cta-box:before, .associative-breadcrumbs .item .right__text .cta-box:before, .content-2-cols .container .right__text .cta-box:before, .content-2-cols .item .right__text .cta-box:before {
        width: 100%;
        left: 0px
    }
}
.associative-breadcrumbs .container .right__text .cta-box>*, .associative-breadcrumbs .item .right__text .cta-box>*, .content-2-cols .container .right__text .cta-box>*, .content-2-cols .item .right__text .cta-box>* {
    position: relative;
    z-index: 2
}
.associative-breadcrumbs .container .right__text .cta-box p, .associative-breadcrumbs .item .right__text .cta-box p, .content-2-cols .container .right__text .cta-box p, .content-2-cols .item .right__text .cta-box p {
    max-width: 724px;
    margin-bottom: 0
}
.associative-breadcrumbs .container .right__text .cta-box.link-is-show .btn, .associative-breadcrumbs .item .right__text .cta-box.link-is-show .btn, .content-2-cols .container .right__text .cta-box.link-is-show .btn, .content-2-cols .item .right__text .cta-box.link-is-show .btn {
    background: #ffffff;
    position: absolute;
    top: 30px;
    right: 30px
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .right__text .cta-box.link-is-show .btn, .associative-breadcrumbs .item .right__text .cta-box.link-is-show .btn, .content-2-cols .container .right__text .cta-box.link-is-show .btn, .content-2-cols .item .right__text .cta-box.link-is-show .btn {
        position: relative;
        top: 0;
        right: 0
    }
}
.associative-breadcrumbs .container .right__text .cta-box.link-is-show .btn:hover, .associative-breadcrumbs .item .right__text .cta-box.link-is-show .btn:hover, .content-2-cols .container .right__text .cta-box.link-is-show .btn:hover, .content-2-cols .item .right__text .cta-box.link-is-show .btn:hover {
    background: #0066FF
}
.associative-breadcrumbs .container .right__text .cta-box.link-is-show p, .associative-breadcrumbs .item .right__text .cta-box.link-is-show p, .content-2-cols .container .right__text .cta-box.link-is-show p, .content-2-cols .item .right__text .cta-box.link-is-show p {
    max-width: calc(100% - 280px)
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .right__text .cta-box.link-is-show p, .associative-breadcrumbs .item .right__text .cta-box.link-is-show p, .content-2-cols .container .right__text .cta-box.link-is-show p, .content-2-cols .item .right__text .cta-box.link-is-show p {
        max-width: 100%;
        margin-bottom: 20px
    }
}
.associative-breadcrumbs .container .right__text .download-box, .associative-breadcrumbs .item .right__text .download-box, .content-2-cols .container .right__text .download-box, .content-2-cols .item .right__text .download-box {
    margin-bottom: 38px;
    margin-top: 38px
}
.associative-breadcrumbs .container .right__text .image-full-width, .associative-breadcrumbs .item .right__text .image-full-width, .content-2-cols .container .right__text .image-full-width, .content-2-cols .item .right__text .image-full-width {
    margin-top: 77px;
    margin-bottom: 71px;
    margin-left: -285px
}
@media (max-width:992px) {
    .associative-breadcrumbs .container .right__text .image-full-width, .associative-breadcrumbs .item .right__text .image-full-width, .content-2-cols .container .right__text .image-full-width, .content-2-cols .item .right__text .image-full-width {
        margin-left: -245px;
        margin-top: 30px;
        margin-bottom: 30px
    }
}
@media (max-width:768px) {
    .associative-breadcrumbs .container .right__text .image-full-width, .associative-breadcrumbs .item .right__text .image-full-width, .content-2-cols .container .right__text .image-full-width, .content-2-cols .item .right__text .image-full-width {
        margin-left: 0
    }
}
.associative-breadcrumbs.yellow-line-hide .container .left__text, .content-2-cols.yellow-line-hide .container .left__text {
    position: relative
}
.associative-breadcrumbs.yellow-line-hide .container .left__text:before, .content-2-cols.yellow-line-hide .container .left__text:before, .image-full-width.yellow-line-hide .container .left__text:before {
    content: "";
    width: 65px;
    height: 4px;
    background: #FFCD34;
    position: absolute;
    left: 0;
    top: -32px;
    z-index: 1
}
.associative-breadcrumbs.font-weight-regular p, .content-2-cols.font-weight-regular p {
    font-family: "Barlow-Regular"
}
.associative-breadcrumbs.font-size-blod h4, .content-2-cols.font-size-blod h4 {
    font-family: "Barlow-SemiBold"
}
.associative-breadcrumbs.font-size-blod p, .content-2-cols.font-size-blod p {
    font-size: 20px;
    line-height: 1.5
}
.associative-breadcrumbs .container {
    display: block
}
.image-full-width figure {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0
}
.image-full-width figcaption {
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.66666;
    color: #596C89;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 11px;
    padding: 0 12px
}

@media (max-width:768px) {
    .image-full-width figcaption {
        font-size: 16px;
        margin-top: 6px
    }
}
.content-right-aligned p:last-child {
    margin-bottom: 0
}
.content-right-aligned .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.content-right-aligned .content-right-aligned__text {
    width: calc(100% - 285px)
}
@media (max-width:992px) {
    .content-right-aligned .content-right-aligned__text {
        width: calc(100% - 245px)
    }
}
@media (max-width:768px) {
    .content-right-aligned .content-right-aligned__text {
        width: 100%
    }
}
.content-right-aligned .content-right-aligned__text blockquote {
    max-width: 730px
}
p+.download-box {
    margin-top: -12px
}
@media (max-width:768px) {
    p+.download-box {
        margin-top: 0
    }
}
.download-box {
    margin-bottom: 23px;
    position: relative
}
@media (max-width:768px) {
    .download-box {
        padding: 0 20px
    }
}
.download-box .icon {
    width: 20px;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 2;
    pointer-events: none
}
@media (max-width:992px) {
    .download-box .icon {
        top: 15px
    }
}
@media (max-width:768px) {
    .download-box .icon {
        left: 20px
    }
}
.download-box a {
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.6666;
    color: #0066FF;
    position: relative;
    z-index: 2;
    padding: 27.5px 40px;
    display: block;
    position: relative;
    z-index: 1
}
@media (max-width:992px) {
    .download-box a {
        font-size: 16px;
        padding: 15px 30px
    }
}
.download-box a:before {
    content: "";
    width: calc(100% + 30px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #FFFAF0;
    border: 1px solid #FFFAF0;
    z-index: -1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 10px
}
@media (max-width:768px) {
    .download-box a:before {
        width: calc(100% + 40px);
        right: -20px
    }
}
.download-box a span {
    font-family: "Barlow-Regular";
    display: inline-block;
    margin-left: 5px
}
.download-box a:hover:before {
    border-color: #0066FF
}
.accordion {
    margin-top: 38px;
    margin-bottom: 50px
}
@media (max-width:768px) {
    .accordion {
        margin-top: 30px;
        margin-bottom: 30px
    }
}
.accordion .item {
    border-bottom: 1px solid #99C2FF
}
.accordion .item:first-child {
    border-top: 1px solid #99C2FF
}
.accordion .item .accordion__topic {
    padding: 14px 40px 14px 12px;
    position: relative;
    cursor: pointer
}
.accordion .item .accordion__topic p {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 1.5;
    color: #0066FF;
    margin-bottom: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
@media (max-width:992px) {
    .accordion .item .accordion__topic p {
        font-size: 18px
    }
}
.accordion .item .accordion__topic i {
    width: 20px;
    height: 20px;
    border: 2px solid #0066FF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.accordion .item .accordion__topic i:after, .accordion .item .accordion__topic i:before {
    content: "";
    width: 8px;
    height: 2px;
    background: #0066FF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.accordion .item .accordion__topic i:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}
.accordion .item .accordion__topic:hover p {
    color: #004DBF
}
.accordion .item .accordion__topic:hover i {
    background: #0066FF
}
.accordion .item .accordion__topic:hover i:after, .accordion .item .accordion__topic:hover i:before {
    background: #ffffff
}
.accordion .item .accordion__topic.is-active p {
    color: #004DBF
}
.accordion .item .accordion__topic.is-active i:before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}
.accordion .item .accordion__text {
    display: none;
    padding: 0px 40px 0px 12px
}
.accordion .item .accordion__text p {
    margin-top: -5px;
    margin-bottom: 17px
}
.image-2-cols .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.image-2-cols .container .item {
    width: calc(50% - 15px);
    margin-top: 30px
}
@media (max-width:768px) {
    .image-2-cols .container .item {
        width: calc(50% - 10px);
        margin-top: 20px
    }
}
@media (max-width:556px) {
    .image-2-cols .container .item {
        width: 100%;
        margin-top: 20px!important
    }
    .image-2-cols .container .item:first-child {
        margin-top: 0!important
    }
}
.image-2-cols .container .item:first-child, .image-2-cols .container .item:nth-child(2) {
    margin-top: 0
}
.image-2-cols figure {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 0
}
.image-2-cols figcaption {
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.66666;
    color: #596C89;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 11px;
    padding: 0 12px
}
@media (max-width:992px) {
    .image-2-cols figcaption {
        font-size: 16px;
        line-height: 1.4
    }
}
.image-and-text .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (max-width:556px) {
    .image-and-text .container {
        display: block
    }
}
.image-and-text .image {
    width: calc(50% - 15px)
}
@media (max-width:556px) {
    .image-and-text .image {
        width: 100%;
        margin-bottom: 20px
    }
}
.image-and-text .text {
    width: calc(50% - 15px)
}
@media (max-width:556px) {
    .image-and-text .text {
        width: 100%
    }
}
.image-and-text .text h4 {
    font-family: "Barlow-SemiBold";
    margin-top: -7px;
    margin-bottom: 33px
}
@media (max-width:556px) {
    .image-and-text .text h4 {
        margin-top: 0;
        margin-bottom: 20px
    }
}
.content-3-cols .content-3-cols__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px
}
.content-3-cols .content-3-cols__content:after, .content-3-cols .content-3-cols__content:before {
    content: "";
    border-bottom: 2px solid #CCE0FF;
    position: absolute;
    left: 15px;
    width: calc(100% - 30px)
}
.content-3-cols .content-3-cols__content:before {
    top: 0
}
.content-3-cols .content-3-cols__content:after {
    bottom: 0
}
.content-3-cols .content-3-cols__content .item {
    width: 33.333%;
    margin-bottom: 47px;
    padding: 0 15px
}
@media (max-width:992px) {
    .content-3-cols .content-3-cols__content .item {
        width: 50%;
        margin-bottom: 30px
    }
}
@media (max-width:556px) {
    .content-3-cols .content-3-cols__content .item {
        width: 100%;
        margin-bottom: 20px
    }
}
.content-3-cols .content-3-cols__content .item .icon {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}
.content-3-cols .content-3-cols__content .item .icon img {
    width: auto
}
@media (max-width:992px) {
    .content-3-cols .content-3-cols__content .item .icon img {
        max-width: 50px;
        max-height: 50px
    }
}
.content-3-cols .content-3-cols__content .item .text h3 {
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    line-height: 1.5;
    color: #201F27;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .content-3-cols .content-3-cols__content .item .text h3 {
        font-size: 16px
    }
}
.content-3-cols .content-3-cols__content .item .text p {
    font-family: "Barlow-Regular";
    color: #201F27;
    margin-bottom: 10px
}
.cards .cards__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}
@media (max-width:992px) {
    .cards .cards__content {
        margin-left: -15px;
        margin-right: -15px
    }
}
.cards .cards__content .item {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 0px
}
@media (max-width:992px) {
    .cards .cards__content .item {
        padding: 0 10px
    }
}
@media (max-width:768px) {
    .cards .cards__content .item {
        width: 50%
    }
}
@media (max-width:556px) {
    .cards .cards__content .item {
        width: 100%
    }
}
.cards .cards__content .item a {
    display: block
}
.cards .cards__content .item a .img {
    overflow: hidden;
    border-radius: 20px;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}
.cards .cards__content .item a:hover .bg-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.cards .cards__content .item a:hover .text h3 {
    opacity: 0.7
}
.cards .cards__content .item .bg-img {
    padding-top: 68.5714285714%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}
.cards .cards__content .item .text {
    margin-top: 14px
}
@media (max-width:992px) {
    .cards .cards__content .item .text {
        margin-top: 13px
    }
}
.cards .cards__content .item .text h3 {
    font-family: "Barlow-Bold";
    font-size: 22px;
    line-height: 1.2;
    color: #0066FF;
    margin-bottom: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
@media (max-width:992px) {
    .cards .cards__content .item .text h3 {
        font-size: 18px
    }
}
.cards .cards__content .item .text p {
    margin-bottom: 0px
}
.image-carousel {
    overflow: hidden
}
.image-carousel .container {
    position: relative
}
.image-carousel .image-carousel__title {
    margin-bottom: 31px
}
@media (max-width:768px) {
    .image-carousel .image-carousel__title {
        margin-bottom: 20px
    }
}
.image-carousel .image-carousel__title h4 {
    font-family: "Barlow-SemiBold";
    margin-bottom: 10px
}
.image-carousel .image-carousel__slider {
    margin-right: calc(554px - 50vw);
    position: static;
    cursor: -webkit-grab;
    cursor: grab;
    margin-left: calc(554px - 50vw)
}
@media (max-width:1210px) {
    .image-carousel .image-carousel__slider {
        margin-right: -50px;
        margin-left: -50px
    }
}
@media (max-width:992px) {
    .image-carousel .image-carousel__slider {
        margin-right: -30px;
        margin-left: -30px
    }
}
@media (max-width:767px) {
    .image-carousel .image-carousel__slider {
        margin-right: 0;
        margin-left: -20px;
        margin-right: -20px;
        padding: 0
    }
}
.image-carousel .image-carousel__slider.is-hide-mask:before {
    opacity: 0;
    visibility: hidden
}
.image-carousel .image-carousel__slider:before {
    content: "";
    display: block;
    width: calc((100vw - 1110px) / 2);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50px;
    background-color: #ffffff;
    z-index: 2;
    pointer-events: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
@media (max-width:1210px) {
    .image-carousel .image-carousel__slider:before {
        width: 40px;
        left: 40px
    }
}
@media (max-width:992px) {
    .image-carousel .image-carousel__slider:before {
        width: 20px;
        left: 20px
    }
}
@media (max-width:768px) {
    .image-carousel .image-carousel__slider:before {
        display: none
    }
}
.image-carousel .image-carousel__slider .slider-block {
    border-radius: 8px;
    overflow: hidden;
    margin-right: 30px;
    position: relative
}
@media (max-width:767px) {
    .image-carousel .image-carousel__slider .slider-block {
        margin-right: 10px;
        margin-left: 10px
    }
}
@media (max-width:767px) {
    .image-carousel .image-carousel__slider .slider-block .bg-img {
        width: calc(100vw - 40px);
        height: calc(75vw - 40px)
    }
}
@media (max-width:767px) {
    .image-carousel .image-carousel__slider .slider-block .bg-img img {
        display: none
    }
}
.image-carousel .image-carousel__slider .slider-block .video-link {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0007/221974/play-white.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.image-carousel .image-carousel__slider .slider-block .video-link:hover {
    opacity: 0.7
}
.image-carousel .image-carousel__slider .slick-list {
    padding-left: calc(50vw - 554px)
}
@media (max-width:1210px) {
    .image-carousel .image-carousel__slider .slick-list {
        padding-left: 50px
    }
}
@media (max-width:992px) {
    .image-carousel .image-carousel__slider .slick-list {
        padding-left: 30px
    }
}
@media (max-width:767px) {
    .image-carousel .image-carousel__slider .slick-list {
        padding-left: 10px
    }
}
.image-carousel .image-carousel__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:767px) {
    .image-carousel .image-carousel__slider .slick-track {
        display: inherit
    }
}
.image-carousel .image-carousel__slider .slick-arrow {
    position: absolute;
    top: 2px;
    cursor: pointer;
    z-index: 2;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #0066FF;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%
}
.image-carousel .image-carousel__slider .slick-arrow:before {
    content: "\e905";
    font-family: "icomoon"!important;
    font-size: 12px;
    text-decoration: none!important;
    color: #0066FF;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block
}
.image-carousel .image-carousel__slider .slick-arrow:hover {
    opacity: 1;
    background: #0066FF
}
.image-carousel .image-carousel__slider .slick-arrow:hover:before {
    color: #ffffff
}
.image-carousel .image-carousel__slider .slick-arrow.slick-prev {
    right: 90px
}
@media (max-width:992px) {
    .image-carousel .image-carousel__slider .slick-arrow.slick-prev {
        right: 70px
    }
}
@media (max-width:768px) {
    .image-carousel .image-carousel__slider .slick-arrow.slick-prev {
        right: 60px
    }
}
.image-carousel .image-carousel__slider .slick-arrow.slick-prev:before {
    left: 1px;
    -webkit-transform: rotate(180deg) translate(0px, 0px);
    transform: rotate(180deg) translate(0px, 0px)
}
.image-carousel .image-carousel__slider .slick-arrow.slick-next {
    right: 50px
}
@media (max-width:992px) {
    .image-carousel .image-carousel__slider .slick-arrow.slick-next {
        right: 30px
    }
}
@media (max-width:768px) {
    .image-carousel .image-carousel__slider .slick-arrow.slick-next {
        right: 20px
    }
}
.image-carousel .image-carousel__slider .slick-arrow.slick-next:before {
    -webkit-transform: translate(2px, 0px);
    transform: translate(2px, 0px)
}
.image-carousel .image-carousel__slider .slick-arrow.slick-disabled {
    cursor: no-drop
}
.image-carousel .image-carousel__slider .slick-arrow button {
    display: none!important
}
.dam-banner {
    position: relative;
    padding-top: 160px;
    overflow: hidden
}
.dam-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}
.dam-banner .container {
    position: relative;
    z-index: 2
}
.dam-banner .text {
    max-width: 567px;
    padding-right: 30px;
    padding-top: 63px;
    padding-bottom: 48px;
    position: relative
}
@media (max-width:556px) {
    .dam-banner .text {
        padding-right: 0
    }
}
.dam-banner .text:before {
    content: "";
    width: 100vw;
    height: 100%;
    background: #201F27;
    opacity: 0.5;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}
@media (max-width:556px) {
    .dam-banner .text:before {
        right: -20px
    }
}
.dam-banner .text>* {
    position: relative;
    z-index: 1
}
.dam-banner .text h1 {
    color: #ffffff;
    margin-bottom: 7px;
    margin-top: 30px
}
.dam-banner .text h2 {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    margin-bottom: 20px
}
@media (max-width:992px) {
    .dam-banner .text h2 {
        font-size: 20px;
        line-height: 1.5
    }
}
.dam-banner .text .red-color {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #0066FF;
    border: 2px solid #0066FF;
    border-radius: 27px;
    padding: 5px 30px 7px 30px;
    display: inline-block;
    min-width: 180px;
    text-align: center;
    background: #FF0000;
    color: #ffffff;
    border-color: #FF0000
}
@media (max-width:992px) {
    .dam-banner .text .red-color {
        font-size: 16px;
        padding: 3px 20px 5px 20px
    }
}
.dam-banner .text .three-column-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 58px
}
@media (max-width:556px) {
    .dam-banner .text .three-column-number {
        margin-top: 30px;
        margin-left: -15px;
        margin-right: -15px
    }
}
@media (max-width:414px) {
    .dam-banner .text .three-column-number {
        margin-left: -8px;
        margin-right: -8px
    }
}
.dam-banner .text .three-column-number .item {
    width: 26.6%;
    margin-bottom: 20px;
    position: relative
}
@media (max-width:556px) {
    .dam-banner .text .three-column-number .item {
        width: 33.333%!important;
        padding: 0 15px!important
    }
}
@media (max-width:414px) {
    .dam-banner .text .three-column-number .item {
        padding: 0 8px!important
    }
}
.dam-banner .text .three-column-number .item:before {
    content: "";
    width: 1px;
    height: calc(100% - 14px);
    background: #cccccc;
    position: absolute;
    top: 5px;
    right: 0
}
.dam-banner .text .three-column-number .item:nth-child(3n-1) {
    width: 37.3%;
    padding-left: 30px
}
.dam-banner .text .three-column-number .item:nth-child(3n) {
    width: 36.1%;
    padding-left: 30px
}
.dam-banner .text .three-column-number .item:nth-child(3n):before {
    display: none
}
.dam-banner .text .three-column-number .item span {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 0px
}
@media (max-width:556px) {
    .dam-banner .text .three-column-number .item span {
        font-size: 14px
    }
}
@media (max-width:414px) {
    .dam-banner .text .three-column-number .item span {
        font-size: 12px
    }
}
.dam-banner .text .three-column-number .item p {
    font-family: "Barlow-Bold";
    font-size: 42px;
    line-height: 1.4;
    color: #ffffff;
    margin-bottom: 0px
}
@media (max-width:556px) {
    .dam-banner .text .three-column-number .item p {
        font-size: 30px
    }
}
@media (max-width:414px) {
    .dam-banner .text .three-column-number .item p {
        font-size: 20px
    }
}
.dam-banner .text .three-column-number .item p sub, .dam-banner .text .three-column-number .item p sup {
    font-size: 24px;
    color: inherit;
    font-family: "Barlow-Bold";
    bottom: 0
}
@media (max-width:556px) {
    .dam-banner .text .three-column-number .item p sub, .dam-banner .text .three-column-number .item p sup {
        font-size: 20px
    }
}
@media (max-width:414px) {
    .dam-banner .text .three-column-number .item p sub, .dam-banner .text .three-column-number .item p sup {
        font-size: 17px
    }
}
.dam-banner .text .three-column-number .item p sub sup, .dam-banner .text .three-column-number .item p sup sup {
    font-size: 65%;
    bottom: initial;
    top: -9px
}
.warning-title {
    background: #FFCD34
}
.warning-title .text {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 43px;
    padding-right: 50px
}
@media (max-width:992px) {
    .warning-title .text {
        padding-top: 15px;
        padding-bottom: 15px
    }
}
.warning-title .text:before {
    content: "";
    width: 27px;
    height: 24px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0003/221961/header-top.svg?v=0.0.2");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.warning-title .text p {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    color: #201F27
}
.breadcrumbs {
    border-bottom: 1px solid #0A84FF;
    padding-top: 19px;
    padding-bottom: 8px;
    background: #ffffff
}
.breadcrumbs.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 1
}
.breadcrumbs .container {
    overflow-y: hidden;
    overflow-x: auto
}
.breadcrumbs .breadcrumbs__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}
.breadcrumbs .item {
    margin-right: 45px;
    margin-bottom: 10px
}
.breadcrumbs .item a {
    font-family: "Barlow-Medium";
    font-size: 18px;
    line-height: 1.5;
    color: #0066FF
}
.breadcrumbs .item a:hover {
    opacity: 0.7
}
.breadcrumbs .item.is-active a {
    color: #0066FF
}
.breadcrumbs .item.active a {
    color: #201F27
}
.text-and-hours .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:768px) {
    .text-and-hours .container {
        display: block
    }
}
.text-and-hours .text {
    width: calc(100% - 346px);
    padding-right: 32px;
    padding-top: 16px
}
@media (max-width:992px) {
    .text-and-hours .text {
        width: calc(100% - 280px)
    }
}
@media (max-width:768px) {
    .text-and-hours .text {
        width: 100%;
        padding-top: 0;
        margin-bottom: 30px
    }
}
.text-and-hours .text p {
    font-family: "Barlow-Regular"
}
.text-and-hours .text p:last-child {
    margin-bottom: 0
}
.text-and-hours .text ol li, .text-and-hours .text ul li {
    font-family: "Barlow-Regular"
}
.text-and-hours .hours {
    width: 346px;
    padding: 13px 23px 25px 20px;
    border-radius: 10px;
    border: 1px solid #0066FF;
    position: relative
}
.text-and-hours .hours a{color: #0066FF; text-decoration:underline;}
.text-and-hours .hours a:hover{color: #0066FF; text-decoration:none;}

@media (max-width:992px) {
    .text-and-hours .hours {
        width: 280px
    }
}
@media (max-width:768px) {
    .text-and-hours .hours {
        width: 100%
    }
}
.text-and-hours .hours:before {
    content: "";
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    position: absolute;
    top: -6px;
    left: -6px;
    /* border: 6px solid #0066FF; */
    border-radius: 12px;
    opacity: 0.1
}
.text-and-hours .hours p {
    font-family: "Barlow-SemiBold";
    margin-bottom: 0;
    color: #000000
}
.text-and-hours .hours ul {
    margin: 0
}
.text-and-hours .hours ul li {
    font-family: "Barlow-Regular";
    padding-left: 21px;
    color: #000000
}
.text-and-hours .hours ul li:before {
    color: #201F27
}
.multiple-column-icon {
    overflow: hidden
}
.multiple-column-icon .multiple-column-icon__title {
    max-width: 734px;
    margin-bottom: 33px;
    position: relative;
    z-index: 2
}
@media (max-width:992px) {
    .multiple-column-icon .multiple-column-icon__title {
        margin-bottom: 30px
    }
}
.multiple-column-icon .multiple-column-icon__title h2 {
    margin-bottom: 27px
}
@media (max-width:992px) {
    .multiple-column-icon .multiple-column-icon__title h2 {
        margin-bottom: 15px
    }
}
.multiple-column-icon .multiple-column-icon__title p {
    font-family: "Barlow-Regular";
    margin-bottom: 10px
}
.multiple-column-icon .multiple-column-icon__title p a {
    font-family: "Barlow-Medium"
}
.multiple-column-icon .multiple-column-icon__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 13px;
    padding-bottom: 16px;
    position: relative
}
.multiple-column-icon .multiple-column-icon__content:before {
    content: "";
    width: calc(100% + 230px);
    height: 100%;
    background: #FFFAF0;
    border-radius: 20px;
    position: absolute;
    left: -115px;
    top: 0;
    z-index: 0
}
@media (max-width:1440px) {
    .multiple-column-icon .multiple-column-icon__content:before {
        width: calc(100% + 130px);
        left: -65px
    }
}
@media (max-width:1240px) {
    .multiple-column-icon .multiple-column-icon__content:before {
        width: calc(100% + 230px);
        left: -95px
    }
}
.multiple-column-icon .multiple-column-icon__content .item {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    margin: 27px 0
}
@media (max-width:992px) {
    .multiple-column-icon .multiple-column-icon__content .item {
        width: 33.33%;
        margin: 15px 0
    }
}
@media (max-width:768px) {
    .multiple-column-icon .multiple-column-icon__content .item {
        width: 50%
    }
}
@media (max-width:500px) {
    .multiple-column-icon .multiple-column-icon__content .item {
        width: 100%
    }
}
.multiple-column-icon .multiple-column-icon__content .item .icon {
    width: 45px
}
.multiple-column-icon .multiple-column-icon__content .item .icon img {
    width: auto
}
@media (max-width:992px) {
    .multiple-column-icon .multiple-column-icon__content .item .icon img {
        max-width: 30px;
        max-height: 30px
    }
}
.multiple-column-icon .multiple-column-icon__content .item .text {
    width: calc(100% - 45px);
    padding-right: 30px
}
.multiple-column-icon .multiple-column-icon__content .item .text p {
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    color: #201F27;
    margin-bottom: 0px
}
.multiple-column-icon .multiple-column-icon__text {
    padding-top: 33px
}
@media (max-width:992px) {
    .multiple-column-icon .multiple-column-icon__text {
        padding-top: 20px
    }
}
.multiple-column-icon .multiple-column-icon__text p:last-child {
    margin-bottom: 0
}
.multiple-column-icon.three-column-style .multiple-column-icon__title {
    max-width: 824px
}
.multiple-column-icon.three-column-style .multiple-column-icon__title h2 {
    margin-bottom: 15px
}
.multiple-column-icon.three-column-style .multiple-column-icon__title p {
    font-family: inherit
}
@media (min-width:768.5px) {
    .multiple-column-icon.three-column-style .multiple-column-icon__content {
        padding-top: 11px;
        padding-bottom: 39px
    }
    .multiple-column-icon.three-column-style .multiple-column-icon__content .item {
        width: 33.333%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 40px 0
    }
    .multiple-column-icon.three-column-style .multiple-column-icon__content .item .icon {
        -webkit-transform: translate(0, -2px);
        transform: translate(0, -2px)
    }
    .multiple-column-icon.three-column-style .multiple-column-icon__content .item .text {
        padding-right: 55px
    }
}
.multiple-column-icon.three-column-style .multiple-column-icon__content .item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.showcase-detail-gallery+.content-2-cols .container .title p {
    max-width: 824px
}
.showcase-detail-gallery+div+.content-2-cols .container .title p {
    max-width: 824px
}
.google-map iframe {
    width: 100%!important;
    height: 600px!important
}
@media (max-width:992px) {
    .google-map iframe {
        height: 80vw!important
    }
}
.heading-box .heading-box__title {
    position: relative;
    z-index: 2;
    padding-right: 220px
}
@media (max-width:768px) {
    .heading-box .heading-box__title {
        padding-right: 0
    }
}
.heading-box .heading-box__title h2 {
    margin-bottom: 15px
}
.heading-box .heading-box__title p {
    max-width: 824px
}
.heading-box .heading-box__title p:last-child {
    margin-bottom: 0
}
.heading-box .heading-box__title p:nth-last-child(2) {
    margin-bottom: 0
}
.heading-box .heading-box__title .btn {
    position: absolute;
    top: 71px;
    right: 0;
    z-index: 1
}
@media (max-width:768px) {
    .heading-box .heading-box__title .btn {
        position: static;
        margin-top: 30px
    }
}
.custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(19, 41, 75, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden
}
.custom-popup.open {
    opacity: 1;
    visibility: visible
}
.custom-popup.open .custom-popup__body {
    -webkit-transform: none;
    transform: none
}
.custom-popup .custom-popup__body {
    width: 90%;
    max-width: 1000px;
    height: calc(100% - 35px);
    background: #ffffff;
    position: relative;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
@media (max-width:768px) {
    .custom-popup .custom-popup__body {
        width: calc(100% - 60px);
        max-width: 600px
    }
}
.custom-popup .custom-popup__body .icon-phone-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 100px;
    left: 0%;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    background: #ffffff;
    border-radius: 4px 0 0 4px;
    z-index: 1
}
@media (max-width:992px) {
    .custom-popup .custom-popup__body .icon-phone-close {
        width: 40px;
        height: 40px
    }
}
.custom-popup .custom-popup__body .icon-phone-close:before {
    color: #0066FF;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}
@media (max-width:992px) {
    .custom-popup .custom-popup__body .icon-phone-close:before {
        left: 15px
    }
}
.custom-popup .custom-popup__body .icon-phone-close:hover:before {
    opacity: 0.7
}
@media (max-width:768px) {
    .custom-popup .custom-popup__body .custom-popup__content {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100% - 95px)
    }
}
.custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box {
    padding: 45px 135px 26px 125px
}
@media (max-width:992px) {
    .custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box {
        padding: 50px 30px
    }
}
@media (max-width:768px) {
    .custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box {
        padding: 30px 20px
    }
}
.custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box .sub-title {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #596C89;
    display: block;
    line-height: 1.3;
    margin-bottom: 0px
}
.custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box h2 {
    margin-bottom: 27px
}
.custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box h3 {
    font-family: "Barlow-SemiBold";
    font-size: 24px;
    display: block;
    line-height: 24px;
    margin-top: 58px;
    margin-bottom: 26px
}
@media (max-width:992px) {
    .custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box h3 {
        font-size: 22px;
        line-height: 1;
        margin-top: 24px;
        margin-bottom: 24px
    }
}
.custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box p {
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}
@media (max-width:992px) {
    .custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box p {
        font-size: 16px;
        line-height: 1.33
    }
}
.search-section {
    margin-top: -12px
}
@media (max-width:992px) {
    .search-section {
        margin-top: 0
    }
}
.search-section a {
    background-image: none!important;
    text-decoration: none;
    border: none
}
.search-section .title {
    margin-bottom: 42px
}
.search-section .search-box {
    margin-left: -40px;
    padding: 23px 55px 29px 40px;
    background: #FFFAF0;
    border-radius: 10px;
    max-width: 800px;
    margin-bottom: 50px
}
@media (max-width:1210px) {
    .search-section .search-box {
        margin-left: -20px;
        padding: 23px 55px 29px 20px
    }
}
@media (max-width:992px) {
    .search-section .search-box {
        margin-right: -20px
    }
}
@media (max-width:768px) {
    .search-section .search-box {
        margin-left: -10px;
        margin-right: -10px
    }
}
.search-section .search-box .form-group {
    position: relative;
    margin-bottom: 20px
}
.search-section .search-box .form-group input {
    width: 100%;
    background: none;
    border-bottom: 1px solid #3975CF;
    font-family: "Barlow-Medium";
    font-size: 24px;
    color: #3975CF;
    padding: 13px 40px 13px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.search-section .search-box .form-group input:focus {
    border-color: #201F27
}
.search-section .search-box .form-group button {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 10px;
    width: 16px;
    color: #3975CF;
    height: 16px
}
.search-section .search-box .form-group button:after {
    content: "\e906";
    color: inherit;
    font-size: 16px;
    font-family: "icomoon"!important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    right: 0px
}
.search-section .search-box .form-group button:hover {
    opacity: 0.7
}
.search-section .search-box .text p {
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 30px;
    color: #201F27;
    margin-bottom: 0
}
.search-section .search-box .text p strong {
    font-family: "Barlow-SemiBold";
    font-weight: normal
}
.search-section .search-box .text p span {
    font-family: "Barlow-Medium"
}
.search-section .search__category {
    margin-bottom: 50px
}
@media (max-width:768px) {
    .search-section .search__category {
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 20px;
        padding-bottom: 30px;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
}
.search-section .search__category ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #0066FF;
    border-radius: 10px;
    overflow: hidden
}
@media (max-width:768px) {
    .search-section .search__category ul {
        min-width: 620px
    }
}
.search-section .search__category ul li {
    width: 33.33333%;
    margin: 0;
    padding: 0;
    text-align: center;
    border-right: 1px solid #0066FF
}
.search-section .search__category ul li:last-child {
    border: none
}
.search-section .search__category ul li:before {
    display: none
}
.search-section .search__category ul li a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 13px 10px;
    font-family: "Barlow-Medium";
    font-size: 16px;
    line-height: 1.5;
    color: #0066FF;
    background-image: none
}
.search-section .search__category ul li a:hover {
    color: #ffffff;
    background: #0066FF
}
.search-section .search__category ul li.active a {
    color: #ffffff;
    background: #0066FF
}
.search-section .search__result {
    position: relative
}
.search-section .search__result .result__box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px)
}
.search-section .search__result .result__box.active {
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}
.search-section .search__result .result__box .list {
    margin-bottom: 38px
}
.search-section .search__result .result__box .list a:hover * {
    opacity: 0.7
}
.search-section .search__result .result__box .list * {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.search-section .search__result .result__box .list span {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 30px;
    color: #596C89;
    margin-bottom: 0px
}
.search-section .search__result .result__box .list h2 {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 30px;
    color: #0066FF;
    margin-bottom: 2px
}
.search-section .search__result .result__box .list p {
    margin-bottom: 10px
}
.search-section .pages {
    border-top: 2px solid #CCE0FF;
    margin-top: 56px;
    padding-top: 30px
}
.search-section .pages ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.search-section .pages ul li {
    margin: 0;
    padding: 0;
    margin-right: 10px;
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 30px;
    color: #0066FF;
    margin-bottom: 0px
}
.search-section .pages ul li:before {
    display: none
}
.search-section .pages ul li a {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 30px;
    padding: 5px 5px;
    border-radius: 4px;
    display: block;
    width: 40px;
    border: 1px solid transparent;
    text-align: center;
    color: #0066FF
}
.search-section .pages ul li a:hover {
    border-color: #0066FF
}
.search-section .pages ul li.active a {
    background: #0066FF;
    color: #ffffff
}
.search-section .search__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:768px) {
    .search-section .search__body {
        display: block
    }
}
.search-section .search__body .search__content {
    width: 65.8%
}
@media (max-width:768px) {
    .search-section .search__body .search__content {
        width: 100%
    }
}
.search-section .search__body .search__filter {
    width: 34.2%;
    padding-left: 125px;
    padding-top: 109px
}
@media (max-width:1200px) {
    .search-section .search__body .search__filter {
        padding-left: 40px
    }
}
@media (max-width:768px) {
    .search-section .search__body .search__filter {
        width: 100%;
        padding: 0;
        margin-top: 60px
    }
}
.search-section .search__body .search__filter h3 {
    text-transform: uppercase;
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    line-height: 1.2;
    color: #201F27;
    margin-bottom: 33px
}
.search-section .search__body .search__filter .filter__box {
    margin-bottom: 30px
}
.search-section .search__body .search__filter .filter__box p {
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    line-height: 30px;
    color: #201F27;
    margin-bottom: 0px
}
.search-section .search__body .search__filter .filter__box ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.search-section .search__body .search__filter .filter__box ul li {
    margin: 0;
    padding: 0;
    padding-left: 18px;
    font-family: "Barlow-Regular";
    font-size: 18px;
    line-height: 30px;
    color: #201F27;
    margin-bottom: 0px
}
.search-section .search__body .search__filter .filter__box ul li:before {
    color: #201F27
}
.search-section .search__body .search__filter .filter__box ul li a {
    display: inline-block;
    margin-right: 8px;
    font-family: "Barlow-SemiBold";
    color: #0066FF
}
.search-section .search__body .search__filter .filter__box ul li a:hover {
    opacity: 0.7
}
.levels {
    margin-top: -12px
}
@media (max-width:992px) {
    .levels {
        margin-top: 0
    }
}
.levels .title {
    margin-bottom: 35px;
    max-width: 730px
}
.levels .title h1 {
    margin-bottom: 25px
}
.levels .title p {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px
}
.levels .levels__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
@media (max-width:768px) {
    .levels .levels__content {
        max-width: 380px;
        margin: 0 auto
    }
}
.levels .levels__content .block {
    width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 30px
}
@media (max-width:768px) {
    .levels .levels__content .block {
        width: 100%
    }
}
.levels .levels__content .block.small {
    width: 16.666%
}
@media (max-width:768px) {
    .levels .levels__content .block.small {
        width: 50%
    }
}
@media (max-width:375px) {
    .levels .levels__content .block.small {
        width: 100%
    }
}
.levels .levels__content .block.small .box {
    height: auto;
    border-radius: 10px
}
@media (max-width:768px) {
    .levels .levels__content .block.small .box {
        max-width: 160px
    }
}
.levels .levels__content .block.small .box span {
    font-size: 16px;
    background: none;
    padding: 2px 10px;
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%
}
@media (max-width:1200px) {
    .levels .levels__content .block.small .box span {
        font-size: 12px;
        line-height: 1
    }
}
.levels .levels__content .block.small .box .bg:before {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0003/230673/levels-2.svg?v=0.0.1");
    height: 16px
}
.levels .levels__content .block.small .box .number {
    margin-bottom: 0
}
.levels .levels__content .block.small .box .number p {
    font-size: 48px
}
@media (max-width:992px) {
    .levels .levels__content .block.small .box .number p {
        font-size: 38px
    }
}
.levels .levels__content .block.small .box .number p sub {
    font-size: 24px
}
@media (max-width:992px) {
    .levels .levels__content .block.small .box .number p sub {
        font-size: 22px
    }
}
.levels .levels__content .block.small .box .levels-box {
    padding-bottom: 27px;
    padding-top: 34px
}
.levels .levels__content .block .box {
    height: 100%;
    background: #132F41;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
    position: relative
}
@media (max-width:768px) {
    .levels .levels__content .block .box {
        max-width: 350px;
        margin: 0 auto
    }
}
.levels .levels__content .block .box span {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    padding: 15.5px 10px;
    background: #004DBF;
    position: relative;
    z-index: 2
}
@media (max-width:1200px) {
    .levels .levels__content .block .box span {
        font-size: 14px
    }
}
@media (max-width:992px) {
    .levels .levels__content .block .box span {
        font-size: 12px
    }
}
.levels .levels__content .block .box .levels-box {
    position: relative
}
.levels .levels__content .block .box .number {
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 19px;
    position: relative;
    z-index: 2
}
@media (max-width:992px) {
    .levels .levels__content .block .box .number {
        margin-bottom: 18px;
        padding-top: 28px
    }
}
.levels .levels__content .block .box .number p {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 64px;
    line-height: 60px;
    color: #ffffff;
    margin-bottom: 0
}
@media (max-width:992px) {
    .levels .levels__content .block .box .number p {
        font-size: 50px;
        line-height: 1
    }
}
.levels .levels__content .block .box .number p sub {
    font-family: "Barlow-Bold";
    color: #ffffff;
    font-size: 32px;
    bottom: 0
}
@media (max-width:992px) {
    .levels .levels__content .block .box .number p sub {
        font-size: 25px
    }
}
.levels .levels__content .block .box .number .dam-change {
    width: 21px;
    height: 25px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0006/230676/up.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 16px;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}
@media (max-width:992px) {
    .levels .levels__content .block .box .number .dam-change {
        width: 16px;
        height: 18px;
        margin-left: 8px
    }
}
.levels .levels__content .block .box .number .dam-change.decrease {
    -webkit-transform: rotate(180deg) translate(-3px, 3px);
    transform: rotate(180deg) translate(-3px, 3px)
}
.levels .levels__content .block .box .number .dam-change.none {
    width: 11px;
    height: 3px;
    background-image: none;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px)
}
.levels .levels__content .block .box .text {
    position: relative;
    z-index: 2;
    padding-bottom: 17px
}
.levels .levels__content .block .box .text p {
    font-family: "Barlow-SemiBold";
    color: #ffffff;
    margin-bottom: 0
}
@media (max-width:992px) {
    .levels .levels__content .block .box .text p {
        font-size: 14px
    }
}
.levels .levels__content .block .box .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #039FD6;
    width: 100%;
    z-index: 1
}
.levels .levels__content .block .box .bg:before {
    content: "";
    width: 100%;
    height: 36px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0004/230674/levels.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    left: 0
}
.levels .prompt {
    padding-left: 23px;
    padding-bottom: 20px;
    margin-top: -18px;
    border-bottom: 2px solid #CCE0FF;
    position: relative;
    padding-top: 7px
}
.blue_line{border-bottom: 2px solid #CCE0FF; margin:0;}
.blue_line p {margin:0; padding:1rem 0;}

.levels .prompt .icon {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0005/230675/prompt.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 10px;
    left: 0
}
.levels .prompt .icon:hover {
    opacity: 0.7
}
.levels .prompt p {
    font-family: "Barlow-Medium";
    font-size: 14px;
    line-height: 1.4;
    color: #767C82;
    margin-bottom: 0
}
.levels .prompt p span {
    display: inline-block;
    margin: 0 4px
}
.storage-levels {
    padding-top: 4px
}
@media (max-width:992px) {
    .storage-levels {
        overflow: hidden
    }
}
.storage-levels .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}
@media (max-width:768px) {
    .storage-levels .title {
        display: block
    }
}
.storage-levels .title h2 {
    margin-bottom: 0;
    -webkit-transform: translate(0, -7px);
    transform: translate(0, -7px)
}
.storage-levels .title .view {
    width: 172px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
@media (max-width:768px) {
    .storage-levels .title .view {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px
    }
}
.storage-levels .title .view span {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #201F27;
    line-height: 1.2;
    padding-top: 10px;
    margin-right: 10px;
    display: inline-block
}
.storage-levels .title .view .view-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.storage-levels .title .view .view-box a {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #0A84FF;
    display: inline-block;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}
.storage-levels .title .view .view-box a:before {
    color: inherit
}
.storage-levels .title .view .view-box a:hover {
    color: #ffffff;
    background: #0A84FF
}
.storage-levels .title .view .view-box a.active {
    color: #ffffff;
    background: #0A84FF
}
.storage-levels .storage-levels__content {
    position: relative
}
.storage-levels .storage-levels__content .list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px)
}
.storage-levels .storage-levels__content .list.active {
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}
.storage-levels .storage-levels__content .storage-levels__map .storage-levels__map__box {
    background: #FFEBAE;
    border-radius: 20px;
    margin: 0 -115px;
    text-align: center;
    padding: 80px 0 100px 0
}
@media (max-width:1350px) {
    .storage-levels .storage-levels__content .storage-levels__map .storage-levels__map__box {
        margin: 0
    }
}
@media (max-width:992px) {
    .storage-levels .storage-levels__content .storage-levels__map .storage-levels__map__box {
        margin: 0 -30px;
        border-radius: 0;
        padding: 126px 30px 126px 30px;
        overflow-x: scroll;
        overflow-y: hidden
    }
}
@media (max-width:768px) {
    .storage-levels .storage-levels__content .storage-levels__map .storage-levels__map__box {
        margin: 0 -20px
    }
}
.storage-levels .storage-levels__content .storage-levels__map .storage-levels__map__box img {
    display: inline-block
}
.storage-levels .storage-levels__content .storage-levels__map .mCSB_container, .storage-levels .storage-levels__content .storage-levels__map .mCustomScrollBox {
    overflow: inherit
}
.storage-levels .storage-levels__content .storage-levels__map .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #1B3D76
}
.storage-levels .storage-levels__content .storage-levels__item {
    padding-bottom: 30px;
    border-bottom: 2px solid #CCE0FF;
    margin-bottom: -15px
}
.storage-levels .storage-levels__content .storage-levels__item .storage-levels__item__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}
.storage-levels .storage-levels__content .storage-levels__item .block {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px
}
@media (max-width:992px) {
    .storage-levels .storage-levels__content .storage-levels__item .block {
        width: 33.3333%
    }
}
@media (max-width:768px) {
    .storage-levels .storage-levels__content .storage-levels__item .block {
        width: 50%
    }
}
@media (max-width:500px) {
    .storage-levels .storage-levels__content .storage-levels__item .block {
        width: 100%
    }
}
.storage-levels .storage-levels__content .storage-levels__item .block .box {
    display: block;
    height: 100%;
    background: #EBF7FF;
    border-radius: 10px;
    overflow: hidden
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .bg-img {
    padding-top: 70.5882352941%;
    margin-bottom: 16px
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .text {
    padding: 0 20px 16px 20px
}
.storage-levels .storage-levels__content .storage-levels__item .block .box h3 {
    font-family: "Barlow-Bold";
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    color: #0066FF;
    margin-bottom: 6px
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 12px
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .percentage {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 40px;
    color: #1B3D76;
    line-height: 1;
    margin-bottom: 0
}
@media (max-width:992px) {
    .storage-levels .storage-levels__content .storage-levels__item .block .box .number .percentage {
        font-size: 40px
    }
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .percentage sub {
    font-size: 18px;
    font-family: "Barlow-Bold";
    color: #1B3D76;
    line-height: 1;
    bottom: 0px
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .dam-change {
    display: inline-block;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #ED1C24;
    line-height: 1.1;
    -webkit-transform: translate(0, -8px);
    transform: translate(0, -8px);
    padding-left: 36px;
    position: relative
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .dam-change.decrease:before {
    content: "";
    border-top: 8px solid #ED1C24;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    top: 5px;
    left: 15px;
    z-index: 1
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .dam-change.increase {
    color: #39B54A
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .dam-change.increase:before {
    content: "";
    border-bottom: 11px solid #39B54A;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 5px;
    left: 15px;
    z-index: 1
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .items .item {
    width: 58%
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .items .item:nth-child(2) {
    width: 42%
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .items .item span {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 12px;
    line-height: 20px;
    color: #596C89;
    text-transform: uppercase;
    margin-bottom: 0px
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .items .item p {
    font-family: "Barlow-SemiBold";
    font-size: 14px;
    line-height: 20px;
    color: #201F27;
    margin-bottom: 0
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .items .item p sub {
    font-family: "Barlow-Regular";
    font-size: 14px;
    bottom: 0;
    color: #201F27
}
#map {
    position: relative
}
.map_title {
    position: absolute
}
.map-resource {
    margin: 0;
    opacity: 0;
    visibility: hidden
}
#map {
    width: 920px;
    margin: 0 auto
}
#map .map_list .map_list_box {
    position: relative
}
#map .map_list .map_list_box.is-active .tooltip {
    opacity: 1;
    visibility: visible
}
#map .map_list .map_title {
    cursor: pointer;
    font-family: "Barlow-SemiBold";
    font-size: 14px;
    color: #0066FF;
    line-height: 1;
    display: block;
    white-space: nowrap;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding-left: 39px
}
#map .map_list .map_title:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #66A3FF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}
#map .map_list .map_title:after {
    content: "";
    width: 28px;
    height: 28px;
    border: 2px solid #0066FF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}
#map .map_list .map_title.left {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    padding-left: 0;
    padding-right: 39px
}
#map .map_list .map_title.left:before {
    left: inherit;
    right: 5px
}
#map .map_list .map_title.left:after {
    left: inherit;
    right: 0
}
#map .map_list .map_title.green-dot {
    color: #596C89;
    cursor: inherit;
    padding-left: 25px
}
#map .map_list .map_title.green-dot:after {
    display: none
}
#map .map_list .map_title.green-dot:before {
    width: 10px;
    height: 10px;
    background: #BED12B
}
#map .map_list .map_title.green-dot.left {
    padding-left: 0;
    padding-right: 25px
}
#map .map_list .map_title.green-dot:hover {
    opacity: 1
}
#map .map_list .map_title.left+.tooltip {
    left: calc(50% - 17px)
}
#map .map_list .map_title:hover {
    opacity: 0.7
}
#map .map_list .tooltip {
    position: absolute;
    top: -7px;
    left: calc(50% + 10px);
    -webkit-box-shadow: 0 10px 20px rgba(182, 173, 180, 0.5);
    box-shadow: 0 10px 20px rgba(182, 173, 180, 0.5);
    background: #ffffff;
    border-radius: 10px;
    z-index: 2;
    width: 260px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0
}
@media (max-width:992px) {
    #map .map_list .tooltip {
        width: 130px
    }
}
#map .map_list .tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 15px 9px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent
}
#map .map_list .tooltip .bg-img {
    padding-top: 76.9230769231%;
    border-radius: 10px 10px 0 0
}
@media (max-width:992px) {
    #map .map_list .tooltip .bg-img {
        padding-top: 61.5384615385%
    }
}
#map .map_list .tooltip .tooltip-title {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 18px;
    line-height: 20px;
    color: #0066FF;
    text-transform: uppercase;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 6px
}
@media (max-width:992px) {
    #map .map_list .tooltip .tooltip-title {
        font-size: 14px;
        line-height: 1.2;
        padding-top: 10px;
        padding-bottom: 4px
    }
}
@media (max-width:556px) {
    #map .map_list .tooltip .tooltip-title {
        font-size: 12px;
        padding-top: 7px
    }
}
#map .map_list .tooltip .number {
    margin-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 2
}
@media (max-width:992px) {
    #map .map_list .tooltip .number {
        margin-bottom: 10px
    }
}
#map .map_list .tooltip .number p {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 64px;
    line-height: 60px;
    color: #1B3D76;
    margin-bottom: 0
}
@media (max-width:992px) {
    #map .map_list .tooltip .number p {
        font-size: 30px;
        line-height: 1
    }
}
@media (max-width:556px) {
    #map .map_list .tooltip .number p {
        font-size: 25px
    }
}
#map .map_list .tooltip .number p sub {
    font-family: "Barlow-Bold";
    color: #1B3D76;
    font-size: 32px;
    bottom: 0
}
@media (max-width:992px) {
    #map .map_list .tooltip .number p sub {
        font-size: 18px
    }
}
@media (max-width:556px) {
    #map .map_list .tooltip .number p sub {
        font-size: 16px
    }
}
#map .map_list .tooltip .number .dam-change {
    width: 21px;
    height: 25px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0007/230677/up-blue.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 16px;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}
@media (max-width:992px) {
    #map .map_list .tooltip .number .dam-change {
        width: 14px;
        height: 16px;
        margin-left: 8px
    }
}
@media (max-width:556px) {
    #map .map_list .tooltip .number .dam-change {
        width: 12px;
        height: 14px;
        margin-left: 6px
    }
}
#map .map_list .tooltip .number .dam-change.decrease {
    -webkit-transform: rotate(180deg) translate(-3px, 6px);
    transform: rotate(180deg) translate(-3px, 6px)
}
@media (max-width:992px) {
    #map .map_list .tooltip .number .dam-change.decrease {
        -webkit-transform: rotate(180deg) translate(-3px, 4px);
        transform: rotate(180deg) translate(-3px, 4px)
    }
}
#map .map_list .tooltip .number .dam-change.none {
    width: 11px;
    height: 3px;
    background-image: none;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px)
}
.rainfall-totals {
    padding-top: 2px
}
.rainfall-totals .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 33px
}
.rainfall-totals .title h2 {
    margin-bottom: 0
}
.rainfall-totals .rainfall-totals__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px
}
.rainfall-totals .rainfall-totals__content .block {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 30px
}
@media (max-width:1200px) {
    .rainfall-totals .rainfall-totals__content .block {
        width: 50%
    }
}
@media (max-width:700px) {
    .rainfall-totals .rainfall-totals__content .block {
        width: 100%
    }
}
.rainfall-totals .rainfall-totals__content .block .box {
    height: 100%;
    background: #EBF7FF;
    border-radius: 20px;
    overflow: hidden;
    padding: 23px 30px 27px 30px
}
@media (max-width:700px) {
    .rainfall-totals .rainfall-totals__content .block .box {
        max-width: 350px;
        margin: 0 auto
    }
}
.rainfall-totals .rainfall-totals__content .block .box h3 {
    font-family: "Barlow-Bold";
    font-size: 18px;
    line-height: 20px;
    color: #0066FF;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center
}
.rainfall-totals .rainfall-totals__content .block .box .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.rainfall-totals .rainfall-totals__content .block .box .items .item {
    width: 33.333%
}
.rainfall-totals .rainfall-totals__content .block .box .items .item:first-child {
    width: 39%
}
.rainfall-totals .rainfall-totals__content .block .box .items .item:nth-child(2) {
    width: 34%
}
.rainfall-totals .rainfall-totals__content .block .box .items .item:nth-child(3) {
    width: 27%
}
.rainfall-totals .rainfall-totals__content .block .box .items .item span {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 12px;
    line-height: 20px;
    color: #596C89;
    text-transform: uppercase;
    margin-bottom: 0px
}
.rainfall-totals .rainfall-totals__content .block .box .items .item p {
    font-family: "Barlow-Bold";
    font-size: 20px;
    line-height: 20px;
    color: #1B3D76;
    margin-bottom: 0
}
.rainfall-totals .rainfall-totals__content .block .box .items .item p sub {
    font-family: "Barlow-Regular";
    font-size: 14px;
    bottom: 0;
    color: #1B3D76
}
.rainfall-totals .rainfall-totals__content .block.active .box {
    background: #132F41
}
.rainfall-totals .rainfall-totals__content .block.active .box h3 {
    color: #ffffff
}
.rainfall-totals .rainfall-totals__content .block.active .box .items .item span {
    color: #6A80A0
}
.rainfall-totals .rainfall-totals__content .block.active .box .items .item p {
    color: #ffffff
}
.rainfall-totals .rainfall-totals__content .block.active .box .items .item p sub {
    color: #ffffff
}
.rainfall-totals .prompt {
    padding-left: 23px;
    padding-bottom: 38px;
    margin-top: -18px;
    border-bottom: 2px solid #CCE0FF;
    position: relative;
    padding-top: 7px
}
.rainfall-totals .prompt .icon {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0005/230675/prompt.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 10px;
    left: 0
}
.rainfall-totals .prompt .icon:hover {
    opacity: 0.7
}
.rainfall-totals .prompt p {
    font-family: "Barlow-Medium";
    font-size: 14px;
    line-height: 1.4;
    color: #767C82;
    margin-bottom: 0
}
.rainfall-totals .prompt p span {
    display: inline-block;
    margin: 0 4px
}
.quicklinks-full-width {
    overflow: hidden
}
.quicklinks-full-width .quicklinks__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    padding: 57px 95px 47px 95px;
    background: #FFFAF0;
    border-radius: 20px
}
@media (max-width:992px) {
    .quicklinks-full-width .quicklinks__content {
        padding: 30px 20px
    }
}
.quicklinks-full-width .quicklinks__content .item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media (max-width:768px) {
    .quicklinks-full-width .quicklinks__content .item {
        width: 100%
    }
    .quicklinks-full-width .quicklinks__content .item:first-child {
        margin-top: 0
    }
}
.quicklinks-full-width .quicklinks__content .item .icon {
    width: 96px;
    padding-top: 2px
}
@media (max-width:992px) {
    .quicklinks-full-width .quicklinks__content .item .icon {
        width: 65px
    }
}
.quicklinks-full-width .quicklinks__content .item .icon img {
    width: 65px
}
@media (max-width:992px) {
    .quicklinks-full-width .quicklinks__content .item .icon img {
        max-width: 50px;
        max-height: 50px
    }
}
.quicklinks-full-width .quicklinks__content .item .text {
    width: calc(100% - 96px);
    padding-right: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media (max-width:992px) {
    .quicklinks-full-width .quicklinks__content .item .text {
        padding-right: 20px;
        width: calc(100% - 65px)
    }
}
@media (max-width:768px) {
    .quicklinks-full-width .quicklinks__content .item .text {
        display: block
    }
}
.quicklinks-full-width .quicklinks__content .item .text h3 {
    font-family: "SimplonNorm-Bold";
    font-size: 20px;
    line-height: 1.2;
    color: #0066FF;
    margin-bottom: 2px;
    width: 100%
}
@media (max-width:992px) {
    .quicklinks-full-width .quicklinks__content .item .text h3 {
        font-size: 18px
    }
}
.quicklinks-full-width .quicklinks__content .item .text p {
    font-family: "Barlow-Regular";
    color: #201F27;
    margin-bottom: 10px;
    width: 66%
}
@media (max-width:992px) {
    .quicklinks-full-width .quicklinks__content .item .text p {
        margin-bottom: 10px
    }
}
@media (max-width:768px) {
    .quicklinks-full-width .quicklinks__content .item .text p {
        width: 100%;
        margin-bottom: 20px
    }
}
.quicklinks-full-width .quicklinks__content .item .text .link {
    width: 180px;
    -webkit-transform: translate(0, 8px);
    transform: translate(0, 8px)
}
@media (max-width:768px) {
    .quicklinks-full-width .quicklinks__content .item .text .link {
        -webkit-transform: none;
        transform: none
    }
}
.quicklinks-full-width.background-color .container:before {
    background: #FFFAF0
}
.quicklinks-full-width.background-color .quicklinks__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.quicklinks-full-width.background-color .quicklinks__content .item {
    width: 48.8%
}
@media (max-width:768px) {
    .quicklinks-full-width.background-color .quicklinks__content .item {
        width: 100%
    }
}
.quicklinks-full-width.background-color .quicklinks__content .item .icon {
    width: 96px
}
@media (max-width:992px) {
    .quicklinks-full-width.background-color .quicklinks__content .item .icon {
        width: 65px
    }
}
.quicklinks-full-width.background-color .quicklinks__content .item .text {
    width: calc(100% - 96px);
    padding-right: 10px
}
@media (max-width:992px) {
    .quicklinks-full-width.background-color .quicklinks__content .item .text {
        padding-right: 20px;
        width: calc(100% - 65px)
    }
}
.valleys .title {
    margin-bottom: 55px
}
.valleys .title h2 {
    margin-bottom: 0
}
.valleys .valleys__content {
    border-bottom: 2px solid #CCE0FF;
    padding-bottom: 30px
}
.valleys .valleys__content .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (max-width:768px) {
    .valleys .valleys__content .list {
        display: block
    }
}
.valleys .valleys__content .list .text {
    width: 160px;
    margin-right: 30px;
    margin-bottom: 30px
}
@media (max-width:768px) {
    .valleys .valleys__content .list .text {
        width: 100%;
        margin: 0;
        margin-bottom: 10px
    }
}
.valleys .valleys__content .list .text h3 {
    font-family: "Barlow-SemiBold";
    font-size: 28px;
    line-height: 34px;
    color: #1B3D76;
    margin-bottom: 0;
    -webkit-transform: translate(0, -9px);
    transform: translate(0, -9px)
}
.valleys .valleys__content .list .list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 190px)
}
@media (max-width:768px) {
    .valleys .valleys__content .list .list-box {
        width: 100%;
        margin: 0 -15px
    }
}
.valleys .valleys__content .list .item {
    width: 160px;
    margin-right: 30px;
    margin-bottom: 30px
}
@media (max-width:768px) {
    .valleys .valleys__content .list .item {
        margin-right: 0;
        width: 190px;
        padding: 0 15px
    }
}
@media (max-width:620px) {
    .valleys .valleys__content .list .item {
        width: 33.333%
    }
}
@media (max-width:556px) {
    .valleys .valleys__content .list .item {
        width: 50%
    }
}
@media (max-width:360px) {
    .valleys .valleys__content .list .item {
        width: 100%;
        max-width: 190px
    }
}
.valleys .valleys__content .list .item .box {
    height: 100%;
    background: #132F41;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
    position: relative
}
.valleys .valleys__content .list .item .box span {
    display: block;
    font-family: "Barlow-SemiBold";
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    padding: 15.5px 10px;
    background: #004DBF;
    position: relative;
    z-index: 2;
    position: absolute;
    top: 17px;
    left: 0;
    width: 100%
}
.valleys .valleys__content .list .item .box .levels-box {
    padding-bottom: 27px;
    padding-top: 34px;
    position: relative
}
.valleys .valleys__content .list .item .box .number {
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 19px;
    position: relative;
    z-index: 2
}
.valleys .valleys__content .list .item .box .number p {
    display: block;
    font-family: "Barlow-Bold";
    font-size: 64px;
    line-height: 60px;
    color: #ffffff;
    margin-bottom: 0
}
.valleys .valleys__content .list .item .box .number p sub {
    font-family: "Barlow-Bold";
    color: #ffffff;
    font-size: 32px;
    bottom: 0
}
.valleys .valleys__content .list .item .box .number .dam-change {
    width: 21px;
    height: 25px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0006/230676/up.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 16px;
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}
.valleys .valleys__content .list .item .box .number .dam-change.decrease {
    -webkit-transform: rotate(180deg) translate(-3px, 0px);
    transform: rotate(180deg) translate(-3px, 0px)
}
.valleys .valleys__content .list .item .box .number .dam-change.none {
    width: 11px;
    height: 3px;
    background-image: none;
    background: #ffffff;
    border-radius: 2px;
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px)
}
.valleys .valleys__content .list .item .box .text {
    position: relative;
    z-index: 2;
    padding-bottom: 17px
}
.valleys .valleys__content .list .item .box .text p {
    font-family: "Barlow-SemiBold";
    color: #ffffff;
    margin-bottom: 0
}
.valleys .valleys__content .list .item .box .bg {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #039FD6;
    width: 100%;
    z-index: 1
}
.valleys .valleys__content .list .item .box .bg:before {
    content: "";
    width: 100%;
    height: 36px;
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0004/230674/levels.svg?v=0.0.1");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    left: 0
}
.valleys .valleys__content .list .item .box {
    height: auto;
    border-radius: 10px
}
.valleys .valleys__content .list .item .box span {
    font-size: 16px;
    background: none;
    padding: 2px 10px
}
.valleys .valleys__content .list .item .box .bg:before {
    background-image: url("https://www.waternsw.com.au/__data/assets/file/0003/230673/levels-2.svg?v=0.0.1");
    height: 16px
}
.valleys .valleys__content .list .item .box .number p {
    font-size: 48px
}
@media (max-width:992px) {
    .valleys .valleys__content .list .item .box .number p {
        font-size: 38px
    }
}
.valleys .valleys__content .list .item .box .number p sub {
    font-size: 24px
}
@media (max-width:992px) {
    .valleys .valleys__content .list .item .box .number p sub {
        font-size: 22px
    }
}
html {
    scroll-padding-top: 200px
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.menu-item-has-children .icondvmp {
        width: 50px
    }
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu li, header .link-and-search a {
        margin-bottom: 30px
    }
}
.home-banner .home-banner-box .three-column .three-column-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.dam-selector--change--message {
    display: inline;
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #1b3d76
}
@media (max-width:992px) {
    .dam-selector--change--message {
        font-size: 13px
    }
}
.warning-title .text {
    font-family: "Barlow-SemiBold"
}
.levels__content a:hover {
    color: white;
    text-decoration: underline
}
.levels .levels__content .block .box .number .dam-change.no-change {
    background-image: none;
    color: white
}
@media (max-width:768px) {
    .body-funnelback-container .funnelback-result__wrapper .btn-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .body-funnelback-container .funnelback-result__wrapper .btn-container .btn-item .btn {
        border-radius: 5px!important;
        border: 1px solid!important;
        margin-bottom: 10px
    }
    .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-next, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-prev {
        display: none
    }
    .body-funnelback-container .funnelback-result__wrapper .search-result-header-container .search-result-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
.body-funnelback-container .funnelback-result__wrapper .search-result-header-container .fb-search-navbar .fb-form input[type=text] {
    max-width: 270px;
    width: 100%
}
.facet__group_li .data-list .text {
    text-transform: capitalize
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .facet-wrapper .facet__group .facet__group_ul .facet__group_li .list-item {
    position: relative
}
.facet__group_li .data-list .text[data-label="dams in nsw"] {
    color: white;
    margin-right: 5px
}
.facet__group_li .data-list .text[data-label="dams in nsw"]:after {
    content: "Dams in NSW";
    position: absolute;
    left: 0;
    color: #06f
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .fb-result-container .result-wrapper a {
    word-break: break-all
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.body-funnelback-container .funnelback-result__wrapper b, .body-funnelback-container .funnelback-result__wrapper strong {}
.body-funnelback-container .funnelback-result__wrapper .btn-container .btn-item .btn {
    height: 100%
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container {
    margin: 50px 0 180px 0;
    border-top: 2px solid #cce0ff;
    padding-top: 50px
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages .bx-page.active, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages a, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container a {
    display: block;
    padding: 5px 10px;
    color: #06f;
    border: 1px solid #06f;
    text-decoration: none;
    border-radius: 3px;
    font-family: "Barlow-Bold"
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages .bx-page, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container a span {
    text-decoration: none;
    color: #06f;
    font-family: "Barlow-Bold"
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages .bx-page.active {
    background-color: #06f;
    color: white;
    text-decoration: none
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-next a:hover, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages a:hover, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-prev a:hover {
    background-color: #06f
}
.body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-next a:hover span, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-pages a:hover .bx-page, .body-funnelback-container .funnelback-result__wrapper .funnelback-pagination-container .bx-prev a:hover span {
    color: #fff
}
.body-funnelback-container .funnelback-result__wrapper {
    max-width: 100%;
    width: 100%
}
.body-funnelback-container .funnelback-result__wrapper * {
    font-size: 16px;
    font-family: "Barlow-Regular"
}
.body-funnelback-container .funnelback-result__wrapper .btn-container .btn-item .btn:focus, .body-funnelback-container .funnelback-result__wrapper .btn-container .btn-item .btn:hover {
    background-color: #06f;
    color: #fff
}
.funnelback-result__wrapper [data-template=documents] .summary .details, .funnelback-result__wrapper [data-template=documents] .summary a, .funnelback-result__wrapper [data-template=recommended] .summary a, .funnelback-result__wrapper [data-template=webpage] .summary .details {
    display: none!important
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .fb-result-container .result-wrapper .title.heading {
    margin-bottom: 0;
    font-family: "Barlow-Regular";
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.75rem
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .fb-result-container .result-wrapper .title.heading strong {
    font-family: "Barlow-Bold";
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.75rem
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .fb-result-container .result-wrapper .fb-tag-container {
    margin: 0
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .fb-result-container .result-wrapper {
    margin-bottom: 40px
}
.body-funnelback-container .funnelback-result__wrapper .fb-result-container--wrapper .facet-wrapper .title {
    font-family: "Barlow-Bold";
    font-weight: normal
}
a:focus-visible {
    outline: 1px solid green;
    border: none
}
.btn:focus-visible {
    border: 2px solid;
    outline: 1px solid green
}
.btn:focus {
    color: #ffffff;
    background: #0066ff
}
table {
    width: 100%;
    margin-bottom: 20px
}
th {
    text-align: center;
    border: 1px solid #1b3d76;
    background: rgba(27, 61, 118, 0.8);
    color: white;
    padding: 0.75em
}
table td {
    padding: 0.75em;
    border: 1px solid #1b3d76
}
table td p {
    margin: 0
}
.accordion .item .accordion__text td p {
    margin: 0
}
form[id*=form_email] table {
    border-collapse: separate;
    border-spacing: 0 1em
}
form[id*=form_email] td, form[id*=form_email] th {
    border: none
}
input[type=email].sq-form-field, input[type=text].sq-form-field, input[type=number].sq-form-field, textarea.sq-form-field {
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%
}
input[type=checkbox].sq-form-field, input[type=radio].sq-form-field {
    width: auto;
    display: inline-block;
    margin-right: 10px
}
input[type=file].sq-form-field {
    border: none
}
select.sq-form-field {
    padding: 10px;
    border: 1px solid #ccc;
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert
}
form[id*=form_email] td {
    vertical-align: top
}
form[id*=form_email] tr>td:first-child {
    padding: 0 30px 0 0
}
form[id*=form_email] tr>td:last-child {
    padding: 0
}
form[id*=form_email] tr>td:last-child ul {
    margin: 0
}
form[id*=form_email] tr>td:last-child ul li {
    padding-left: 0
}
form[id*=form_email] tr>td:last-child ul li:before {
    display: none
}
.sq-form-submit, form[id*=form_email] input[type=submit] {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    color: #0066ff;
    border: 2px solid #0066ff;
    border-radius: 27px;
    padding: 5px 30px 7px 30px;
    display: inline-block;
    min-width: 180px;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: auto;
    background-color: #fff;
    margin-top: 50px
}
.sq-form-submit:hover, .sq-form-submit:hover, form[id*=form_email] input[type=submit]:focus, form[id*=form_email] input[type=submit]:hover {
    background-color: #0066ff;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.sq-form-errors li, .sq-form-errors li:before {
    color: red!important
}
@media (max-width:992px) {
    form[id*=form_email] tr>td {
        width: 100%;
        display: block
    }
}
.sitemap ul {
    margin-top: 0
}
header .head-top {
    background: #f6be10
}
@media (max-width:992px) {
    .news-and-stories.homepage .news-and-stories__right .item h3 {
        font-size: 18px
    }
}
@media (max-width:768px) {
    .news-and-stories.homepage .news-and-stories__left {
        margin-bottom: 0
    }
    .news-and-stories.homepage .news-and-stories__right {
        margin-top: 20px
    }
    .news-and-stories.homepage .news-and-stories__right .item .text p {
        display: none
    }
}
@media (max-width:414px) {
    .news-and-stories.homepage .news-and-stories__right {
        margin-top: 0
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li.tab-focus>.sub-menu, header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:hover>.sub-menu {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}
.custom-popup .custom-popup__body .custom-popup__content {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 95px)
}
ul.dam-list-wrap {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}
ul.dam-list-wrap li {
    margin: 0 0 10px 0;
    padding: 0
}
ul.dam-list-wrap li:before {
    content: "";
    display: none
}
.dam-selector span[class*=dam-selector] {
    font-size: inherit!important;
    font-weight: inherit!important;
    font-family: inherit!important;
    line-height: inherit!important;
    margin-bottom: 0!important;
    display: inline!important
}
.news-and-stories.not-home-page-style .news-and-stories__left .news-and-stories__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 55px
}
.two-boxed-content .item.width-100 .links {
    width: 80%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 25px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px
}
.two-boxed-content.quicklinklist .item .links a:nth-last-child(2) {
    border-bottom: none
}
.text-with-background-image .text-with-background-image__content .text h2 {
    font-family: "Barlow-Bold";
    font-size: 48px;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 5px
}
.media-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.media-pagination li:before {
    content: "";
    display: none
}
.media-pagination li a {
    text-decoration: none!important;
    padding: 7px 10px!important;
    color: #fff!important;
    background-color: #0066ff!important;
    background-image: none!important;
    border-radius: 5px
}
.media-pagination li>span {
    display: inline-block;
    padding: 7px 10px;
    color: #0066ff;
    background-color: #f5f2f2;
    border-radius: 5px
}
.media-pagination li {
    margin: 0 10px 0 0;
    padding: 0
}
.dam-banner .text .lead p, .page-banner .text .lead p {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    margin-bottom: 0;
    max-width: 634px
}
.content-2-cols .container .left__text h2 {
    font-family: "Barlow-SemiBold";
    font-size: 24px;
    line-height: 1.25;
    color: #1b3d76;
    margin-bottom: 30px
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
    padding: 50px
}
.two-boxed-content .item {
    margin-bottom: 0
}
@media (max-width:1240px) {
    header .head-content .open-phone-popup {
        top: 25px
    }
    header .head-content .open-phone-popup i {
        left: 12px
    }
}
@media (max-width:992px) {
    .page-banner .text .lead p {
        font-size: 20px;
        line-height: 1.5
    }
    .content-2-cols .container .left__text h2 {
        font-size: 22px;
        margin-bottom: 20px
    }
    header .head-content .open-phone-popup i {
        left: 12px
    }
    header .head-content .head-content-box .search-and-hamburger .search {
        width: 22px;
        height: 22px;
        margin-right: 20px
    }
    header .head-content .head-content-box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    header .head-content .open-phone-popup {
        top: 15px
    }
    header.head-top-is-show .head-menu .head-menu-overflow {
        margin: 100px 0 0 0
    }
    .two-boxed-content .item.width-100 .links {
        width: 100%;
        display: block
    }
    .two-boxed-content .item .links a:nth-last-child(2) {
        border-bottom: 1px solid #99c2ff
    }
    ul.dam-list-wrap {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:focus-within>.sub-menu {
    opacity: 1;
    visibility: visible
}
.head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:focus-within.menu-item-has-children>a {
    background: #fff7e6
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li:focus-within.menu-item-has-children>a:after {
    width: 100%
}
.accordion {
    margin-top: 0;
    margin-bottom: 0
}
.content-2-cols .container .right__text .download-box {
    margin-top: 0
}
.accordion .item .accordion__topic {
    width: 100%;
    display: block
}
.cards h2, .image-and-text h2, .image-carousel h2 {
    font-family: "Barlow-SemiBold";
    font-size: 24px;
    line-height: 1.25;
    color: #1b3d76;
    margin-bottom: 30px
}
.things-to-do h3 {
    font-family: "Barlow-Bold";
    font-size: 24px;
    line-height: 1.25;
    color: #1b3d76;
    margin-bottom: 30px
}
.phone-popup .phone-popup__body .phone-popup__content__box .block p strong {
    display: inline
}
.custom-popup .custom-popup__body {
    height: 100%
}
@media (min-width:993px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li.dam-region-sub {
        width: 50%
    }
    .dam-sub-menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}
.image-carousel__title {
    min-height: 30px
}
.slick-dots {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}
.visually-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}
.custom-popup {
    height: 100%
}
.yellow-line-hide {
    margin-top: 35px
}
.callout-text, .dam-banner, .four-boxed-content .four-boxed-content__content .item, .page-banner {
    background-color: #000
}
.go-to-top {
    color: #fff
}
.dam-banner .text .red-color {
    background-color: #990000;
    border-color: #990000
}
header .head-content .open-phone-popup {
    color: #fff
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down {
    color: #aa0e13
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down.down:before {
    border-top: 11px solid #aa0e13
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down.on {
    color: #267832
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .on-or-down.on:before {
    border-bottom: 11px solid #267832
}
@media (max-width:768px) {
    footer .foot .foot-item .logo-and-contact .share-links a {
        width: 30px;
        height: 30px
    }
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
    padding: 50px 50px 0
}
@media (max-width:992px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
        padding: 89px 30px 50px 30px
    }
}
@media (max-width:768px) {
    header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu {
        padding: 89px 20px 50px 20px
    }
}
.two-boxed-content .item {
    margin-bottom: 30px
}
@media (max-width:768px) {
    .two-boxed-content .item.with-image .image {
        display: none
    }
}
.water-services .water-services__content .item a:hover .text h3 {
    opacity: 1
}
header .head-menu .head-menu-overflow .head-menu-overflow-box .menu>li>.sub-menu li>.sub-menu {
    min-height: 0
}
@media (max-width:992px) {
    footer .foot .foot-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}
.content-2-cols .container .right__text .cta-box, .content-2-cols .container .full__width .cta-box {
    margin-top: 0;
    background: #fff7e6;
    border-radius: 10px;
    padding: 22px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .right__text .cta-box.cta_yellow, .container .full__width .cta-box.cta_yellow {background:#fff7e6}
.container .right__text .cta-box.cta_dblue, .container .full__width .cta-box.cta_dblue {background:#DAE7F3}
.container .right__text .cta-box.cta_lblue, .container .full__width .cta-box.cta_lblue {background:#E0F5FA}
.container .right__text .cta-box.cta_green, .container .full__width .cta-box.cta_green {background:#F2F6D5}
.container .right__text .cta-box.cta_red, .container .full__width .cta-box.cta_red {background:#B21430}

.container .right__text .cta-box.cta_red p, .container .full__width .cta-box.cta_red p {color:#fff}
.container .right__text .cta-box.cta_red .btn, .container .full__width .cta-box.cta_red .btn {color:#fff; border:2px solid #fff; background: #B21430!important;}
.container .right__text .cta-box.cta_red .btn:hover, .container .full__width .cta-box.cta_red .btn:hover {color: #212529; background: #fff!important;}

.cta-box .wide {
    margin-top: 0;
    background: #fff7e6;
    border-radius: 10px;
    padding: 22px 30px;
   /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between*/
}

.cta-box .wide p {margin-bottom:0;}

.content-2-cols .container .right__text .cta-box.link-is-show p {
    max-width: 100%;
    margin-bottom: 15px
}
.content-2-cols .container .right__text .cta-box.link-is-show p:last-child {
    margin-bottom: 0
}
.content-2-cols .container .right__text .cta-box.link-is-show>div {
    width: 100%;
    margin-right: 80px
}
@media (max-width:768px) {
    .content-2-cols .container .right__text .cta-box {
        display: block
    }
    .content-2-cols .container .right__text .cta-box.link-is-show .btn {
        margin-top: 20px
    }
}
.content-2-cols .container .right__text .cta-box.link-is-show .btn, .content-2-cols .item .right__text .cta-box.link-is-show .btn, .content-2-cols .container .full__width .cta-box.link-is-show .btn, .content-2-cols .item .full__width .cta-box.link-is-show .btn {
    position: static;
    top: auto;
    bottom: auto;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.content-2-cols .container .right__text .cta-box:before, .content-2-cols .container .full__width .cta-box:before {
    display: none
}
section li a:not([class]):hover, section ol a:not([class]):hover, section p a:not([class]):hover, section ul li a:not([class]):hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
    background-image: linear-gradient(#ccc, #ccc)
}
.custom-popup__content__box a {
    color: #0066ff;
    text-decoration: underline
}
blockquote a {
    text-decoration: underline
}
header .head-top .head-top-box a {
    text-decoration: underline!important
}
.custom-popup__content__box a:hover {
    color: #000
}
.content-2-cols ul:last-child {
    margin-bottom: revert
}
.contact-us p {
    font-family: "Barlow-SemiBold"
}
.projects-list .projects-list__filters {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media (max-width:768px) {
    .projects-list .projects-list__filters {
        display: initial
    }
    .projects-list .projects-list__filters .view {
        margin-bottom: 20px
    }
}
.rssDiv {
    height: auto;
    margin: 0
}
#divRss ul li:before {
    content: none
}
.feedList {
    margin: 0
}
.feedList li {
    border-bottom: 1px solid #d3cad7;
    padding: 10px 0!important
}
.feedList li:last-child {
    border-bottom: none
}
#EWN td {
    padding: 0 20px 0 0
}
.itemTitle a, tr a {
    color: #0066ff;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#0066ff));
    background-image: linear-gradient(#0066ff, #0066ff);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: 100% 20px;
    -webkit-transition: background-size 0.25s;
    transition: background-size 0.25s
}
.itemTitle a:hover, tr a:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
    background-image: linear-gradient(#ccc, #ccc);
    background-size: 100% 6px;
    background-position: 100% 16px
}
.link-arrow-right {
    font-family: "Barlow-Bold";
    padding-right: 25px
}
.link-arrow-right:before {
    right: 0
}
.link-arrow-right:hover:before {
    right: -7px
}
.four-boxed-icon .four-boxed-icon__content .item .box .icon svg.stroke {
    stroke: currentColor
}
.page-heading .text .article_content p {
    font-size: 18px;
    line-height: 1.6666;
    margin-top: 40px
}
.media_release .date {
    font-family: "Barlow-SemiBold";
    font-size: 16px;
    line-height: 1.1;
    display: block;
    color: #596c89;
    margin-top: 20px
}
ol li:before, ul li:before {
    color: #000
}
.accordion__text ul li {
    margin-bottom: 10px
}
.accordion__text ul li:last-child {
    margin-bottom: 0
}
@media (max-width:768px) {
    .home-banner .home-banner-box .three-column .three-column-box .item {
        margin-bottom: 10px
    }
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}
.embed-container embed, .embed-container iframe, .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.story_category {
    font-size: 14px;
    font-family: "Barlow-Bold"
}
.callout-text .text p a, section li a:not([class]), section ol a:not([class]), section p a:not([class]), section ul li a:not([class]) {
    color: #0066ff;
    text-decoration: underline;
    background-image: none;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: auto;
    -webkit-transition: none;
    transition: none
}
.callout-text .text p a:hover, section li a:not([class]):hover, section ol a:not([class]):hover, section p a:not([class]):hover, section ul li a:not([class]):hover {
    background-image: none;
    text-decoration: none
}
.callout-text .text p a, .callout-text .text p a:hover {
    color: #fff
}
.accordion .item .accordion__text {
    margin-top: 15px
}
.head-logo a {
    display: block
}
.four-boxed-content .four-boxed-content__content__static {
    margin-right: 0;
    margin-left: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px
}
.four-boxed-content .four-boxed-content__content__static .item:before, .four-boxed-content .four-boxed-content__content__static:before {
    display: none
}
.four-boxed-content .four-boxed-content__content__static .item {
    margin: 0
}
@media (max-width:768px) {
    .four-boxed-content .four-boxed-content__content__static {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}
.calculator-form .btn-calculate .btn-calculate__wrapper input[type=submit] {
    color: #fff;
    margin-top: 0px
}
.calculator-form .btn-calculate .btn-calculate__wrapper:hover input {
    color: #0a68b8
}
.levels-box .bg {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}
.levels-box .bg.zero {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 5%!important
}
.accordion__text>ul {
    margin-top: 0
}
#map .map_list .tooltip .number .dam-change.unchanged {
    display: none
}
.storage-levels .storage-levels__content .storage-levels__item .block .box .number .dam-change.unchanged {
    color: #3d50ef
}
.rainfall-totals .rainfall-totals__content .block .box .items .item:first-child, .rainfall-totals .rainfall-totals__content .block .box .items .item:nth-child(2), .rainfall-totals .rainfall-totals__content .block .box .items .item:nth-child(3) {
    width: 33.3333%
}
.levels .levels__content .block .box .text {
    text-transform: uppercase
}
.media-releases .media-releases__title h1.with__lead {
    margin-bottom: 0;
    padding-bottom: 0
}
.media-releases .lead p {
    font-family: "Barlow-Medium";
    font-size: 24px;
    line-height: 36px;
    color: #201f27;
    margin-bottom: 40px;
    max-width: 634px
}
.image-full-width figure img {
    width: 100%
}
.custom-popup .custom-popup__body .custom-popup__content .custom-popup__content__box p {
    line-height: 1.7em
}
@media (max-width:992px) {
    .levels .levels__content .block .box span {
        font-size: 14px
    }
}
@media (max-width:1200px) {
    .levels .levels__content .block.small .box span {
        font-size: 16px
    }
}
.levels .prompt {
    padding-left: 0
}
.level-popup-wrapper a, p.level-popup-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.levels .prompt .level-popup-wrapper .icon {
    position: static
}
.levels .prompt .icon:hover {
    opacity: 1
}
.level-popup-wrapper a:hover {
    opacity: 0.7;
    color: #767c82
}
.two-yellow-boxed .two-yellow-boxed__content .item .text .number .change {
    margin-left: 20px;
    font-size: 18px;
    color: #1b3d76
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}