body,
 body #wp-live-chat {
     color: #20677d
 }
 .main-banner .wpb_wrapper,
 .rel-parent .site-content .img-banner {
     max-height: 745px
 }
 #full-page {
     margin-top: 0 !important
 }
 body {
     margin: 0;
     font-family: karlaregular;
     overflow-x: hidden
 }
 body #wp-live-chat-1,
 body #wp-live-chat-2-info {
     font-size: 16px
 }
 body #wp-live-chat-2-info {
     margin-top: 10px
 }
 body #wplc_start_chat_btn {
     width: 160px !important;
     margin: 5px auto !important;
     font-family: karlabold
 }
 [type=button],
 button,
 input[type=submit] {
     border-radius: 0;
     -webkit-appearance: none
 }
 .site-content {
     height: auto;
     margin: 0 auto !important;
     overflow: hidden;
     float: none !important;
     position: relative
 }
 .site-content.clearfix {
     overflow: visible
 }
 a {
     text-decoration: none;
     color: #3bb0c9
 }
 img {
     border: none;
     outline: 0
 }
 #page {
     min-width: 1400px
 }
 #header {
     padding: 20px 0 0
 }
 #header .site-content {
     width: 1320px !important
 }
 #header .site-content #logo {
     width: 300px;
     height: 90px;
     margin: 0;
     float: left;
     line-height: 5px;
     font-size: 5px
 }
 #header .site-content #logo a {
     display: inline-block
 }
 #header .site-content #logo a img {
     vertical-align: middle
 }
 #header .site-content .right-side {
     float: right
 }
 #header .site-content .right-side .search {
     text-align: right
 }
 #header .site-content .right-side #top-nav-toggle {
     background: #e8f4f6;
     width: 22px;
     height: 28px;
     vertical-align: top;
     padding: 6px 5px 0;
     cursor: pointer;
     display: none
 }
 #header .site-content .right-side #top-nav-toggle span {
     display: block;
     background: #00607f;
     height: 4px;
     margin-bottom: 4px
 }
 #header .site-content .right-side #close-nav {
     display: none;
     cursor: pointer;
     position: absolute;
     left: 20px;
     top: 35px;
     width: 30px;
     height: 30px
 }
 #header .site-content .right-side #close-nav:after,
 #header .site-content .right-side #close-nav:before {
     background: #fff;
     content: "";
     position: absolute;
     left: 50%;
     width: 100%;
     height: 4px;
     transform: rotate(45deg);
     margin-left: -15px;
     margin-top: -2px
 }
 #header .site-content .right-side #close-nav:after {
     transform: rotate(-45deg)
 }
 #header .site-content .right-side .top-search {
     position: relative;
     vertical-align: top
 }
#header .site-content .right-side .top-search .search-icon {
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) no-repeat;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -383px -14px;
}
 #header .site-content .right-side .top-search .search-input {
     cursor: pointer;
     background: #e8f4f6;
     padding-left: 30px;
     border: none;
     outline: 0;
     width: 190px;
     height: 30px;
     font-size: 14px;
     color: #646569;
     font-weight: 400;
     letter-spacing: 1px
 }
 #header .site-content .right-side .icon,
 #header .site-content .right-side .text,
 #header .site-content .right-side .top-search {
     display: inline-block
 }
#header .site-content .right-side .icon {
    background: url("/wp-content/uploads/2020/09/act-red-map-copy.png") no-repeat;
    width: 38px;
    height: 32px;
    vertical-align: middle;
    margin-right: 10px;
    background-position: -280px -5px;
}
 #header .site-content .right-side .text {
     font-family: karlaregular;
     color: #646569;
     margin-right: 25px;
     font-size: 14px
 }
 #header .site-content .right-side .text:hover {
     color: #32b1ca
 }
 #header .site-content .right-side #top-nav {
     padding: 0;
     margin: 0
 }
 #header .site-content .right-side #top-nav ul {
     list-style-type: none
 }
 #header .site-content .right-side #top-nav a {
     color: #646569
 }
 #header .site-content .right-side #top-nav a:hover {
     color: #00607f
 }
 #header .site-content .right-side #top-nav #menu-top-navigation {
     margin: 30px 0 0;
     padding: 0
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu {
     padding-top: 25px;
     padding-bottom: 15px
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li {
     padding: 0 80px 0 55px;
     line-height: 2.4;
     margin-bottom: 10px !important
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li:first-child {
     background: url(../../images/parent-child-sub-menu-icon.png) left center no-repeat
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li:nth-child(2) {
     background: url(../../images/independent-icon-sub-menu.png) left center no-repeat
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li:nth-child(3) {
     background: url(../../images/competent-icon-sub-menu.png) left center no-repeat
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li:nth-child(4) {
     background: url(../../images/graduate-icon-sub-menu.png) left center no-repeat
 }
 #header .site-content .right-side #top-nav #menu-top-navigation > li:nth-child(2) .sub-menu li {
     padding-right: 140px
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li {
     position: relative;
     display: inline-block;
     margin-right: 40px;
     font-family: karlabold;
     font-size: 18px;
     font-weight: 400;
     line-height: 18px;
     padding-bottom: 25px;
     border-bottom: 3px solid transparent
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li:hover {
     border-bottom: 3px solid #00607f
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li:hover .sub-menu-wrapper .sub-menu {
     display: block
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu-wrapper {
     position: absolute;
     top: 100%;
     left: 0;
     padding-top: 6px;
     min-width: 100%;
     margin-top: -3px;
     z-index: 20
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu {
     padding: 40px 60px 40px 20px;
     white-space: nowrap;
     display: none;
     background: #fff;
     box-shadow: 0 4px 8px -2px #666
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu li {
     font-family: karlaregular;
     letter-spacing: 1px;
     border-bottom: none;
     display: block;
     padding: 5px;
     margin-bottom: 25px;
     margin-right: 0
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu li a {
     color: #646569
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu li a:hover {
     color: #32b1ca
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu li:last-child {
     margin-bottom: 0
 }
 #header .site-content .right-side #top-nav #menu-top-navigation li:last-child {
     margin-right: 0
 }
 #header .site-content .right-side #top-nav .locations-submenu {
     background: #fff;
     display: none;
     position: absolute;
     right: 95px;
     top: 108px;
     padding: 20px 40px;
     z-index: 49;
     box-shadow: 0 4px 8px -2px #666
 }
 .main-banner,
 .programs .site-content .first-col,
 .programs .site-content .second-col,
 .rel-parent {
     position: relative
 }
 #header .site-content .right-side #top-nav .locations-submenu.active {
     display: block
 }
 #header .site-content .right-side #top-nav .locations-submenu .art-set {
     float: left;
     margin-right: 95px
 }
 #header .site-content .right-side #top-nav .locations-submenu .art-set:nth-child(2) article.widget_nav_menu {
     margin-bottom: 15px
 }
 #header .site-content .right-side #top-nav .locations-submenu .art-set:last-of-type {
     margin-right: 0
 }
 #header .site-content .right-side #top-nav .locations-submenu article {
     clear: both;
     margin: 0;
     font-size: inherit
 }
 #header .site-content .right-side #top-nav .locations-submenu article.widget_nav_menu {
     clear: none;
     float: left;
     margin-right: 20px
 }
 .blog .blog-page-content .site-main article:nth-child(3n+1),
 .clearfix:after,
 .page-template-template-testimonials .blog-page-content .site-main article:nth-child(3n+1) {
     clear: both
 }
 #header .site-content .right-side #top-nav .locations-submenu article:last-of-type {
     margin-right: 0
 }
 #header .site-content .right-side #top-nav .locations-submenu article .widgettitle {
     margin: 0 0 15px;
     font-weight: 400;
     color: #30b2ca
 }
 #header .site-content .right-side #top-nav .locations-submenu article .menu {
     padding: 0;
     margin-top: 0
 }
 #header .site-content .right-side #top-nav .locations-submenu article .menu li {
     margin-bottom: 10px
 }
 #header .site-content .right-side #top-nav .locations-submenu article .menu li:last-of-type,
 .main-banner,
 .rel-parent .wpb_content_element,
 .rel-parent .wpb_text_column {
     margin-bottom: 0
 }
 header.entry-header {
     display: none
 }
.main-banner {
    border-top: 1px solid #afb9be;
    padding: 140px 0 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
 .main-banner p {
     margin-top: 0
 }
 .rel-parent {
     overflow: hidden
 }
 .rel-parent .site-content {
     text-align: center
 }
 .rel-parent .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 130px;
     font-weight: 400;
     line-height: 1.2;
     color: #fff;
     margin: 0 0 -10px
 }
 .rel-parent .site-content h2 {
     font-family: karlsen_roundmedium;
     font-size: 38px;
     font-weight: 400;
     line-height: 38px;
     letter-spacing: 1px;
     color: #fff;
     margin-top: 0;
     margin-bottom: 40px
 }
 .rel-parent .site-content .center-box {
     text-align: center;
     margin-bottom: 25px
 }
 .rel-parent .site-content .center-box a {
     text-transform: uppercase;
     font-family: karlabold;
     font-size: 24px;
     line-height: 24px;
     letter-spacing: 4px;
     color: #fff;
     background: #98d1dd;
     padding: 20px 36px 20px 40px;
     display: inline-block
 }
 .rel-parent .site-content .center-box a:hover {
     background: #fad771
 }
 .rel-parent .site-content .counter {
     font-family: karlsen_roundmedium;
     display: none;
     color: #fff
 }
 .rel-parent .site-content .counter.active {
     display: block
 }
 .rel-parent .site-content .counter p:first-child {
     font-size: 54px;
     margin: 0;
     letter-spacing: 10px;
     line-height: 75px
 }
 .rel-parent .site-content .counter p:last-child {
     font-size: 19px;
     line-height: 19px;
     letter-spacing: 1px
 }
 .rel-parent .site-content .counter .to-animate {
     transition: all .5s ease-in-out;
     transform: translateY(-160px);
     opacity: 0;
     display: inline-block
 }
 .rel-parent .site-content .counter .to-animate.animated {
     opacity: 1;
     transform: translateY(0)
 }

 .programs {
     padding-top: 100px
 }

 .programs .site-content {
     width: 1380px !important
 }

 .programs .site-content .vc_row-fluid .vc_col-sm-3 {
     max-width: 280px !important;
     margin-left: 86px
 }

 .programs .site-content .home h1 {
     font-family: supernett_cnregular;
     font-size: 130px;
     font-weight: 400;
     line-height: 1;
     color: #646569;
     margin-top: 0;
     margin-bottom: 35px;
     text-align: center
 }

 .programs .site-content h3 {
     text-align: center;
     margin: 45px 0 30px
 }

 .programs .site-content h3 a {
     font-family: karlsen_roundmedium;
     font-size: 36px;
     line-height: 36px;
     font-weight: 400;
     color: #646569;
     margin: 0 auto;
     text-transform: none !important;
     background: 0 0 !important;
     padding: 0 !important
 }

 .programs .site-content h3 + p {
     min-height: 155px;
     max-width: 280px
 }

 .programs .site-content p {
     font-family: karlaregular;
     font-size: 22px;
     color: #646569;
     text-align: center;
     margin: 0 auto;
     max-height: 180px
 }

 .programs .site-content p img {
     width: 174px;
     height: auto
 }

 .programs .site-content a {
     font-family: karlaregular;
     font-size: 20px;
     line-height: 20px;
     color: #fff;
     text-transform: uppercase;
     display: inline-block;
     padding: 15px 45px;
     margin-bottom: 125px
 }

 .programs .site-content .first-col h3 a:hover {
     color: #dd4f5e
 }

 .programs .site-content .first-col p:first-child a {
     background: 0 0;
     opacity: .8
 }

 .programs .site-content .first-col p:first-child a:hover {
     opacity: 1
 }

 .programs .site-content .first-col a {
     background: #f09596
 }

 .programs .site-content .first-col a:hover {
     background: #dd4f5e
 }

 .programs .site-content .second-col h3 a:hover {
     color: #f9b942
 }

 .programs .site-content .second-col p:first-child a {
     background: 0 0;
     opacity: .8
 }

 .programs .site-content .second-col p:first-child a:hover {
     opacity: 1
 }

 .programs .site-content .second-col a {
     background: #ffd18a
 }

 .programs .site-content .second-col a:hover {
     background: #f9b942
 }
 .programs .site-content .second-col .yellow-dec {
    width: 62px;
    height: 102px;
    position: absolute;
    top: 62px;
    left: 48%;
    margin-left: -140px;
    background: url("/wp-content/uploads/2020/09/act-red-map-copy.png");
    background-position: -85px -130px;
}

 .programs .site-content .fourth-col,
 .programs .site-content .third-col {
     position: relative
 }

 .programs .site-content .third-col h3 a:hover {
     color: #4cc4ae
 }

 .programs .site-content .third-col p:first-child a {
     background: 0 0;
     opacity: .8
 }

 .programs .site-content .third-col p:first-child a:hover {
     opacity: 1
 }

 .programs .site-content .third-col a {
     background: #97d9ca
 }

 .programs .site-content .third-col a:hover {
     background: #4cc4ae
 }

 .programs .site-content .fourth-col h3 a:hover {
     color: #6dc0d3
 }

 .programs .site-content .fourth-col p:first-child a {
     background: 0 0;
     opacity: .8
 }

 .programs .site-content .fourth-col p:first-child a:hover {
     opacity: 1
 }

 .programs .site-content .fourth-col a {
     background: #a7d8e3
 }

 .programs .site-content .fourth-col a:hover {
     background: #6dc0d3
 }

 .programs .site-content .fourth-col .blue-dec {
     width: 70px;
     height: 100px;
     position: absolute;
     top: -20px;
     left: 50%;
     margin-left: -140px;
     background: url("/wp-content/uploads/2020/09/act-red-map-copy.png");
     background-position: -0px -128px;
 }

 .programs .site-content .site-content .vc_row.wpb_row.vc_inner.vc_row-fluid:nth-child(2) {
     margin-top: 20px;
     min-height: 700px
 }

 .image-group {
     overflow: hidden;
     background: #f3f3f3
 }

 .image-group .vc_row-fluid {
     width: 80%;
     margin: 0 auto
 }

 .image-group .full-image.hover .front {
     transform: rotateY(180deg)
 }

 .image-group .full-image.hover .back {
     transform: rotateY(0)
 }

 .image-group .full-image .wpb_wrapper {
     transition: .6s;
     transform-style: preserve-3d;
     position: relative
 }

 .image-group .full-image .back,
 .image-group .full-image .front {
     position: absolute;
     transition: .4s;
     right: 0;
     bottom: 0;
     left: 0;
     top: 0
 }

 .image-group .full-image .wpb_wrapper img.decoration {
     min-height: 0
 }

 .image-group .full-image .back,
 .image-group .full-image .front {
     backface-visibility: hidden
 }

 .image-group .full-image .front {
     z-index: 2;
     overflow: hidden;
     transform: rotateY(0)
 }

 .image-group .full-image .back {
     transform: rotateY(-180deg);
     background: #000;
     text-align: center;
     color: #fff;
     padding: 0 30px;
     line-height: 340px
 }

 .image-group .full-image .back .wpb_wrapper {
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     line-height: 1.2;
     height: auto
 }

 .image-group p {
     margin: 0;
     font-size: 20px
 }

 .image-group p img {
     vertical-align: middle;
     width: 100%
 }

 .image-group h3 {
     font-size: 24px
 }

 .image-group .vc_col-sm-6 {
     width: 50% !important;
     margin: 0 !important
 }

 .image-group .full-image {
     perspective: 1000;
     position: relative
 }

 .image-group .full-image .decoration {
     width: 86px;
     height: 90px;
     position: absolute;
     right: 10px;
     bottom: 30px
 }

 .image-group .vc_row:first-child .full-image:first-child .back {
     background: #dd4f5e
 }

 .image-group .vc_row:first-child .full-image:last-child .back {
     background: #f9b942
 }

 .image-group .vc_row:last-child .full-image:first-child .back {
     background: #4cc4ae
 }

 .image-group .vc_row:last-child .full-image:last-child .back {
     background: #6dc0d3
 }

 .choose-swim-center {
     background: url("/wp-content/uploads/2020/10/new-home-aqua-banner.jpg") center bottom/cover no-repeat;
     text-align: center
 }

 .choose-swim-center .vc_row-fluid .vc_col-sm-4 {
     width: 26% !important;
     display: inline-block;
     float: none
 }

 .choose-swim-center .swim-centre-box {
     margin: 50px 60px 30px
 }

 .choose-swim-center .swim-centre-box:hover h2 a {
     color: #00607f
 }

 .choose-swim-center .last-row {
     margin-bottom: 130px;
     margin-top: 0
 }

 .choose-swim-center .last-col {
     margin-right: 0
 }

 .choose-swim-center p:first-child {
     margin: 0
 }

 .choose-swim-center .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 110px;
     font-weight: 400;
     line-height: .8;
     margin-top: 85px
 }

 .choose-swim-center .site-content h1 a {
     color: #fff;
     display: block
 }

 .choose-swim-center .site-content h1 a:hover {
     color: #646569
 }

 .choose-swim-center .site-content h2 {
     font-family: karlsen_roundsemi_bold;
     font-size: 24px;
     font-weight: 400;
     line-height: 24px;
     color: #fff;
     margin-top: 12px
 }

 .choose-swim-center .site-content h2 a {
     color: #fff
 }

 .choose-swim-center .site-content h2 a:hover {
     color: #00607f
 }

 .choose-swim-center .site-content img {
     width: 192px;
     height: auto
 }

 #home-map-section .site-content .left-row,
 #home-map-section .site-content .main-map,
 #home-map-section .site-content .right-row {
     float: left
 }

 #home-map-section .site-content .first-row {
     margin-bottom: 60px
 }

 #home-map-section .site-content .first-row h1 {
     position: relative;
     width: 100%
 }

 #home-map-section .site-content .first-row h1:after {
     content: "";
     position: absolute;
     right: 340px;
     bottom: 20px;
     background: url(../../images/bubbles.png) no-repeat;
     width: 100px;
     height: 104px
 }

 #home-map-section .site-content .first-row h2 .blue {
     color: #3bb0c9 !important
 }

 #home-map-section .site-content .main-map {
     position: relative;
     margin-top: 50px;
     margin-bottom: 130px
 }

 #home-map-section .site-content .main-map .map-top {
     position: relative;
     z-index: 20;
     width: 100%
 }

 #home-map-section .site-content .main-map .map-top img {
     opacity: 0;
     width: 100%
 }

 #home-map-section .site-content .main-map .map-hover {
     position: absolute;
     z-index: 15;
     left: 0;
     top: 0;
     width: 100%
 }

 #home-map-section .site-content .main-map .map-hover img {
     width: 100%
 }

 #home-map-section .site-content .main-map .gray-map {
     vertical-align: middle;
     cursor: pointer
 }

 #home-map-section .site-content .main-map .nsw {
     position: absolute;
     right: 3px;
     bottom: 92px;
     width: 202px;
     height: 147px;
     background: url(../../images/new-south-wales-yellow-map.png) no-repeat;
     display: none
 }

 #home-map-section .site-content .main-map .nsw.active {
     display: block
 }

 #home-map-section .site-content .main-map .queensland {
     position: absolute;
     right: -6px;
     bottom: 218px;
     width: 210px;
     height: 300px;
     background: url(../../images/queensland-green.png) no-repeat;
     display: none
 }

 #home-map-section .site-content .main-map .queensland.active {
     display: block
 }

 #home-map-section .site-content .main-map .act {
     position: absolute;
     right: 67px;
     bottom: 116px;
     width: 19px;
     height: 28px;
     background: url(../../images/act-red-map.png) no-repeat;
     display: none
 }

 #home-map-section .site-content .main-map .act.active {
     display: block
 }

 #home-map-section .site-content .main-map .vic {
     position: absolute;
     right: 61px;
     bottom: 59px;
     width: 142px;
     height: 90px;
     background: url(../../images/victoria-blue.png) no-repeat;
     display: none
 }

 #home-map-section .site-content .main-map .vic.active {
     display: block
 }

 #home-map-section .site-content .main-map .number {
     display: block;
     cursor: pointer;
     color: #fff;
     font-family: karlaregular;
     font-size: 24px;
     line-height: 46px;
     position: absolute;
     z-index: 5
 }

 #home-map-section .site-content .main-map .number .bubble-details {
     display: block;
     width: 44px;
     height: 52px;
     text-align: center
 }

#home-map-section .site-content .main-map .blue-bubble {
     right: 115px;
     bottom: 100px
 }
#home-map-section .site-content .main-map .blue-bubble .bubble-details {
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) no-repeat;
    background-position: -193px -61px;
}
#home-map-section .site-content .main-map .red-bubble {
     right: 55px;
     bottom: 135px
 }
#home-map-section .site-content .main-map .red-bubble .bubble-details {
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) no-repeat;
    background-position: 0px -60px;
}
#home-map-section .site-content .main-map .yellow-bubble {
     right: 5px;
     bottom: 188px
 }

#home-map-section .site-content .main-map .yellow-bubble .bubble-details {
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) no-repeat;
    background-position: -66px -60px;
}

 #home-map-section .site-content .main-map .green-bubble {
     right: 5px;
     bottom: 265px
 }

#home-map-section .site-content .main-map .green-bubble .bubble-details {
    background: url("/wp-content/uploads/2020/09/act-red-map-copy.png") no-repeat;
    background-position: -129px -62px;
}

 #home-map-section,
 #our-centres,
 .locations-map {
     position: relative
 }

 #home-map-section .site-content,
 #our-centres .site-content,
 .locations-map .site-content {
     width: 1365px !important
 }

 #home-map-section .site-content .first-row,
 #our-centres .site-content .first-row,
 .locations-map .site-content .first-row {
     text-align: center;
     position: relative
 }

 #home-map-section .site-content .first-row img,
 #our-centres .site-content .first-row img,
 .locations-map .site-content .first-row img {
     width: 80px;
     height: auto;
     position: absolute;
     top: 95px;
     margin-left: 300px;
     left: 50%
 }

 #home-map-section .site-content h1,
 #our-centres .site-content h1,
 .locations-map .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 130px;
     font-weight: 400;
     line-height: 1;
     color: #646569;
     margin-top: 60px;
     margin-bottom: 0
 }

 #home-map-section .site-content h2,
 #our-centres .site-content h2,
 .locations-map .site-content h2 {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     font-weight: 400;
     line-height: 26px;
     letter-spacing: 1.5px;
     color: #646569;
     margin: 0
 }

 #home-map-section .site-content .centres-map,
 #our-centres .site-content .centres-map,
 .locations-map .site-content .centres-map {
     overflow: hidden;
     margin-top: 15px;
     margin-left: 1%;
     width: 42% !important;
     text-align: center
 }

 #home-map-section .site-content .centres-map img,
 #our-centres .site-content .centres-map img,
 .locations-map .site-content .centres-map img {
     max-width: 573px;
     height: auto;
     vertical-align: top;
     text-align: center
 }

 #home-map-section .site-content .right-row,
 #our-centres .site-content .right-row,
 .locations-map .site-content .right-row {
     width: 26% !important;
     margin-top: 115px;
     margin-left: 3.2% !important
 }

 #home-map-section .site-content .left-row,
 #our-centres .site-content .left-row,
 .locations-map .site-content .left-row {
     width: 27% !important;
     margin-right: 1%;
     margin-top: 115px
 }

 #home-map-section .site-content .left-row .location-details,
 #our-centres .site-content .left-row .location-details,
 .locations-map .site-content .left-row .location-details {
     padding-right: 10px;
     display: none
 }

 #home-map-section .site-content .left-row .location-details.active,
 #our-centres .site-content .left-row .location-details.active,
 .locations-map .site-content .left-row .location-details.active {
     display: block
 }

 #home-map-section .site-content .left-row h3, #our-centres .site-content .left-row h3, .locations-map .site-content .left-row h3 {
    font-family: karlsen_roundmedium;
    font-size: 28px;
    font-weight: 400;
    background: url("/wp-content/uploads/2020/09/act-red-map-copy.png") no-repeat;
    padding-bottom: 30px;
    line-height: 28px;
    color: #646569;
    margin-top: 0;
    margin-bottom: 30px !important;
    background-position: -417px 20px;
}

 #home-map-section .site-content .left-row h3 a,
 #our-centres .site-content .left-row h3 a,
 .locations-map .site-content .left-row h3 a {
     color: #646569
 }

 #home-map-section .site-content .left-row h3 a:hover,
 #our-centres .site-content .left-row h3 a:hover,
 .locations-map .site-content .left-row h3 a:hover {
     text-decoration: underline
 }

 #home-map-section .site-content .left-row p,
 #our-centres .site-content .left-row p,
 .locations-map .site-content .left-row p {
     font-family: karlaregular;
     font-size: 20px;
     font-weight: 400;
     line-height: 20px;
     color: #646569;
     margin: 0
 }

 #home-map-section .site-content .left-row p.find-manual,
 #our-centres .site-content .left-row p.find-manual,
 .locations-map .site-content .left-row p.find-manual {
     white-space: nowrap
 }

 #home-map-section .site-content .left-row .address-location,
 #our-centres .site-content .left-row .address-location,
 .locations-map .site-content .left-row .address-location {
     background: url(../../images/blue-bubble-location-decoration.png) left top no-repeat;
     margin-left: 0 !important;
     padding-left: 45px
 }

 #home-map-section .site-content .left-row .city-location,
 #our-centres .site-content .left-row .city-location,
 .locations-map .site-content .left-row .city-location {
     margin-left: 45px !important
 }

 #home-map-section .site-content .left-row p:nth-child(2),
 #home-map-section .site-content .left-row p:nth-child(4),
 #our-centres .site-content .left-row p:nth-child(2),
 #our-centres .site-content .left-row p:nth-child(4),
 .locations-map .site-content .left-row p:nth-child(2),
 .locations-map .site-content .left-row p:nth-child(4) {
     margin-bottom: 45px
 }

 #home-map-section .site-content .left-row p.call-us-line,
 #our-centres .site-content .left-row p.call-us-line,
 .locations-map .site-content .left-row p.call-us-line {
     margin-bottom: 5px
 }

 #home-map-section .site-content .left-row p.spaced-bottom,
 #our-centres .site-content .left-row p.spaced-bottom,
 .locations-map .site-content .left-row p.spaced-bottom {
     margin-bottom: 30px
 }

 #home-map-section .site-content .left-row p:nth-child(3),
 #home-map-section .site-content .left-row p:nth-child(4),
 #our-centres .site-content .left-row p:nth-child(3),
 #our-centres .site-content .left-row p:nth-child(4),
 .locations-map .site-content .left-row p:nth-child(3),
 .locations-map .site-content .left-row p:nth-child(4) {
     font-family: karlabold;
     margin-left: 50px
 }

 #home-map-section .site-content .left-row p:nth-child(5) a,
 #our-centres .site-content .left-row p:nth-child(5) a,
 .locations-map .site-content .left-row p:nth-child(5) a {
     font-family: karlabold;
     color: #646569
 }

 #home-map-section .site-content .left-row p:nth-child(5) a:active,
 #home-map-section .site-content .left-row p:nth-child(5) a:hover,
 #our-centres .site-content .left-row p:nth-child(5) a:active,
 #our-centres .site-content .left-row p:nth-child(5) a:hover,
 .locations-map .site-content .left-row p:nth-child(5) a:active,
 .locations-map .site-content .left-row p:nth-child(5) a:hover {
     color: #3bb0c9
 }

 #home-map-section .site-content .left-row button,
 #home-map-section .site-content .left-row p:last-child a,
 #our-centres .site-content .left-row button,
 #our-centres .site-content .left-row p:last-child a,
 .locations-map .site-content .left-row button,
 .locations-map .site-content .left-row p:last-child a {
     text-transform: uppercase;
     letter-spacing: 1px;
     background: #32b1ca;
     padding: 14px 20px;
     color: #fff;
     display: inline-block;
     cursor: pointer;
     border: 0;
     margin-bottom: 3px
 }

 #home-map-section .site-content .left-row button:hover,
 #home-map-section .site-content .left-row p:last-child a:hover,
 #our-centres .site-content .left-row button:hover,
 #our-centres .site-content .left-row p:last-child a:hover,
 .locations-map .site-content .left-row button:hover,
 .locations-map .site-content .left-row p:last-child a:hover {
     background: #FAD771
 }

 #home-map-section .site-content .left-row button,
 #our-centres .site-content .left-row button,
 .locations-map .site-content .left-row button {
     padding: 10px;
     font-family: karlaregular;
     vertical-align: top;
     height: 44px;
     box-sizing: border-box;
     font-size: 14px;
     letter-spacing: normal
 }

 #home-map-section .site-content .left-row input[type=text],
 #our-centres .site-content .left-row input[type=text],
 .locations-map .site-content .left-row input[type=text] {
     border: 0;
     height: 44px;
     box-sizing: border-box;
     width: 70px;
     font-family: karlaregular;
     font-size: 20px;
     margin-right: 5px;
     background: #deeff4;
     color: #646569;
     padding: 10px 0;
     vertical-align: top;
     text-align: center
 }

 #home-map-section .site-content .right-row .state-set,
 #our-centres .site-content .right-row .state-set,
 .locations-map .site-content .right-row .state-set {
     display: none
 }

 #home-map-section .site-content .right-row .state-set.active,
 #our-centres .site-content .right-row .state-set.active,
 .locations-map .site-content .right-row .state-set.active {
     display: block
 }
#home-map-section .site-content .right-row h3, #our-centres .site-content .right-row h3, .locations-map .site-content .right-row h3 {
    font-family: karlsen_roundmedium;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    color: #646569;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 35px;
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) left bottom no-repeat;
    background-position: -411px 16px;
}

 #home-map-section .site-content .right-row ul,
 #our-centres .site-content .right-row ul,
 .locations-map .site-content .right-row ul {
     list-style-type: none;
     padding: 0;
     font-family: karlaregular;
     font-size: 20px;
     width: 160px;
     float: left;
     margin-right: 32px
 }

 #home-map-section .site-content .right-row ul:nth-child(2n),
 #our-centres .site-content .right-row ul:nth-child(2n),
 .locations-map .site-content .right-row ul:nth-child(2n) {
     margin-right: 0
 }

 #home-map-section .site-content .right-row ul li,
 #our-centres .site-content .right-row ul li,
 .locations-map .site-content .right-row ul li {
     margin-bottom: 16px
 }

 #home-map-section .site-content .right-row ul li a,
 #our-centres .site-content .right-row ul li a,
 .locations-map .site-content .right-row ul li a {
     color: #646569
 }

 #home-map-section .site-content .right-row ul li a:hover,
 #our-centres .site-content .right-row ul li a:hover,
 .locations-map .site-content .right-row ul li a:hover {
     color: #3bb0c9
 }

 .locations-interactive-map-section {
     background: #fff
 }

 .locations-map {
     text-align: center
 }

 .locations-map .site-content {
     width: 100% !important
 }

 #news-section {
     background: url(../../images/green-banner.jpg) no-repeat;
     background-size: cover;
     background-position: 50% 50%;
 }

 #news-section .site-content {
     width: 1400px !important
 }

 #news-section .site-content .news {
     float: left;
     width: 1050px
 }

 #news-section .site-content a {
     color: #646569;
     display: block
 }

 #news-section .site-content img {
     width: 100%
 }

 #news-section .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 110px;
     font-weight: 400;
     line-height: 1;
     color: #fff;
     margin-top: 50px;
     margin-bottom: 25px
 }

 #news-section .site-content article {
     background: #fff;
     width: 320px;
     float: left;
     margin-right: 30px;
     margin-bottom: 45px;
     text-align: center;
     color: #646569;
     padding-bottom: 20px;
     overflow: hidden
 }

 #news-section .site-content article h2 {
     font-family: karlsen_roundsemi_bold;
     font-size: 24px;
     font-weight: 400;
     letter-spacing: normal;
     line-height: 24px;
     margin: 20px 20px 25px
 }

 #news-section .site-content article p {
     font-family: karlaregular;
     font-size: 17px;
     font-weight: 400;
     margin: 20px 25px
 }

 #news-section .site-content .announcements {
     width: 325px;
     background: #6dccb7;
     color: #fff;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0
 }

 #news-section .site-content .announcements h1 {
     font-family: supernett_cnregular;
     font-size: 46px;
     font-weight: 400;
     line-height: 1;
     letter-spacing: 1px;
     margin-top: 80px;
     margin-bottom: 30px;
     text-align: center
 }

 #news-section .site-content .announcements span {
     display: block;
     font-family: karlsen_roundsemi_bold;
     font-weight: 400;
     font-size: 20px;
     margin-left: 40px
 }

 #news-section .site-content .announcements span:nth-child(2n+3) {
     font-family: karlaregular;
     font-weight: 400;
     padding-left: 30px;
     margin-bottom: 30px
 }

 .entry-content #text-area {
     background: #f0efee;
     padding: 60px 0
 }

 .entry-content #text-area .left-side {
     background: #fff;
     padding: 45px;
     float: left;
     width: 60%;
     color: #646569;
     border: 1px solid #bcbcbc;
     font-family: karlaregular
 }

 .entry-content #text-area .left-side h3 {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     font-weight: 400;
     letter-spacing: 1px;
     line-height: 1;
     margin-bottom: 30px;
     margin-top: 0
 }

 .entry-content #text-area .left-side p {
     font-size: 20px
 }

 .entry-content #text-area .left-side ul {
     padding-left: 25px;
     margin: 20px 0;
     list-style-type: none
 }

 .entry-content #text-area .left-side ul li {
     font-family: karlaregular;
     font-size: 20px;
     font-weight: 400;
     line-height: 22px;
     margin-bottom: 25px;
     padding-left: 25px;
     vertical-align: middle;
     background: url(../../images/grey-list-dot.png) left center no-repeat
 }

 .entry-content #text-area .left-side ul li:last-child {
     margin-bottom: 55px
 }

 .entry-content #text-area .right-side {
     width: 35%;
     margin-left: 5%
 }

 .entry-content #text-area .right-side .sidebar {
     float: right
 }

 .entry-content #text-area .right-side.adult-sidebar .sidebar {
     background: #dd4f5e !important
 }

 .entry-content #text-area .right-side.adult-sidebar .sidebar a.enquiry:hover {
     color: #fbbebf;
     border: 1px solid #fbbebf
 }

 .entry-content #text-area .right-side.adult-sidebar .sidebar ul li a:hover {
     color: #fbbebf
 }

 .entry-content #text-area .right-side.adult-sidebar .sidebar ul li a .nav-arrow:hover {
     background: url(../../images/light-pink-nav-arrow.png) no-repeat
 }

 .entry-content #text-area .right-side.hydro-sidebar .sidebar {
     background: #008773 !important
 }

 .entry-content #text-area .right-side.hydro-sidebar .sidebar a.enquiry:hover {
     color: #90d6cb;
     border: 1px solid #90d6cb
 }

 .entry-content #text-area .right-side.hydro-sidebar .sidebar ul li a:hover {
     color: #90d6cb
 }

 .entry-content #text-area .right-side.hydro-sidebar .sidebar ul li a .nav-arrow:hover {
     background: url(../../images/light-green-nav-arrow.png) no-repeat
 }

 .entry-content #text-area .right-side.aqua-sidebar .sidebar {
     background: #00607f !important
 }

 .entry-content #text-area .right-side.aqua-sidebar .sidebar a.enquiry:hover {
     color: #bfe1eb;
     border: 1px solid #bfe1eb
 }

 .entry-content #text-area .right-side.aqua-sidebar .sidebar ul li a:hover {
     color: #bfe1eb
 }

 .entry-content #text-area .right-side.aqua-sidebar .sidebar ul li a .nav-arrow:hover {
     background: url(../../images/light-blue-nav-arrow.png) no-repeat
 }

 .entry-content #independent {
     background: url(../../images/background-yellow.svg) no-repeat;
     background-size: cover
 }

 .entry-content #independent .left-side {
     height: 724px;
     width: 52%;
     color: #fff
 }

 .entry-content #independent .left-side .text-box {
     width: 655px
 }

 .entry-content #independent .left-side .text-box a {
     color: #f7a700 !important
 }

 .entry-content #independent .left-side .text-box a:hover {
     background: #fee9be !important
 }

 .entry-content #independent .members-swim .left-side .text-box p {
     margin-bottom: 20px
 }

 .entry-content #text-area .members-swim .right-side .sidebar {
     background: #f6a704 !important
 }

 .entry-content #text-area .members-swim .right-side .sidebar a.enquiry:hover,
 .entry-content #text-area .members-swim .right-side .sidebar ul li a:hover {
     color: #ffe9be
 }

 .entry-content #text-area .members-swim .right-side .sidebar a.enquiry:hover {
     border: 1px solid #ffe9be
 }

 .entry-content #text-area .members-swim .right-side .sidebar ul li .nav-arrow:hover {
     background: url(../../images/light-yellow-nav-arrow.png) center no-repeat
 }

 .entry-content #common-questions.graduate-swim-program.fast-track {
     background: #016f93
 }

 .entry-content #common-questions.graduate-swim-program.fast-track .site-content .right-side {
     background: #3db0c7
 }

 .entry-content #parent-child .fast-track .left-side h1 img {
     margin-left: 50px
 }

 .entry-content #parent-child .fast-track .left-side .text-box p:last-child img {
     top: -85px
 }

 .entry-content #parent-child.competent-program {
     background: url(../../images/background-green.svg) no-repeat;
     background-size: cover
 }

 .entry-content #parent-child.competent-program .left-side .text-box a {
     color: #1a7465;
     background: #fff
 }

 .entry-content #parent-child.competent-program .left-side .text-box a:hover {
     background: #a9ded6
 }

 .entry-content #parent-child.graduate-swim-program {
     background: url(../../images/background-blue.svg) no-repeat;
     background-size: cover
 }

 .entry-content #parent-child.graduate-swim-program .left-side .text-box a {
     color: #0e8199;
     background: #fff
 }

 .entry-content #parent-child.graduate-swim-program .left-side .text-box a:hover {
     background: #bfe1eb
 }

 .entry-content #parent-child {
     background: url(../../images/background-red.svg) no-repeat;
     background-size: cover
 }

 .entry-content #parent-child .left-side {
     height: 724px;
     width: 52%;
     color: #fff
 }

 .entry-content .parent-child-program .text-box p:last-child img {
     top: -75px !important;
     right: -145px
 }

 .entry-content #independent .left-side .text-box ul strong,
 .entry-content .competent-program .left-side .text-box ul strong,
 .entry-content .graduate-swim-program .left-side .text-box ul strong,
 .entry-content .parent-child-program .left-side .text-box ul strong {
     font-family: karlsen_roundbold;
     font-size: 21px
 }

 .entry-content #independent,
 .entry-content #parent-child {
     height: 724px;
     width: 100%;
     overflow: hidden
 }

 .entry-content #independent p,
 .entry-content #parent-child p {
     margin: 0
 }

 .entry-content #independent .left-side .text-box,
 .entry-content #parent-child .left-side .text-box {
     width: 655px;
     float: right;
     position: relative;
     margin-right: 45px
 }

 .entry-content #independent .left-side .text-box h1,
 .entry-content #parent-child .left-side .text-box h1 {
     font-family: supernett_cnregular;
     font-size: 68px;
     font-weight: 400;
     line-height: 1;
     margin: 70px 0 20px
 }

 .entry-content #independent .left-side .text-box p,
 .entry-content #independent .left-side .text-box ul,
 .entry-content #parent-child .left-side .text-box p,
 .entry-content #parent-child .left-side .text-box ul {
     max-width: 520px
 }

 .entry-content #independent .left-side .text-box ul,
 .entry-content #parent-child .left-side .text-box ul {
     padding-left: 25px;
     margin: 20px 0;
     list-style-type: none
 }

 .entry-content #independent .left-side .text-box li,
 .entry-content #independent .left-side .text-box p,
 .entry-content #parent-child .left-side .text-box li,
 .entry-content #parent-child .left-side .text-box p {
     font-family: karlaregular;
     font-size: 20px;
     font-weight: 400;
     line-height: 22px;
     margin-bottom: 20px
 }

 .entry-content #independent .left-side .text-box li,
 .entry-content #parent-child .left-side .text-box li {
     padding-left: 25px;
     vertical-align: middle;
     background: url(../../images/list-dot.png) left center no-repeat
 }

 .entry-content #independent .left-side .text-box a,
 .entry-content #parent-child .left-side .text-box a {
     display: inline-block;
     text-transform: uppercase;
     font-family: karlaregular;
     font-size: 21px;
     font-weight: 400;
     line-height: 15px;
     letter-spacing: 1.5px;
     color: #cb043c;
     background: #fff;
     padding: 15px 32px;
     margin-top: 20px
 }

 .entry-content #independent .left-side .text-box a:hover,
 .entry-content #parent-child .left-side .text-box a:hover {
     background: #f3a2b8
 }

 .entry-content #independent .left-side .text-box p:last-child,
 .entry-content #parent-child .left-side .text-box p:last-child {
     position: relative
 }

 .entry-content #independent .left-side .text-box p:last-child img,
 .entry-content #parent-child .left-side .text-box p:last-child img {
     width: 88px;
     height: auto;
     position: absolute;
     top: -50px;
     right: -145px
 }

 .entry-content #independent .right-side,
 .entry-content #parent-child .right-side {
     width: 48%;
     margin: 0
 }

 .entry-content #independent .right-side .bkg-img,
 .entry-content #parent-child .right-side .bkg-img {
     height: 724px;
     width: auto
 }

 #tabs-section.independent-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
     background: #ffe9be;
     border: 1px solid #bcbcbc
 }

 #tabs-section.independent-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab a {
     color: #f8a700
 }

 #tabs-section.competent-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
     background: #a9ded6;
     border: 1px solid #bcbcbc
 }

 #tabs-section.competent-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab a {
     color: #017462
 }

 #tabs-section.graduate-swim-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
     background: #abd9e4;
     border: 1px solid #bcbcbc
 }

 #tabs-section.graduate-swim-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab a {
     color: #0e8199
 }

 #tabs-section {
     height: auto;
     width: 100%;
     background: #f0efed;
     padding: 60px 0
 }

 #tabs-section .site-content {
     max-width: 1365px !important
 }

 #tabs-section .site-content .tab {
     font-family: karlaregular;
     font-size: 20px
 }

 #tabs-section .site-content .tab ul.vc_tta-tabs-list {
     padding: 0;
     margin: 0
 }

 #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
     position: relative;
     display: inline-block;
     background: #f9bfbe;
     border: 1px solid #bcbcbc;
     border-bottom: none;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     padding: 22px 5px 16px;
     text-align: center;
     min-width: 180px
 }

 #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab.vc_active {
     position: relative;
     background: #fff
 }

 #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab.vc_active:before {
     content: "";
     position: absolute;
     right: -15px;
     bottom: 0;
     background: url(../../images/active-tab-shadow.png) no-repeat;
     height: 51px;
     width: 15px;
     z-index: 10
 }

 #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab.vc_active:after {
     content: "";
     position: absolute;
     right: 0;
     left: 0;
     bottom: -2px;
     background: #fff;
     height: 4px
 }

 #common-questions .site-content .left-side .accordion-answer p a,
 #common-questions .site-content .left-side .accordion-answer p a img,
 #common-questions .site-content .left-side .accordion-question p a,
 #common-questions .site-content .left-side .accordion-question p a img {
     float: right;
     position: relative
 }

 #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab a {
     font-family: karlsen_roundmedium;
     font-size: 22px;
     line-height: 20px;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     color: #dd4f5e;
     display: block
 }

 #tabs-section .site-content .tab .vc_tta-panels-container {
     background: #fff;
     border: 1px solid #bcbcbc;
     max-width: 885px;
     padding: 45px 45px 90px;
     color: #646569
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .vc_tta-panel,
 #tabs-section .site-content .tab .vc_tta-panels-container .vc_tta-panel-heading {
     display: none
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .vc_active {
     display: inline-block
 }

 #tabs-section .site-content .tab .vc_tta-panels-container h3 {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     font-weight: 400;
     line-height: 26px;
     letter-spacing: 1px;
     margin: 20px 0
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .top-box {
     margin-bottom: 50px
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .top-box p {
     max-width: 175px;
     text-align: center;
     font-size: 20px;
     display: inline-block;
     margin: 0 55px 0 0;
     padding-top: 100px;
     vertical-align: top;
     background: url(../../images/one-blue-bubble-deco.png) top center no-repeat
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .top-box p:nth-child(2) {
     background-image: url(../../images/one-blue-bubble-deco.png);
     background-size: auto 40px;
     background-position: 50% 25%
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .top-box p:nth-child(3) {
     background-image: url(../../images/decoration-7.png);
     background-size: auto 50px;
     background-position: 50% 15%;
     padding-top: 100px
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .top-box p:nth-child(4) {
     background-image: url(../../images/five-bubbles-deco.png)
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .top-box p:nth-child(5) {
     background-size: auto 60px
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .bottom-box h3 {
     margin-bottom: 20px
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .bottom-box ol {
     font-family: karlaregular;
     font-size: 20px;
     font-weight: 400;
     line-height: 20px;
     padding-left: 0;
     margin: 0;
     list-style-type: none
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .bottom-box ol li {
     color: #646569;
     margin-bottom: 25px;
     counter-increment: list
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .bottom-box ol li:before {
     font-weight: 700;
     content: counter(list) ".";
     color: #007488;
     margin-right: 10px
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .bottom-box ol li:first-child:before {
     margin-right: 12px;
     margin-left: 3px
 }

 #tabs-section .site-content .tab .vc_tta-panels-container .bottom-box p {
     font-size: 20px
 }

 #common-questions.independent-program {
     background: #fdcb6a
 }

 #common-questions.independent-program .site-content .right-side {
     background: #f8a700;
     margin-left: 50px;
     margin-top: 60px;
     max-width: 345px;
     color: #fff
 }

 #common-questions.independent-program .site-content .right-side .sidebar ul li a:hover {
     color: #ffe9be
 }

 #common-questions.independent-program .site-content .right-side .sidebar ul li .nav-arrow:hover {
     background: url(../../images/light-yellow-nav-arrow.png) no-repeat
 }

 #common-questions.independent-program .site-content .right-side .sidebar a.enquiry:hover {
     color: #ffe9be;
     border: 1px solid #ffe9be
 }

 #common-questions.independent-program .site-content .left-side .accordion-answer p a:hover:after,
 #common-questions.independent-program .site-content .left-side .accordion-question p a:hover:after {
     background: url(../../images/yellow-answer-icon-hover.png) no-repeat
 }

 #common-questions.independent-program .site-content .left-side .accordion-answer.is-active a:hover:before,
 #common-questions.independent-program .site-content .left-side .accordion-question.is-active a:hover:before {
     background: url(../../images/yellow-hide-icon-hover.png) no-repeat
 }

 #common-questions.independent-program .site-content .left-side .accordion-answer.is-active a:hover:after,
 #common-questions.independent-program .site-content .left-side .accordion-question.is-active a:hover:after {
     background: 0 0
 }

 #common-questions.competent-program {
     background: #6accbd
 }

 #common-questions.competent-program .site-content .right-side {
     background: #008773;
     margin-left: 50px;
     margin-top: 60px;
     max-width: 345px;
     color: #fff
 }

 #common-questions.competent-program .site-content .right-side .sidebar ul li a:hover {
     color: #90d6cb
 }

 #common-questions.competent-program .site-content .right-side .sidebar ul li .nav-arrow:hover {
     background: url(../../images/light-green-nav-arrow.png) no-repeat
 }

 #common-questions.competent-program .site-content .right-side .sidebar a.enquiry:hover {
     color: #90d6cb;
     border: 1px solid #90d6cb
 }

 #common-questions.competent-program .site-content .left-side .accordion-answer p a:hover:after,
 #common-questions.competent-program .site-content .left-side .accordion-question p a:hover:after {
     background: url(../../images/green-answer-icon-hover.png) no-repeat
 }

 #common-questions.competent-program .site-content .left-side .accordion-answer.is-active a:hover:before,
 #common-questions.competent-program .site-content .left-side .accordion-question.is-active a:hover:before {
     background: url(../../images/green-hide-icon-hover.png) no-repeat
 }

 #common-questions.competent-program .site-content .left-side .accordion-answer.is-active a:hover:after,
 #common-questions.competent-program .site-content .left-side .accordion-question.is-active a:hover:after {
     background: 0 0
 }

 #common-questions.graduate-swim-program {
     background: #6dbfd5
 }

 #common-questions.graduate-swim-program .site-content .right-side {
     background: #00607f
 }

 #common-questions.graduate-swim-program .site-content .right-side .sidebar ul li a:hover {
     color: #bfe1eb
 }

 #common-questions.graduate-swim-program .site-content .right-side .sidebar ul li .nav-arrow:hover {
     background: url(../../images/light-blue-nav-arrow.png) no-repeat
 }

 #common-questions.graduate-swim-program .site-content .right-side .sidebar a.enquiry:hover {
     color: #bfe1eb;
     border: 1px solid #bfe1eb
 }

 #common-questions.graduate-swim-program .site-content .left-side .accordion-answer p a:hover:after,
 #common-questions.graduate-swim-program .site-content .left-side .accordion-question p a:hover:after {
     background: url(../../images/blue-answer-icon-hover.png) no-repeat
 }

 #common-questions.graduate-swim-program .site-content .left-side .accordion-answer.is-active a:hover:before,
 #common-questions.graduate-swim-program .site-content .left-side .accordion-question.is-active a:hover:before {
     background: url(../../images/blue-hide-icon-hover.png) no-repeat
 }

 #common-questions.graduate-swim-program .site-content .left-side .accordion-answer.is-active a:hover:after,
 #common-questions.graduate-swim-program .site-content .left-side .accordion-question.is-active a:hover:after {
     background: 0 0
 }

 #common-questions.parent-child-program .site-content .right-side .sidebar ul li a:hover {
     color: #fbbebf
 }

 #common-questions.parent-child-program .site-content .right-side .sidebar ul li .nav-arrow:hover {
     background: url(../../images/light-pink-nav-arrow.png) no-repeat
 }

 #common-questions.parent-child-program .site-content .right-side .sidebar a.enquiry:hover {
     color: #fbbebf;
     border: 1px solid #fbbebf
 }

 #common-questions {
     width: 100%;
     background: #f09596
 }

 #common-questions .site-content {
     width: 1365px !important
 }

 #common-questions .site-content .right-side {
     background: #dd4f5e;
     margin-left: 50px;
     margin-top: 60px;
     max-width: 345px;
     color: #fff
 }

 #common-questions .site-content .right-side h1 {
     font-family: karlsen_roundmedium;
     font-size: 30px;
     font-weight: 400;
     line-height: 30px;
     letter-spacing: 1.2px;
     text-align: center;
     color: #fff;
     padding: 35px 35px 25px;
     margin: 0 auto
 }

 #common-questions .site-content .right-side p {
     text-align: center;
     margin: 0
 }

 #common-questions .site-content .right-side p a {
     display: inline-block;
     font-family: karlaregular;
     font-size: 20px;
     font-weight: 400;
     line-height: 20px;
     letter-spacing: 1.5px;
     color: #fff;
     border: 1px solid #fff;
     padding: 13px 34px;
     text-transform: uppercase
 }

 #common-questions .site-content .right-side p a:hover {
     color: #f09596;
     border: 1px solid #f09596
 }

 #common-questions .site-content .left-side {
     width: 70%
 }

 #common-questions .site-content .left-side h1 {
     font-family: supernett_cnregular;
     font-size: 75px;
     font-weight: 400;
     line-height: 70px;
     letter-spacing: 1px;
     color: #fff;
     margin: 65px 0 50px
 }

 #common-questions .site-content .left-side .accordion-answer {
     padding-left: 140px !important;
     display: none
 }

 #common-questions .site-content .left-side .accordion-answer p {
     font-size: 18px !important;
     max-width: 680px !important
 }

 #common-questions .site-content .left-side .accordion-answer ul {
     padding-left: 20px !important
 }

 #common-questions .site-content .left-side .accordion-answer ul li {
     margin-bottom: 8px;
     font-family: karlaregular;
     font-size: 18px !important;
     color: #fff
 }

 #common-questions .site-content .left-side .accordion-question {
     cursor: pointer
 }

 #common-questions .site-content .left-side .accordion-answer,
 #common-questions .site-content .left-side .accordion-question {
     padding-left: 100px
 }

 #common-questions .site-content .left-side .accordion-answer p,
 #common-questions .site-content .left-side .accordion-question p {
     font-family: karlaregular;
     font-size: 26px;
     font-weight: 400;
     line-height: 26px;
     color: #fff;
     margin-bottom: 30px;
     max-width: 720px
 }

 #common-questions .site-content .left-side .accordion-answer p a:hover:after,
 #common-questions .site-content .left-side .accordion-question p a:hover:after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     background: url(../../images/answer-icon-hover.png) no-repeat;
     width: 30px;
     height: 30px
 }

 #common-questions .site-content .left-side .accordion-answer.is-active a img,
 #common-questions .site-content .left-side .accordion-question.is-active a img {
     opacity: 0
 }

 #common-questions .site-content .left-side .accordion-answer.is-active a:before,
 #common-questions .site-content .left-side .accordion-question.is-active a:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     background: url(../../images/hide-icon.png) no-repeat;
     width: 30px;
     height: 30px
 }

 #common-questions .site-content .left-side .accordion-answer.is-active a:hover:before,
 #common-questions .site-content .left-side .accordion-question.is-active a:hover:before {
     background: url(../../images/hide-icon-hover.png) no-repeat
 }

 #common-questions .site-content .left-side .accordion-answer.is-active a:hover:after,
 #common-questions .site-content .left-side .accordion-question.is-active a:hover:after {
     background: 0 0
 }

 #common-questions .site-content .left-side .blockquote {
     margin: 0 0 20px;
     padding-left: 100px;
     position: relative;
     clear: both;
     overflow: hidden
 }

 #common-questions .site-content .left-side .blockquote h1 {
     margin-bottom: 40px
 }

 #common-questions .site-content .left-side .blockquote blockquote:before {
     content: "";
     background: url(../../images/quotes-icon.png) center no-repeat;
     width: 50px;
     height: 35px;
     position: absolute;
     top: 0;
     left: -70px
 }

 #common-questions .site-content .left-side .blockquote blockquote,
 #common-questions .site-content .left-side .blockquote strong {
     position: relative;
     font-family: karlaregular;
     font-size: 26px;
     font-weight: 400;
     line-height: 26px;
     color: #fff;
     margin: 0 0 25px
 }

 #common-questions .site-content .left-side .blockquote strong {
     font-family: karlabold
 }

 #common-questions .site-content .left-side.testimonials {
     padding-bottom: 100px
 }

 #map-section {
     background: #f0efee
 }

 #map-section .site-content {
     width: 1400px !important
 }

 #map-section .site-content .map {
     float: left;
     max-width: 1060px;
     padding: 0 0 50px 35px;
     word-break: break-word;
 }

 #map-section .site-content .map h1 {
     font-family: supernett_cnregular;
     font-size: 100px;
     font-weight: 400;
     line-height: 1.2;
     color: #646569;
     margin-top: 40px;
     margin-bottom: 0
 }

 #map-section .site-content .map .map-side {
     float: left;
     margin: 0;
     position: relative;
     max-width: 665px
 }

 #map-section .site-content .map .map-side h2 {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     font-weight: 400;
     line-height: 26px;
     letter-spacing: 1px;
     color: #646569;
     margin-top: 0;
     margin-bottom: 35px
 }

 #map-section .site-content .map .map-side iframe {
     margin-bottom: 50px
 }

 #map-section .site-content .map .map-side .map-decoration {
     background: url(../../images/map-decoration.png) no-repeat;
     width: 80px;
     height: 85px;
     position: absolute;
     bottom: 5px;
     left: -35px
 }

 #map-section .site-content .map .map-info {
     font-family: karlaregular;
     font-size: 18px;
     color: #646569;
     margin: 0 auto
 }

 #map-section .site-content .map .map-info a,
 #map-section .site-content .map .map-info span {
     display: block
 }

 #map-section .site-content .map .map-info span {
     font-family: karlaregular;
     font-size: 18px;
     line-height: 18px;
     margin-bottom: 28px;
     position: relative
 }

 #map-section .site-content .map .map-info span.first {
     font-family: karlsen_roundmedium;
     font-size: 20px;
     line-height: 20px;
     background: url(../../images/wave-2.png) left bottom no-repeat;
     padding-bottom: 30px
 }

 #map-section .site-content .map .map-info span:nth-child(2),
 #map-section .site-content .map .map-info span:nth-child(3),
 #map-section .site-content .map .map-info span:nth-child(4),
 #map-section .site-content .map .map-info span:nth-child(5),
 #map-section .site-content .map .map-info span:nth-child(6) {
     margin-left: 35px
 }

 #map-section .site-content .map .map-info span:nth-child(7) {
     margin-left: 35px
 }

 #map-section .site-content .map .map-info span:nth-child(7) {
     margin-bottom: 20px
 }

 #map-section .site-content .map .map-info .email,
 #map-section .site-content .map .map-info .facebook,
 #map-section .site-content .map .map-info .location,
 #map-section .site-content .map .map-info .phone,
 #map-section .site-content .map .map-info .time {
     margin-right: 10px;
     color: #00607f;
     position: absolute
 }

 #map-section .site-content .map .map-info .location {
     background: url(../../images/location-icon-2.png) top left no-repeat;
     left: -30px;
     width: 22px;
     height: 28px
 }

 #map-section .site-content .map .map-info .phone {
     background: url(../../images/phone-icon.png) top left no-repeat;
     left: -28px;
     width: 18px;
     height: 25px
 }

 #map-section .site-content .map .map-info .email,
 #map-section .site-content .map .map-info .facebook {
     left: -28px;
     width: 18px;
     height: 25px
 }

 #map-section .site-content .map .map-info .time {
     background: url(../../images/time-icon.png) top left no-repeat;
     left: -30px;
     width: 24px;
     height: 24px
 }

 #map-section .site-content .map .map-info a.enquiry-btn {
     font-family: karlaregular;
     font-size: 20px;
     line-height: 18px;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #fff;
     background: #00607f;
     padding: 15px 38px;
     display: inline-block;
     cursor: pointer
 }

 #map-section .site-content .map .map-info a.enquiry-btn:hover {
     background: #fad771
 }

 #map-section .site-content .announcements {
     max-width: 300px;
     background: #ffffff;
     color: #646569;
     padding: 0 20px;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 15px;
 }

 #map-section .site-content .announcements h1 {
     font-family: karlsen_roundmedium;
     font-size: 24px;
     font-weight: 400;
     line-height: 24px;
     color: #646569;
     margin: 40px 0 20px 0;
     background: url(../../images/wave-2.png) left bottom no-repeat;
     padding-bottom: 30px
 }

 #map-section .site-content .announcements span {
     display: block;
     font-family: karlabold;
     font-weight: 400;
     font-size: 20px;
     margin-left: 0
 }

 #map-section .site-content .announcements span:nth-child(2n+3) {
     font-family: karlaregular;
     font-weight: 400;
     padding-left: 20px;
     padding-top: 10px;
     margin-left: 0;
     margin-bottom: 20px
 }

 #slider-section {
     background: url(../../images/home-aqua-banner.jpg) bottom center no-repeat;
     background-size: cover
 }

 #slider-section .site-content {
     width: 1395px !important;
     padding: 60px 0 140px
 }

 #slider-section .site-content .text-box {
     margin-left: 30px;
     color: #fff;
     font-family: karlaregular;
     font-size: 22px;
     line-height: 22px;
     width: auto
 }

 #slider-section .site-content .text-box h1,
 #staff h2,
 .programs .site-content .other-programs h1 {
     font-family: supernett_cnregular;
     font-size: 100px;
     line-height: 1.2;
     font-weight: 400
 }

 #slider-section .site-content .text-box h1 {
     margin: 0 0 30px;
     color: #fff
 }

 #slider-section .site-content .text-box p {
     max-width: 880px;
     display: none
 }

 #slider-section .site-content .text-box p:last-child {
     margin-bottom: 30px
 }

 #slider-section .slider {
     position: relative
 }

 #slider-section .slider p {
     margin-top: 0
 }

 #slider-section .slider .owl-buttons {
     position: relative;
     text-indent: -4000px
 }

 #slider-section .slider .owl-buttons .owl-prev {
     height: 70px;
     width: 40px;
     background: url(../../images/left-arrow.png) no-repeat;
     position: absolute;
     top: -280px;
     left: -45px
 }

 #slider-section .slider .owl-buttons .owl-next {
     height: 70px;
     width: 40px;
     background: url(../../images/right-arrow.png) no-repeat;
     position: absolute;
     top: -280px;
     left: 1375px
 }

 #slider-section .slide-img {
     float: left
 }

 .programs .site-content .other-programs h1 {
     color: #646569;
     margin: 0 0 20px
 }

 #staff {
     background: url(../../images/green-banner.jpg) no-repeat;
     background-size: cover;
     min-height: 840px
 }

 #staff h2 {
     color: #fff;
     margin: 60px 0 35px
 }

 #staff .site-content > .wpb_wrapper > .wpb_row:nth-child(2) {
     position: relative
 }

 #staff .left-side {
     width: 65%;
     float: left
 }

 #staff .left-side .wpb_text_column.wpb_content_element {
     background: #f8f8f8;
     padding: 40px 30px 30px 270px;
     margin-bottom: 35px;
     position: relative
 }

 #staff .left-side .wpb_text_column.wpb_content_element img {
     position: absolute;
     top: 30px;
     left: 30px;
     width: 205px;
     height: auto;
     border-radius: 50%
 }

 #staff .left-side .wpb_text_column.wpb_content_element p {
     margin-top: 0 !important
 }

 #staff .left-side .wpb_text_column.wpb_content_element p strong {
     display: block;
     margin-top: 10px !important
 }

 #staff .left-side .wpb_text_column.wpb_content_element h3 {
     margin: 0 0 5px !important;
     font-family: karlsen_roundsemi_bold;
     font-size: 26px;
     font-weight: 400;
     line-height: 1.1;
     color: #3bb0c9
 }

 #staff .left-side .wpb_text_column.wpb_content_element h4 {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     line-height: 1.1;
     font-weight: 400;
     margin: 0;
     color: #646569;
     display: block;
     position: relative;
     padding-bottom: 40px
 }

 #staff .left-side .wpb_text_column.wpb_content_element h4:after {
     background: url(../../images/wave-decoration.png) no-repeat;
     content: "";
     height: 10px;
     width: 70px;
     position: absolute;
     left: 0;
     bottom: 16px
 }

 #staff .right-side,
 #staff .right-side .sidebar {
     float: right;
     width: 355px !important
 }

 #staff .left-side .wpb_text_column.wpb_content_element p {
     font-family: karlaregular;
     font-size: 20px;
     color: #646569;
     margin-bottom: 0
 }

 #staff .right-side {
     margin-left: 0
 }

 #common-questions .right-side .sidebar {
     background: 0 0
 }

 #common-questions .sidebar,
 #enrol .sidebar,
 #staff .sidebar,
 #text-area .sidebar,
 .locations-listing .sidebar {
     background: #98d1dd;
     color: #fff;
     width: 355px
 }

 #common-questions .sidebar span,
 #enrol .sidebar span,
 #staff .sidebar span,
 #text-area .sidebar span,
 .locations-listing .sidebar span {
     display: block;
     text-align: center;
     font-family: karlsen_roundmedium;
     font-size: 30px;
     line-height: 30px;
     letter-spacing: 1.8px;
     font-weight: 400;
     margin: 0;
     padding: 35px 0 25px
 }

 #common-questions .sidebar a.enquiry,
 #enrol .sidebar a.enquiry,
 #staff .sidebar a.enquiry,
 #text-area .sidebar a.enquiry,
 .locations-listing .sidebar a.enquiry {
     font-family: karlaregular;
     font-size: 19px;
     text-decoration: none;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 1px;
     display: block;
     color: #fff;
     border: 1px solid #fff;
     padding: 12px 20px;
     margin: 0 70px
 }

 #common-questions .sidebar a.enquiry:hover,
 #enrol .sidebar a.enquiry:hover,
 #staff .sidebar a.enquiry:hover,
 #text-area .sidebar a.enquiry:hover,
 .locations-listing .sidebar a.enquiry:hover {
     color: #3bb0c9;
     border: 1px solid #3bb0c9
 }

 #common-questions .sidebar ul,
 #enrol .sidebar ul,
 #staff .sidebar ul,
 #text-area .sidebar ul,
 .locations-listing .sidebar ul {
     list-style-type: none;
     padding: 20px 5px 5px 30px;
     margin: 0
 }

 #common-questions .sidebar ul li,
 #enrol .sidebar ul li,
 #staff .sidebar ul li,
 #text-area .sidebar ul li,
 .locations-listing .sidebar ul li {
     cursor: pointer;
     margin: 30px 40px 45px 70px;
     position: relative;
     vertical-align: middle;
     background: 0 0 !important;
     padding-left: 0 !important
 }

 #common-questions .sidebar ul li a,
 #enrol .sidebar ul li a,
 #staff .sidebar ul li a,
 #text-area .sidebar ul li a,
 .locations-listing .sidebar ul li a {
     display: inline-block;
     color: #fff;
     font-family: karlaregular;
     font-size: 21px;
     letter-spacing: 1.2px;
     line: 30px
 }

 #common-questions .sidebar ul li a:hover,
 #enrol .sidebar ul li a:hover,
 #staff .sidebar ul li a:hover,
 #text-area .sidebar ul li a:hover,
 .locations-listing .sidebar ul li a:hover {
     color: #3bb0c9
 }

 #common-questions .sidebar ul li span,
 #enrol .sidebar ul li span,
 #staff .sidebar ul li span,
 #text-area .sidebar ul li span,
 .locations-listing .sidebar ul li span {
     display: inline-block;
     width: 25px;
     height: 35px;
     position: absolute;
     top: -4px;
     left: -60px;
     margin: 0;
     padding: 0
 }

 #common-questions .sidebar ul li .location,
 #enrol .sidebar ul li .location,
 #staff .sidebar ul li .location,
 #text-area .sidebar ul li .location,
 .locations-listing .sidebar ul li .location {
     background: url(../../images/location-icon.png) top left no-repeat
 }

 #common-questions .sidebar ul li .faqs,
 #enrol .sidebar ul li .faqs,
 #staff .sidebar ul li .faqs,
 #text-area .sidebar ul li .faqs,
 .locations-listing .sidebar ul li .faqs {
     background: url(../../images/faq-icon.png) top left no-repeat
 }

 #common-questions .sidebar ul li .programs,
 #enrol .sidebar ul li .programs,
 #staff .sidebar ul li .programs,
 #text-area .sidebar ul li .programs,
 .locations-listing .sidebar ul li .programs {
     background: url(../../images/program-icon.png) top left no-repeat;
     position: absolute;
     top: 4px;
     left: -70px;
     width: 45px
 }

 #common-questions .sidebar ul li .nav-arrow,
 #enrol .sidebar ul li .nav-arrow,
 #staff .sidebar ul li .nav-arrow,
 #text-area .sidebar ul li .nav-arrow,
 .locations-listing .sidebar ul li .nav-arrow {
     background: url(../../images/nav-arrow.png) top left no-repeat;
     position: absolute;
     width: 23px;
     height: 12px;
     top: 7px;
     left: 170px
 }

 #common-questions .sidebar ul li .nav-arrow:hover,
 #enrol .sidebar ul li .nav-arrow:hover,
 #staff .sidebar ul li .nav-arrow:hover,
 #text-area .sidebar ul li .nav-arrow:hover,
 .locations-listing .sidebar ul li .nav-arrow:hover {
     background: url(../../images/arrow-hover.png) top left no-repeat
 }

 #common-questions .sidebar ul li .contact,
 #enrol .sidebar ul li .contact,
 #staff .sidebar ul li .contact,
 #text-area .sidebar ul li .contact,
 .locations-listing .sidebar ul li .contact {
     background: url(../../images/contact-icon.png) top left no-repeat;
     width: 30px;
     height: 30px
 }

 #common-questions .sidebar ul li .live-chat, #enrol .sidebar ul li .live-chat, #staff .sidebar ul li .live-chat, #text-area .sidebar ul li .live-chat, .locations-listing .sidebar ul li .live-chat {
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) top left no-repeat;
    width: 38px;
    height: 32px;
    background-position: -230px -7px;
}

 #common-questions .sidebar ul ul,
 #enrol .sidebar ul ul,
 #staff .sidebar ul ul,
 #text-area .sidebar ul ul,
 .locations-listing .sidebar ul ul {
     padding: 0;
     font-size: 14px;
     max-height: 0;
     overflow: hidden;
     transition: all .3s ease-in-out
 }

 #common-questions .sidebar ul ul.active,
 #enrol .sidebar ul ul.active,
 #staff .sidebar ul ul.active,
 #text-area .sidebar ul ul.active,
 .locations-listing .sidebar ul ul.active {
     max-height: 180px
 }

 #common-questions .sidebar ul ul li,
 #enrol .sidebar ul ul li,
 #staff .sidebar ul ul li,
 #text-area .sidebar ul ul li,
 .locations-listing .sidebar ul ul li {
     margin: 0 0 5px
 }

 #common-questions .sidebar ul ul li:first-child,
 #enrol .sidebar ul ul li:first-child,
 #staff .sidebar ul ul li:first-child,
 #text-area .sidebar ul ul li:first-child,
 .locations-listing .sidebar ul ul li:first-child {
     padding-top: 10px
 }

 #common-questions .sidebar ul ul li a,
 #enrol .sidebar ul ul li a,
 #staff .sidebar ul ul li a,
 #text-area .sidebar ul ul li a,
 .locations-listing .sidebar ul ul li a {
     font-size: 18px
 }

 #program-banner {
     background: #f7f7f7
 }

 #program-banner .site-content {
     max-width: 1400px !important;
     position: relative;
     padding: 70px 0 95px
 }

 #program-banner .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 60px;
     font-weight: 400;
     line-height: 1;
     letter-spacing: 1.4px;
     color: #646569;
     margin: 0 0 30px
 }

 #program-banner .site-content .left,
 #program-banner .site-content .right {
     float: left
 }

 #program-banner .site-content .left {
     position: relative;
     width: 50.5% !important;
     margin-right: 0 !important
 }

 #program-banner .site-content .left ul {
     list-style-type: none;
     padding: 0;
     margin: 0
 }

 #program-banner .site-content .left ul li {
     display: inline-block;
     background: url(../../images/li-bkg.png) center center no-repeat;
     width: 145px;
     height: 145px;
     position: relative;
     margin-left: 25px
 }

 #program-banner .site-content .left ul li:first-child {
     margin-left: 0
 }

 #program-banner .site-content .left ul li:first-child:before {
     content: "";
     position: absolute;
     left: -40px;
     bottom: -25px;
     background: url(../../images/bubbles.png) no-repeat;
     width: 100px;
     height: 104px
 }

 #program-banner .site-content .left ul li a {
     color: #fff;
     font-family: karlsen_roundmedium;
     font-size: 34px;
     line-height: 26px;
     position: absolute;
     top: 60px;
     left: 32px;
     display: block
 }

 #program-banner .site-content .left ul li a:last-child {
     text-align: center
 }

 #program-banner .site-content .left ul li a:hover {
     color: #6dc0d3
 }

 #program-banner .site-content .left ul li.extra-decoration {
     display: inline-block
 }

 #program-banner .site-content .left ul li.extra-decoration a {
     top: 45px;
     left: 0;
     line-height: 34px
 }

 #program-banner .site-content .left ul li.extra-decoration:before {
     content: "";
     background: url(../../images/decoration-3.png) no-repeat;
     position: absolute;
     top: -30px;
     left: -30px;
     width: 50px;
     height: 68px
 }

 #program-banner .site-content .right {
     width: 43% !important;
     margin-left: 6% !important;
     display: inline-block
 }

 #program-banner .site-content .right h1 {
     font-size: 60px;
     line-height: 1
 }

 #program-banner .site-content .right ul {
     float: none;
     list-style-type: none;
     padding-left: 20px;
     margin: 0 auto
 }

 #program-banner .site-content .right ul li {
     float: none;
     text-align: center;
     display: inline-block;
     margin: 0 auto
 }

 #program-banner .site-content .right ul li a,
 #program-banner .site-content .right ul li span {
     display: block
 }

 #program-banner .site-content .right ul li span {
     width: 60px;
     height: 80px;
     margin: 0 auto
 }

 #program-banner .site-content .right ul li a {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     font-weight: 400;
     line-height: 1;
     color: #646569;
     margin: 20px auto
 }

 #program-banner .site-content .right ul li a:hover {
     color: #3bb0c9;
     text-decoration: none
 }

 #program-banner .site-content .right ul li img {
     display: block;
     margin: 0 auto 10px !important
 }

 #newsletter {
     padding: 50px 0
 }

 #newsletter .site-content {
     width: 1400px !important
 }

 #newsletter .site-content img {
     vertical-align: middle;
     margin: 0 15px 0 0
 }

 #newsletter .site-content span {
     font-family: karlsen_roundmedium;
     font-size: 22px;
     font-weight: 400;
     color: #646569;
     vertical-align: middle
 }

 #newsletter .site-content form {
     float: right;
     display: inline-block;
     margin-top: 24px
 }

 #newsletter .site-content form input {
     font-family: karlaregular;
     font-size: 18px;
     background: #deeff4;
     border: none;
     color: #646569;
     margin-left: 15px;
     padding: 15px 10px;
     width: 170px
 }

 #newsletter .site-content form input.postcode {
     width: 100px
 }

 #newsletter .site-content form input::-webkit-input-placeholder {
     color: #646569
 }

 #newsletter .site-content form input:-moz-placeholder {
     color: #646569
 }

 #newsletter .site-content form input::-moz-placeholder {
     color: #646569
 }

 #newsletter .site-content form input:-ms-input-placeholder {
     color: #646569
 }

 #newsletter .site-content form input:focus {
     outline: 0
 }

 #newsletter .site-content form .subscribe {
     color: #fff;
     cursor: pointer;
     background: #32b1ca;
     padding: 12px 50px;
     text-align: center;
     width: 190px
 }

 #newsletter .site-content form .subscribe:hover {
     background: #FAD771
 }

 #enrol .site-content {
     color: #00607f
 }

 #enrol .site-content .text-content {
     width: 70% !important;
     padding-right: 3%
 }

 #enrol .site-content .right-side {
     width: 27% !important;
     margin-left: 0 !important
 }

 #enrol .site-content .right-side .sidebar {
     background: #98d1dd;
     width: 355px !important;
     color: #fff;
     float: left
 }

 #enrol .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 120px;
     font-weight: 400;
     line-height: 1;
     margin: 25px auto 60px;
     text-align: center;
     color: #00607f
 }

 #enrol .site-content h2 {
     font-size: 30px;
     line-height: 40px;
     margin: 30px auto;
     color: #00607f;
     padding-left: 50px;
     background: url(../../images/h2-bkg.png) left center no-repeat
 }

 #enrol .site-content h2:first-child {
     margin-top: 0
 }

 #enrol .site-content form .step {
     display: none
 }

 #enrol .site-content form .step.active {
     display: block
 }

 #enrol .site-content form .message-alt,
 #enrol .site-content form .step.child input[type=submit] + .ajax-loader {
     display: none
 }

 #enrol .site-content form .message-alt.is-active {
     display: block
 }

 #enrol .site-content form .child-set {
     display: none
 }

 #enrol .site-content form .child-set.active {
     display: block
 }

 #enrol .site-content form .form-error {
     font-weight: 700;
     padding-left: 10px;
     color: red;
     display: inline-block;
     vertical-align: middle
 }

 #enrol .site-content form p span input[type=date],
 #enrol .site-content form p span input[type=email],
 #enrol .site-content form p span input[type=number],
 #enrol .site-content form p span input[type=tel],
 #enrol .site-content form p span input[type=text],
 #enrol .site-content form p span select,
 #enrol .site-content form p span textarea {
     color: #00607f;
     margin-top: 5px;
     font-size: 15px;
     font-weight: 400;
     background: #deeff4;
     border: none;
     outline: 0;
     padding: 15px;
     width: 280px;
     box-sizing: border-box;
     font-family: karlaregular
 }

 #enrol .site-content form p span input[type=date]:hover,
 #enrol .site-content form p span input[type=email]:hover,
 #enrol .site-content form p span input[type=number]:hover,
 #enrol .site-content form p span input[type=tel]:hover,
 #enrol .site-content form p span input[type=text]:hover,
 #enrol .site-content form p span select:hover,
 #enrol .site-content form p span textarea:hover {
     background: #deeff4
 }

 #enrol .site-content form p span input[type=submit] {
     cursor: pointer;
     padding: 5px 10px
 }

 #enrol .site-content form p span textarea {
     height: 120px;
     width: 450px;
     max-width: 100%
 }

 #enrol .site-content form p span select option {
     font-family: karlaregular;
     font-weight: 400;
     font-size: 14px;
     color: #00607f
 }

 #enrol .site-content form p.bold {
     font-family: karlabold
 }

 #enrol .site-content form p input[type=submit] {
     background: #32b1ca;
     color: #fff;
     font-size: 14px;
     line-height: 1.2;
     font-weight: 400;
     letter-spacing: 1px;
     border: none;
     outline: 0;
     cursor: pointer;
     padding: 5px 10px;
     text-transform: uppercase
 }

 #enrol .site-content form p input[type=submit]:hover {
     background: #fad771
 }

 #enrol .site-content form p .time-of-contract .wpcf7-list-item {
     display: block;
     text-transform: uppercase;
     margin: 0
 }

 #enrol .site-content form p .time-of-contract .wpcf7-list-item input[type=radio] {
     margin: 0 5px 0 0;
     vertical-align: 2px
 }

 #enrol .site-content p {
     font-family: karlaregular;
     font-size: 18px;
     margin-top: 10px
 }

 #enrol .site-content .cols p {
     float: left;
     margin-right: 20px
 }

 #enrol .site-content ul {
     list-style-type: none;
     padding: 20px 5px 20px 30px;
     margin: 0
 }

 #enrol .site-content ul li {
     font-family: karlaregular;
     font-size: 18px;
     margin-top: 10px;
     padding-left: 20px;
     background: url(../../images/li-bubble.png) left center no-repeat
 }

 .site-content {
     width: 1320px !important
 }

 .site-content .get-in-contact {
     width: 830px !important;
     margin: 0;
     float: none !important;
     padding-top: 55px !important
 }

 .site-content .get-in-contact h3 {
     font-family: karlsen_roundmedium;
     font-size: 32px;
     font-weight: 400;
     line-height: 1.1;
     letter-spacing: 1px;
     margin: 0 0 40px;
     color: #fff
 }

 .site-content .get-in-contact .text-box {
     padding-left: 40px
 }

 .site-content .get-in-contact .text-box p {
     font-family: karlaregular;
     font-size: 24px;
     font-weight: 400;
     letter-spacing: 1px;
     margin: 0 0 15px;
     color: #fff
 }

 .site-content .get-in-contact .text-box p.hidden {
     display: none
 }

 .site-content .get-in-contact .text-box p a {
     color: #00607f
 }

 .site-content .get-in-contact .text-box p a:hover {
     color: #fff
 }

 .site-content .get-in-contact .text-box .live-chat-btn a {
     background: #00607f;
     border: none;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     letter-spacing: 1px;
     padding: 14px 20px;
     text-transform: uppercase;
     margin-left: 30px
 }

 .site-content .get-in-contact .text-box .live-chat-btn a:hover {
     background: #fad771
 }

 #enquiry,
 #newForm {
     background: url(../../images/contact-bkg.jpg) no-repeat;
     background-size: cover
 }

 #enquiry .step.active,
 #newForm .step.active {
     display: block
 }

 #enquiry .form-error,
 #newForm .form-error {
     display: block;
     padding-top: 5px;
     color: red
 }

 #enquiry .message-alt,
 #newForm .message-alt {
     display: none
 }

 #enquiry .message-alt.active,
 #newForm .message-alt.active {
     display: block
 }

 #enquiry .message-alt + br,
 #newForm .message-alt + br {
     display: none !important
 }

 #enquiry .site-content,
 #newForm .site-content {
     max-width: 1330px !important;
     color: #00607f;
     padding: 60px 0 80px
 }

 #enquiry .site-content .contact-header,
 #newForm .site-content .contact-header {
     color: #fff;
     padding-bottom: 45px
 }

 #enquiry .site-content .contact-header h2,
 #newForm .site-content .contact-header h2 {
     font-family: supernett_cnregular;
     font-size: 110px;
     font-weight: 400;
     line-height: .8;
     letter-spacing: 1px;
     margin: 0 0 35px;
     position: relative;
     float: left
 }

 #enquiry .site-content .contact-header p,
 #newForm .site-content .contact-header p {
     float: left;
     font-family: karlsen_roundmedium;
     font-size: 32px;
     letter-spacing: .6px;
     line-height: 1.1;
     margin: 15px 0 0
 }

 #enquiry .site-content .cols p,
 #newForm .site-content .cols p {
     float: left;
     margin-right: 20px
 }

 #enquiry .site-content .progress-steps,
 #newForm .site-content .progress-steps {
     display: none;
     text-align: left;
     margin: 0 auto;
     padding: 40px 140px 0;
     background: #fff;
     width: 1190px !important
 }

 #enquiry .site-content .progress-steps p,
 #newForm .site-content .progress-steps p {
     display: inline-block;
     font-size: 20px;
     line-height: 40px;
     position: relative;
     background: url(../../images/step-bubble-bkg.png) no-repeat;
     width: 42px;
     height: 42px;
     margin-right: 84px;
     text-indent: -9000px
 }

 #enquiry .site-content .progress-steps p:after,
 #newForm .site-content .progress-steps p:after {
     background: #32b1ca;
     content: "";
     height: 2px;
     left: 100%;
     position: absolute;
     top: 50%;
     width: 88px
 }

 #enquiry .site-content .progress-steps p.active,
 #newForm .site-content .progress-steps p.active {
     background: url(../../images/active-step-bubble-bkg.png) no-repeat
 }

 #enquiry .site-content .progress-steps p.active:after,
 #newForm .site-content .progress-steps p.active:after {
     background: #32b1ca
 }

 #enquiry .site-content .progress-steps p:last-child,
 #newForm .site-content .progress-steps p:last-child {
     margin-right: 0
 }

 #enquiry .site-content .progress-steps p:last-child:after,
 #newForm .site-content .progress-steps p:last-child:after {
     display: none;
     margin-left: 0
 }

 #enquiry .site-content .contact-form,
 #newForm .site-content .contact-form {
     background: #fff;
     width: 1190px !important;
     padding: 100px 60px;
     text-align: center;
     min-height: 600px
 }

 #enquiry .site-content .contact-form .step input[type=submit],
 #newForm .site-content .contact-form .step input[type=submit] {
     display: none !important
 }

 #enquiry .site-content .contact-form .step.few-more-details input[type=submit],
 #enquiry .site-content .contact-form .step.step-kk input[type=submit],
 #newForm .site-content .contact-form .step.few-more-details input[type=submit],
 #newForm .site-content .contact-form .step.step-kk input[type=submit] {
     display: inline-block !important
 }

 #enquiry .site-content .contact-form .step.children-number,
 #enquiry .site-content .contact-form .step.final-message-third-scenario,
 #newForm .site-content .contact-form .step.children-number,
 #newForm .site-content .contact-form .step.final-message-third-scenario {
     padding-top: 10px
 }

 #enquiry .site-content .contact-form .wpcf7-form,
 #newForm .site-content .contact-form .wpcf7-form {
     margin: 0;
     width: 100%
 }

 #enquiry .site-content .contact-form .step,
 #newForm .site-content .contact-form .step {
     margin: 0;
     display: none;
     font-family: karlaregular;
     font-size: 22px;
     font-weight: 400;
     color: #646569;
     letter-spacing: 1px
 }

 #enquiry .site-content .contact-form .step.active,
 #newForm .site-content .contact-form .step.active {
     display: block
 }

 #enquiry .site-content .contact-form .step span input[type=date],
 #enquiry .site-content .contact-form .step span input[type=email],
 #enquiry .site-content .contact-form .step span input[type=number],
 #enquiry .site-content .contact-form .step span input[type=tel],
 #enquiry .site-content .contact-form .step span input[type=text],
 #enquiry .site-content .contact-form .step span select,
 #enquiry .site-content .contact-form .step span textarea,
 #newForm .site-content .contact-form .step span input[type=date],
 #newForm .site-content .contact-form .step span input[type=email],
 #newForm .site-content .contact-form .step span input[type=number],
 #newForm .site-content .contact-form .step span input[type=tel],
 #newForm .site-content .contact-form .step span input[type=text],
 #newForm .site-content .contact-form .step span select,
 #newForm .site-content .contact-form .step span textarea {
     font-family: karlaregular;
     font-size: 18px;
     font-weight: 400;
     color: #00607f;
     margin-top: 5px;
     margin-left: 0;
     background: 0 0;
     border: 0;
     border-bottom: 2px dotted #32b1ca;
     outline: 0;
     box-sizing: border-box;
     padding: 6px 15px;
     width: 200px;
     height: 36px
 }

 #enquiry .site-content .contact-form .step .first-step-option select,
 #newForm .site-content .contact-form .step .first-step-option select {
     width: 420px;
     display: inline-block
 }

 #enquiry .site-content .contact-form .step .first-step-option textarea,
 #newForm .site-content .contact-form .step .first-step-option textarea {
     padding: 15px;
     height: 150px;
     margin-top: 20px;
     margin-bottom: 30px;
     background: #e8f4f6;
     border-bottom: none;
     width: 100%
 }

 #enquiry .site-content .contact-form .step .child-row,
 #newForm .site-content .contact-form .step .child-row {
     display: none;
     margin-bottom: 10px
 }

 #enquiry .site-content .contact-form .step .child-row.active,
 #newForm .site-content .contact-form .step .child-row.active {
     display: block
 }

 #enquiry .site-content .contact-form .step .child-row + br,
 #enquiry .site-content .contact-form .step .child-row > br,
 #newForm .site-content .contact-form .step .child-row + br,
 #newForm .site-content .contact-form .step .child-row > br {
     display: none
 }

 #enquiry .site-content .contact-form .step.second-select select,
 #newForm .site-content .contact-form .step.second-select select {
     margin-top: 10px
 }

 #enquiry .site-content .contact-form .step input[type=submit],
 #newForm .site-content .contact-form .step input[type=submit] {
     font-family: karlaregular;
     background: #32b1ca;
     color: #fff;
     font-size: 20px;
     font-weight: 400;
     letter-spacing: 1px;
     padding: 10px 35px;
     text-transform: uppercase;
     border: none;
     outline: 0;
     cursor: pointer
 }

 #enquiry .site-content .contact-form .step input[type=submit]:hover,
 #newForm .site-content .contact-form .step input[type=submit]:hover {
     background: #fad771
 }

 #enquiry .site-content .contact-form .step.bold,
 #newForm .site-content .contact-form .step.bold {
     font-family: karlabold
 }

 #enquiry .site-content .contact-form .step .radio-btn,
 #newForm .site-content .contact-form .step .radio-btn {
     margin-left: 10px
 }

 #enquiry .site-content .contact-form .step .skip-btn,
 #newForm .site-content .contact-form .step .skip-btn {
     margin-left: 0;
     margin-top: 20px
 }

 #enquiry .site-content .contact-form .step .new-existing-member,
 #newForm .site-content .contact-form .step .new-existing-member {
     margin: 0
 }

 #enquiry .site-content .contact-form .step .new-existing-member .radio-btn,
 #newForm .site-content .contact-form .step .new-existing-member .radio-btn {
     margin-left: 0
 }

 #enquiry .site-content .contact-form .step .new-existing-member .radio-btn .first,
 #enquiry .site-content .contact-form .step .new-existing-member .radio-btn .last,
 #newForm .site-content .contact-form .step .new-existing-member .radio-btn .first,
 #newForm .site-content .contact-form .step .new-existing-member .radio-btn .last {
     display: block;
     margin: 0;
     text-transform: capitalize
 }

 #enquiry .site-content .contact-form .step .new-existing-member .radio-btn .first,
 #newForm .site-content .contact-form .step .new-existing-member .radio-btn .first {
     margin-top: 10px
 }

 #enquiry .site-content .contact-form .step .new-existing-member .radio-btn .first input [type=radio],
 #newForm .site-content .contact-form .step .new-existing-member .radio-btn .first input [type=radio] {
     width: 10px !important
 }

 .enquiry-popup #enquiry,
 .enquiry-popup #newForm {
     background-position: center bottom;
     padding: 30px
 }

 .enquiry-popup #enquiry .site-content,
 .enquiry-popup #newForm .site-content {
     padding: 0
 }

 .enquiry-popup #enquiry .site-content .wpcf7-form,
 .enquiry-popup #newForm .site-content .wpcf7-form {
     width: 100%
 }

 .enquiry-popup #enquiry .site-content .contact-header,
 .enquiry-popup #newForm .site-content .contact-header {
     padding-bottom: 20px
 }

 .enquiry-popup #enquiry .site-content .contact-header h2,
 .enquiry-popup #newForm .site-content .contact-header h2 {
     float: none;
     width: auto;
     margin: 0 0 20px
 }

 .enquiry-popup #enquiry .site-content .contact-header h2:after,
 .enquiry-popup #newForm .site-content .contact-header h2:after {
     content: none
 }

 .enquiry-popup #enquiry .site-content .contact-header p,
 .enquiry-popup #newForm .site-content .contact-header p {
     width: auto;
     margin: 0;
     font-size: 22px
 }

 .enquiry-popup #enquiry .site-content .progress-steps,
 .enquiry-popup #newForm .site-content .progress-steps {
     padding: 20px;
     margin: 0
 }

 .enquiry-popup #enquiry .site-content .progress-steps p,
 .enquiry-popup #newForm .site-content .progress-steps p {
     margin: 0 20px 0 0
 }

 .enquiry-popup #enquiry .site-content .progress-steps p:after,
 .enquiry-popup #newForm .site-content .progress-steps p:after {
     width: 35px
 }

 .enquiry-popup #enquiry .site-content .contact-form,
 .enquiry-popup #newForm .site-content .contact-form {
     padding: 1px 20px 20px
 }

 .enquiry-popup #enquiry .site-content .get-in-contact,
 .enquiry-popup #newForm .site-content .get-in-contact {
     padding-top: 30px !important
 }

 .enquiry-popup #enquiry .site-content .get-in-contact h3,
 .enquiry-popup #newForm .site-content .get-in-contact h3 {
     font-size: 24px;
     margin-bottom: 20px
 }

 .enquiry-popup #enquiry .site-content .get-in-contact .text-box,
 .enquiry-popup #newForm .site-content .get-in-contact .text-box {
     width: auto;
     padding-left: 0
 }

 #page .static-page {
     padding: 40px 0
 }

 #page .static-page #main {
     margin: 0 auto;
     width: 980px;
     float: none !important;
     font-size: 18px
 }

 #page .static-page h1,
 .dynamic-page .site-header .site-content h1 {
     font-family: supernett_cnregular;
     font-size: 120px;
     line-height: 1;
     font-weight: 400
 }

 #page .static-page #main p {
     margin-top: 0 !important
 }

 #page .static-page #main p img {
     width: 100% !important
 }

 #page .static-page h1 {
     color: #646569;
     margin: 0 auto 60px;
     text-align: center
 }

 .dynamic-page {
     background: #f0efee
 }

 .dynamic-page .site-header {
     background: url(../../images/store-location-header-bkg.jpg) center center no-repeat;
     background-size: cover;
     text-align: left;
     color: #fff
 }

 .dynamic-page .site-header .site-content {
     padding: 70px 0 110px
 }

 .dynamic-page .site-header .site-content h1 {
     margin: 0
 }

 .dynamic-page .site-header .site-content .page-body p {
     font-family: karlsen_roundmedium;
     font-size: 38px;
     margin-top: 0;
     letter-spacing: 1.8px
 }

 .dynamic-page .site-header .site-content .search-store {
     margin: 40px auto 0;
     position: relative
 }

 .dynamic-page .site-header .site-content .search-store label {
     font-family: karlsen_roundlight;
     font-size: 25px;
     letter-spacing: 1.4px;
     font-weight: 400;
     line-height: 1;
     display: block;
     margin-bottom: 20px
 }

 .dynamic-page .site-header .site-content .search-store input {
     background: #deeff4;
     border: none;
     color: #00607f;
     font-family: karlaregular;
     font-size: 20px;
     line-height: 1.2;
     margin: 0 80px 0 0;
     padding: 20px 20px 20px 50px;
     width: 345px;
     cursor: pointer;
     vertical-align: top
 }

 .dynamic-page .site-header .site-content .search-store input:focus + .blue-search-icon {
     display: none
 }

.dynamic-page .site-header .site-content .search-store .blue-search-icon {
    background: url(/wp-content/uploads/2020/09/act-red-map-copy.png) center center no-repeat;
    width: 29px;
    height: 31px;
    position: absolute;
    bottom: 15px;
    left: 20px;
    display: inline-block;
    background-position: -382px -9px;
}

 .dynamic-page .site-header .site-content .search-store .search-button {
     background: #98d1dd;
     color: #fff;
     font-family: karlabold;
     font-size: 25px;
     line-height: 1;
     letter-spacing: 2.4px;
     padding: 0 20px;
     width: 240px;
     height: 65px;
     vertical-align: top
 }

 .dynamic-page .site-header .site-content .search-store .search-button:hover {
     background: #188fa8
 }

 .dynamic-page .site-header .site-content .search-store button {
     background: #32b1ca;
     border: none;
     color: #fff;
     font-family: karlaregular;
     font-size: 20px;
     margin: 0;
     padding: 4px 20px;
     cursor: pointer;
     vertical-align: top
 }

 .dynamic-page .site-header .site-content .search-store button:hover {
     background: #00607f;
     color: #fff
 }

 .dynamic-page .site-content {
     padding-top: 50px
 }

 .dynamic-page .site-content.no-top-pad {
     padding-top: 0
 }

 .dynamic-page .site-content .location-results {
     display: none;
     padding-top: 50px;
     font-family: karlsen_roundmedium;
     font-size: 24px;
     color: #646569;
     text-transform: uppercase;
     letter-spacing: 1.2px;
     background: url(../../images/wave.png) left bottom no-repeat;
     padding-bottom: 20px;
     margin-bottom: 35px
 }

 .dynamic-page .site-content .location-results.active {
     display: block
 }

 .dynamic-page .site-content .locations-listing .map {
     float: right;
     width: 50%
 }

 .dynamic-page .site-content .locations-listing .map .sidebar {
     float: right;
     display: none;
     margin-top: 35px
 }

 .dynamic-page .site-content .locations-listing .map .sidebar.active {
     display: block
 }

 .dynamic-page .site-content .locations-listing .map #map-canvas {
     position: fixed !important;
     left: -9000px;
     top: -9000px;
     width: 420px;
     height: 325px !important
 }

 .dynamic-page .site-content .locations-listing .map #map-canvas.active {
     position: relative !important;
     left: auto;
     top: auto;
     width: auto
 }

 .dynamic-page .site-content .locations-listing #location-list article {
     font-family: karlaregular;
     color: #646569;
     margin-bottom: 30px
 }

 .dynamic-page .site-content .locations-listing #location-list article h3 {
     margin: 0 auto 8px;
     background: url(../../images/location-icon-2.png) left center no-repeat;
     font-family: karlsen_roundmedium;
     font-size: 36px;
     font-weight: 400;
     padding: 12px 0 12px 60px
 }

 .dynamic-page .site-content .locations-listing #location-list article h3 a {
     color: #646569
 }

 .dynamic-page .site-content .locations-listing #location-list article h3 a:hover {
     color: #3bb0c9
 }

 .dynamic-page .site-content .locations-listing #location-list article h3 .distance {
     font-size: 24px;
     line-height: 1;
     white-space: nowrap
 }

 .dynamic-page .site-content .locations-listing #location-list article h4,
 .dynamic-page .site-content .locations-listing #location-list article p {
     margin-left: 60px !important
 }

 .dynamic-page .site-content .locations-listing #location-list article h4 {
     font-family: karlabold;
     font-size: 24px;
     line-height: 1;
     font-weight: 400;
     margin: 10px auto
 }

 .dynamic-page .site-content .locations-listing #location-list article p {
     font-size: 24px;
     line-height: 1;
     margin: 20px 0
 }

 .dynamic-page .site-content .locations-listing .locations {
     float: left;
     width: 42%;
     text-align: left
 }

 #faq-page h1 {
     text-align: center;
     color: #646569;
     font-family: supernett_cnregular;
     font-size: 120px;
     font-weight: 400;
     line-height: 1;
     margin: 0 auto 60px
 }

 #faq-page p {
     margin: 0 0 20px
 }

 #faq-page .left-side {
     width: 70%;
     padding-right: 80px
 }

 #faq-page .left-side .accordion-question {
     cursor: pointer;
     border-top: 1px solid #bcbcbc;
     padding: 15px 10px;
     color: #00607f;
     font-size: 24px;
     line-height: 1;
     font-weight: 700
 }

 #faq-page .left-side .accordion-question .wpb_wrapper {
     background: url(../../images/faq-question-icon.png) left center no-repeat;
     padding-left: 25px
 }

 #faq-page .left-side .accordion-question p {
     margin: 0;
     padding-right: 30px;
     position: relative
 }

 #faq-page .left-side .accordion-question p:after {
     content: "";
     background: url(../../images/faq-arrow-icon.png) center center no-repeat;
     width: 23px;
     height: 12px;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -6px;
     transition: all .4s linear
 }

 #faq-page .left-side .accordion-question:hover {
     background: #f5fcfe
 }

 #faq-page .left-side .accordion-question.is-active p:after {
     transform: rotate(180deg)
 }

 #faq-page .left-side .accordion-question.is-active + .accordion-answer {
     max-height: 320px
 }

 #faq-page .left-side .accordion-answer {
     overflow: hidden;
     display: block !important;
     max-height: 0;
     margin-left: 30px;
     font-size: 18px;
     transition: all .4s linear;
     padding: 0 10px
 }

 #faq-page .left-side .accordion-answer p {
     margin: 10px 0 20px
 }

 #faq-page .left-side .accordion-answer ul {
     padding-bottom: 20px
 }

 #faq-page .left-side .accordion-answer ul li {
     margin-bottom: 10px
 }

 #faq-page .right-side {
     width: 30%;
     margin-left: 0;
     color: #00607f
 }

 #faq-page .right-side a {
     text-transform: uppercase;
     background: #32b1ca;
     color: #fff;
     display: inline-block;
     font-family: karlabold;
     font-size: 20px;
     letter-spacing: 1.4px;
     line-height: 1;
     padding: 15px 20px
 }

 #faq-page .right-side a:hover {
     background: #fad771
 }

 #faq-page .right-side h3 {
     font-size: 24px;
     font-weight: 700;
     line-height: 1;
     margin: 0 0 25px
 }

 #faq-page .right-side form {
     width: 220px;
     margin-bottom: 25px;
     position: relative
 }

 #faq-page .right-side form input {
     background: #e8f4f6;
     border: none;
     cursor: pointer;
     height: 30px;
     outline: 0;
     padding: 5px 15px 5px 30px;
     width: 100%;
     position: relative;
     color: #646569;
     font-size: 14px;
     letter-spacing: 1px
 }

 #faq-page .right-side form .search-icon {
     display: block
 }

#faq-page .right-side form .search-icon:before {
    content: "";
    background: url("/wp-content/uploads/2020/09/act-red-map-copy.png") center center no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 15px;
    bottom: 11px;
    background-position: -382px -10px;
}

 #faq-page .right-side .textwidget {
     font-size: 18px
 }

 .blog .blog-page-content,
 .page-template-template-testimonials .blog-page-content {
     height: auto !important
 }

 .blog .blog-page-content h1,
 .page-template-template-testimonials .blog-page-content h1 {
     color: #646569;
     margin: 40px auto 0;
     text-align: center;
     font-family: supernett_cnregular;
     font-size: 120px;
     line-height: 1;
     font-weight: 400
 }

 .blog .blog-page-content .site-main,
 .page-template-template-testimonials .blog-page-content .site-main {
     width: 1320px;
     margin: 0 auto;
     padding: 60px 0 0;
     background: url(../../images/wave.png) center bottom repeat-x;
     overflow: hidden
 }

 .blog .blog-page-content .site-main article,
 .page-template-template-testimonials .blog-page-content .site-main article {
     font-family: karlsen_roundregular;
     font-size: 22px;
     line-height: 1;
     color: #00607f;
     width: 30%;
     margin-right: 5%;
     float: left;
     overflow: hidden;
     box-sizing: border-box;
     margin-bottom: 4%;
     position: relative;
     padding-left: 110px
 }

 .blog .blog-page-content .site-main article.no-pad,
 .page-template-template-testimonials .blog-page-content .site-main article.no-pad {
     padding-left: 0
 }

 .blog .blog-page-content .site-main article:nth-child(3n),
 .page-template-template-testimonials .blog-page-content .site-main article:nth-child(3n) {
     margin-right: 0
 }

 .blog .blog-page-content .site-main article .post-date,
 .page-template-template-testimonials .blog-page-content .site-main article .post-date {
     display: block;
     border: 2px solid #32b1ca;
     border-radius: 50%;
     text-align: center;
     position: absolute;
     left: 0;
     top: 0;
     width: 85px;
     height: 85px
 }

 .blog .blog-page-content .site-main article .post-date .day,
 .blog .blog-page-content .site-main article .post-date .month,
 .page-template-template-testimonials .blog-page-content .site-main article .post-date .day,
 .page-template-template-testimonials .blog-page-content .site-main article .post-date .month {
     font-family: karlaregular;
     display: block
 }

 .blog .blog-page-content .site-main article .post-date .month,
 .page-template-template-testimonials .blog-page-content .site-main article .post-date .month {
     margin-top: 15px;
     text-transform: uppercase
 }

 .blog .blog-page-content .site-main article .excerpt .entry-content p,
 .blog .blog-page-content .site-main article .excerpt a h3,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt .entry-content p,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt a h3 {
     margin: 0 0 20px
 }

 .blog .blog-page-content .site-main article .post-date .day,
 .page-template-template-testimonials .blog-page-content .site-main article .post-date .day {
     font-size: 34px
 }

 .blog .blog-page-content .site-main article .excerpt,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt {
     display: block
 }

 .blog .blog-page-content .site-main article .excerpt h3,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt h3 {
     font-family: karlaregular
 }

 .blog .blog-page-content .site-main article .excerpt a,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt a {
     font-family: karlsen_roundmedium;
     font-size: 26px;
     font-weight: 400;
     line-height: 1.2;
     letter-spacing: 1px;
     color: #646569;
     display: block
 }

 .blog .blog-page-content .site-main article .excerpt a:hover,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt a:hover {
     color: #32b1ca
 }

 .blog .blog-page-content .site-main article .excerpt .entry-content,
 .page-template-template-testimonials .blog-page-content .site-main article .excerpt .entry-content {
     font-family: karlaregular;
     font-size: 20px;
     line-height: 1.2;
     color: #646569
 }

 .single-post .site-main {
     width: 1320px;
     margin: 0 auto;
     padding: 100px 0 30px;
     background: url(../../images/wave.png) center bottom repeat-x
 }

 .single-post .site-main article {
     font-family: karlsen_roundbold;
     font-size: 24px;
     line-height: 1;
     font-weight: 400;
     color: #00607f
 }

 .single-post .site-main article .post-content {
     font-family: karlaregular;
     font-size: 20px;
     line-height: 1.2;
     color: #646569
 }

 .single-post .site-main article .post-content p {
     margin: 0 0 20px
 }

 .single-post .site-main article .post-content p:first-child {
     margin-top: 10px
 }

 .single-post .site-main article .post-date {
     display: block;
     border: 2px solid #32b1ca;
     border-radius: 50%;
     text-align: center;
     width: 85px;
     height: 85px;
     float: left;
     margin-right: 20px
 }

 .single-post .site-main article .post-date .day,
 .single-post .site-main article .post-date .month {
     font-family: karlaregular;
     display: block
 }

 .single-post .site-main article .post-date .month {
     margin-top: 15px;
     text-transform: uppercase
 }

 .single-post .site-main article .post-date .day {
     font-size: 34px
 }

 .single-post .site-main article h1 {
     font-family: karlsen_roundmedium;
     color: #00607f;
     display: inline-block;
     margin: 30px 0 40px
 }

 .search-results {
     color: #646569
 }

 .search-results h2 {
     font-family: supernett_cnregular;
     font-size: 120px;
     font-weight: 400;
     line-height: 1;
     margin: 0 auto 60px;
     text-align: center;
     color: #00607f
 }

 .search-results .count {
     font-size: 32px;
     color: #00607f;
     line-height: 1.4;
     font-weight: 700;
     margin-bottom: 20px;
     padding-left: 50px;
     background: url(../../images/blue-bubble-location-decoration.png) left center no-repeat
 }

 .search-results article {
     margin-bottom: 50px;
     font-size: 22px
 }

 .search-results article .item-title {
     font-family: karlabold;
     font-size: 26px;
     margin-bottom: 20px
 }

 .search-results article .item-title a {
     color: #00607f
 }

 .search-results article .item-title a:hover {
     color: #32b1ca
 }

 #footer {
     padding: 35px 0;
     background: #dfdfe0
 }

 #footer .site-content {
     width: 1320px !important
 }

 #footer #footer-logo,
 #footer #footer-logo img {
     width: 300px;
     height: auto
 }

 #footer #footer-logo {
     margin: 0;
     float: left
 }

 #footer #bottom-nav {
     float: left
 }

 #footer #bottom-nav .nav-col {
     float: left;
     margin-left: 80px
 }

 #footer #bottom-nav .nav-col ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }

 #footer #bottom-nav .nav-col ul li {
     font-family: karlaregular;
     font-size: 18px;
     margin-bottom: 15px
 }

 #footer #bottom-nav .nav-col ul li a {
     color: #646569
 }

 #footer #bottom-nav .nav-col ul li a:hover {
     color: #32b1ca
 }

 #footer #bottom-nav .nav-col ul li:last-child {
     margin-bottom: 0
 }

 #footer #bottom-nav .nav-col h3 {
     font-family: karlabold;
     margin-top: 40px;
     margin-bottom: 25px;
     color: #646569;
     font-weight: 400
 }

 #footer #bottom-nav .nav-col:first-child {
     margin-left: 100px
 }

 #footer #bottom-nav .nav-col:last-child {
     margin-left: 120px
 }

 #footer .design-by {
     width: 400px;
     margin: 50px auto 0px !important;
     text-align: center;
 }
 #footer .design-by a {
     text-align: center;
     color: #888
 }

 .edit-link {
     display: none
 }

 .go-chat {
     cursor: pointer
 }

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

 .clearfix {
     zoom: 1
 }

 body .vc_col-lg-1,
 body .vc_col-lg-10,
 body .vc_col-lg-11,
 body .vc_col-lg-12,
 body .vc_col-lg-2,
 body .vc_col-lg-3,
 body .vc_col-lg-4,
 body .vc_col-lg-5,
 body .vc_col-lg-6,
 body .vc_col-lg-7,
 body .vc_col-lg-8,
 body .vc_col-lg-9,
 body .vc_col-md-1,
 body .vc_col-md-10,
 body .vc_col-md-11,
 body .vc_col-md-12,
 body .vc_col-md-2,
 body .vc_col-md-3,
 body .vc_col-md-4,
 body .vc_col-md-5,
 body .vc_col-md-6,
 body .vc_col-md-7,
 body .vc_col-md-8,
 body .vc_col-md-9,
 body .vc_col-sm-1,
 body .vc_col-sm-10,
 body .vc_col-sm-11,
 body .vc_col-sm-12,
 body .vc_col-sm-2,
 body .vc_col-sm-3,
 body .vc_col-sm-4,
 body .vc_col-sm-5,
 body .vc_col-sm-6,
 body .vc_col-sm-7,
 body .vc_col-sm-8,
 body .vc_col-sm-9,
 body .vc_col-xs-1,
 body .vc_col-xs-10,
 body .vc_col-xs-11,
 body .vc_col-xs-12,
 body .vc_col-xs-2,
 body .vc_col-xs-3,
 body .vc_col-xs-4,
 body .vc_col-xs-5,
 body .vc_col-xs-6,
 body .vc_col-xs-7,
 body .vc_col-xs-8,
 body .vc_col-xs-9 {
     position: static
 }

 body .last_toggle_el_margin,
 body .wpb_button,
 body .wpb_content_element,
 body .wpb_row,
 body ul.wpb_thumbnails-fluid > li {
     margin-bottom: 0
 }

 .enquiry-popup {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0, 0, 0, .5);
     z-index: 1000
 }

 .enquiry-popup .enquiry-popup-content {
     background: #fff;
     position: absolute;
     left: 50%;
     margin-left: -300px;
     top: 50px;
     width: 600px;
     padding: 20px;
     overflow: hidden
 }

 .enquiry-popup .enquiry-popup-content #enquiry .vc_col-sm-12,
 .enquiry-popup .enquiry-popup-content #newForm .vc_col-sm-12 {
     max-width: none !important;
     width: 100% !important
 }

 .enquiry-popup .enquiry-popup-content #enquiry .site-content,
 .enquiry-popup .enquiry-popup-content #newForm .site-content {
     max-width: none;
     width: auto
 }

 .unbreakable-line {
     white-space: nowrap;
     font-style: normal
 }

 .entry-content #text-area .left-side p {
     margin-bottom: 20px
 }

 #page .static-page #main .choose-a-swim-school-img {
     width: 30%
 }

 #page .static-page #main .choose-a-swim-school-img p {
     text-align: center;
     margin-top: 40px !important
 }

 #page .static-page #main .choose-a-swim-school-img p img {
     width: 60% !important
 }

 #page .static-page #main .choose-swim-school-text-block {
     width: 67%
 }

 #page .static-page #main .choose-swim-school-text-block h3 {
     color: #00607f;
     font-family: karlsen_roundmedium;
     letter-spacing: 1px;
     line-height: 1.2
 }

 .per-centre {
     padding: 0 10px 0 20px
 }

 .per-centre strong {
     font-size: 20px;
     line-height: 1.4;
     color: #3bb0c9
 }

 #faq-page.careers-page .right-side a {
     background: transparent
 }

 #faq-page.careers-page .right-side a:hover {
     background: transparent
 }

 @media (min-width:999px) {
     #faq-page.careers-page .left-side {
         width: 48.93617020799999%
     }

     #faq-page.careers-page .right-side {
         width: 48.93617020799999%
     }
 }

 @media (max-width:1419px) {
     #page {
         min-width: 0
     }

     #common-questions .site-content,
     #footer .site-content,
     #header .site-content,
     #home-map-section .site-content,
     #map-section .site-content,
     #news-section .site-content,
     #newsletter .site-content,
     #our-centres .site-content,
     #slider-section .site-content,
     #tabs-section .site-content,
     .blog .site-main,
     .page-template-template-testimonials .blog-page-content .site-main,
     .programs .site-content,
     .single-post .site-main,
     .site-content {
         width: 1160px !important
     }

     #header {
         padding-top: 15px
     }

     #header .site-content #logo a img {
         height: 80px
     }

     #header .site-content .right-side #top-nav .locations-submenu {
         top: 91px
     }

     #header .site-content .right-side #top-nav #menu-top-navigation {
         margin-top: 20px
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li {
         padding-bottom: 18px
     }

     .entry-content #parent-child .fast-track .left-side .text-box p:last-child img {
         top: auto;
         bottom: 65px
     }

     .entry-content #independent .left-side .text-box h1,
     .entry-content #parent-child .left-side .text-box h1 {
         font-size: 60px
     }

     .programs {
         padding-top: 70px
     }

     .programs .site-content a {
         margin-bottom: 60px
     }

     .programs .site-content p {
         font-size: 18px
     }

     .programs .site-content p img {
         width: auto;
         height: 140px
     }

     .programs .site-content h3 {
         margin: 0
     }

     .programs .site-content h3 + p {
         margin-top: 15px;
         min-height: 125px
     }

     .programs .site-content .vc_row-fluid .vc_col-sm-3 {
         width: 23.5%;
         padding: 0 10px;
         box-sizing: border-box;
         margin-left: 2%
     }

     #enquiry .site-content .contact-header h2,
     #newForm .site-content .contact-header h2 {
         font-size: 90px
     }

     #enquiry .site-content .contact-header p,
     #newForm .site-content .contact-header p {
         font-size: 28px
     }

     #home-map-section .site-content .left-row,
     #our-centres .site-content .left-row {
         margin-top: 50px;
         width: 23% !important;
         margin-right: 2%
     }

     #home-map-section .site-content .left-row h3,
     #our-centres .site-content .left-row h3 {
         font-size: 22px;
         line-height: 1;
         white-space: nowrap
     }

     #home-map-section .site-content .left-row p,
     #our-centres .site-content .left-row p {
         font-size: 18px
     }

     #home-map-section .site-content .left-row p:nth-child(2),
     #home-map-section .site-content .left-row p:nth-child(4),
     #our-centres .site-content .left-row p:nth-child(2),
     #our-centres .site-content .left-row p:nth-child(4) {
         margin-bottom: 25px
     }

     #home-map-section .site-content .left-row p:nth-child(3),
     #home-map-section .site-content .left-row p:nth-child(4),
     #our-centres .site-content .left-row p:nth-child(3),
     #our-centres .site-content .left-row p:nth-child(4) {
         margin-left: 0
     }

     #home-map-section .site-content .left-row p.spaced-bottom,
     #our-centres .site-content .left-row p.spaced-bottom {
         margin-bottom: 15px
     }

     #home-map-section .site-content .left-row p:last-child a,
     #our-centres .site-content .left-row p:last-child a {
         padding: 15px 10px
     }

     #home-map-section .site-content .main-map,
     #our-centres .site-content .main-map {
         width: 560px;
         margin-bottom: 0
     }

     #home-map-section .site-content .main-map > *,
     #our-centres .site-content .main-map > * {
         transform: scale(.8);
         margin-top: -40px
     }

     #home-map-section .site-content .right-row,
     #our-centres .site-content .right-row {
         margin-left: 2% !important;
         width: 23% !important;
         margin-top: 50px
     }

     #home-map-section .site-content .right-row h3,
     #our-centres .site-content .right-row h3 {
         font-size: 22px;
         line-height: 1
     }

     #home-map-section .site-content .right-row ul,
     #our-centres .site-content .right-row ul {
         width: 48%;
         margin-right: 4%
     }

     #home-map-section .site-content .right-row ul:last-child,
     #our-centres .site-content .right-row ul:last-child {
         margin-right: 0
     }

     #home-map-section .site-content .right-row ul li,
     #our-centres .site-content .right-row ul li {
         margin-bottom: 10px
     }

     .choose-swim-center .site-content img {
         width: auto;
         height: 130px
     }

     .choose-swim-center .site-content h1 {
         margin-top: 70px
     }

     .choose-swim-center .site-content .last-row {
         margin-bottom: 70px
     }

     .choose-swim-center .swim-centre-box {
         margin-left: 30px;
         margin-right: 30px
     }

     .choose-swim-center .swim-centre-box.last-col {
         margin-right: 0
     }

     #news-section .site-content article {
         margin-right: 15px;
         margin-bottom: 20px;
         width: 270px
     }

     #news-section .site-content .announcements {
         width: 300px
     }

     #news-section .site-content .announcements span {
         margin-left: 20px
     }

     #newsletter .site-content img {
         margin-right: 10px
     }

     #newsletter .site-content span {
         font-size: 21px
     }

     #newsletter .site-content form {
         margin-top: 20px
     }

     #newsletter .site-content form input {
         margin-left: 10px;
         width: 135px
     }

     #newsletter .site-content form input:first-child {
         margin-left: 0
     }

     #newsletter .site-content form .subscribe {
         width: 140px;
         padding: 12px 0
     }

     .entry-content #independent,
     .entry-content #parent-child {
         height: auto
     }

     .entry-content #independent .left-side,
     .entry-content #parent-child .left-side {
         position: relative;
         height: 630px
     }

     .entry-content #independent .left-side .text-box,
     .entry-content #parent-child .left-side .text-box {
         position: static;
         float: none;
         margin: 0;
         width: auto;
         padding: 50px 30px 0 60px
     }

     .entry-content #independent .left-side .text-box h1,
     .entry-content #parent-child .left-side .text-box h1 {
         margin-bottom: 30px;
         line-height: .8
     }

     .entry-content #independent .left-side .text-box a,
     .entry-content #parent-child .left-side .text-box a {
         width: 210px;
         display: block;
         padding-left: 0;
         padding-right: 0;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         margin-top: 25px;
         font-size: 18px
     }

     .entry-content #independent .left-side .text-box li,
     .entry-content #parent-child .left-side .text-box li {
         margin-bottom: 15px
     }

     .entry-content #independent .left-side .text-box li:last-child,
     .entry-content #parent-child .left-side .text-box li:last-child {
         margin-bottom: 25px
     }

     .entry-content #independent .left-side .text-box p:last-child,
     .entry-content #parent-child .left-side .text-box p:last-child {
         position: static
     }

     .entry-content #independent .left-side .text-box p:last-child img,
     .entry-content #parent-child .left-side .text-box p:last-child img {
         right: 20px;
         bottom: 20px;
         top: auto
     }

     .entry-content #independent .left-side .text-box h1,
     .entry-content #parent-child .left-side .text-box h1 {
         margin-top: 0
     }

     .entry-content #independent .right-side,
     .entry-content #parent-child .right-side {
         height: 630px
     }

     #tabs-section .site-content .tab .vc_tta-panels-container {
         max-width: none;
         margin-right: 370px
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
         min-width: 140px
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab a {
         font-size: 20px
     }

     #common-questions .site-content .left-side .accordion-answer,
     #common-questions .site-content .left-side .accordion-question {
         padding-left: 50px !important
     }

     #map-section .site-content .map h1 {
         font-size: 105px;
         line-height: 100px;
         margin-bottom: 30px
     }

     #map-section .site-content .map .map-side {
         width: 100%
     }

     #map-section .site-content .map .wpsl-gmap-canvas {
         width: 530px !important
     }

     #common-questions .sidebar ul li,
     #enrol .sidebar ul li,
     #staff .sidebar ul li,
     .locations-listing .sidebar ul li {
         margin-right: 0;
         padding-right: 30px
     }

     #common-questions .sidebar ul li .nav-arrow,
     #enrol .sidebar ul li .nav-arrow,
     #staff .sidebar ul li .nav-arrow,
     .locations-listing .sidebar ul li .nav-arrow {
         right: 10px
     }

     #program-banner .site-content {
         margin: 0 auto !important;
         padding-bottom: 45px !important
     }

     #program-banner .site-content h1 {
         font-size: 65px !important;
         line-height: .8 !important
     }

     #program-banner .site-content .left,
     #program-banner .site-content .right {
         text-align: center !important
     }

     #program-banner .site-content .left {
         width: 38% !important
     }

     #program-banner .site-content .left ul li,
     #program-banner .site-content .left ul li:first-child {
         margin-bottom: 15px;
         margin-left: 7px;
         margin-right: 7px
     }

     #program-banner .site-content .right {
         margin-left: 5% !important;
         width: 55% !important
     }

     #program-banner .site-content .right ul {
         float: none;
         padding-left: 0 !important
     }

     #program-banner .site-content .right ul li {
         float: none;
         margin-right: 25px
     }

     #slider-section .slider {
         padding-left: 20px
     }

     #slider-section .slider .owl-buttons .owl-prev {
         left: -50px;
         top: -240px
     }

     #slider-section .slider .owl-buttons .owl-next {
         left: auto;
         right: -30px;
         top: -240px
     }

     .owl-carousel .owl-item .wpb_wrapper {
         padding-right: 20px
     }

     .owl-carousel .owl-item img {
         width: 100%
     }
 }

 @media (max-width:1199px) {

     #program-banner .site-content .left ul li:first-child:before,
     #staff .sidebar {
         display: none
     }

     #common-questions .site-content,
     #footer .site-content,
     #header .site-content,
     #home-map-section .site-content,
     #map-section .site-content,
     #news-section .site-content,
     #newsletter .site-content,
     #our-centres .site-content,
     #program-banner .site-content,
     #slider-section .site-content,
     #tabs-section .site-content,
     .blog .site-main,
     .page-template-template-testimonials .blog-page-content .site-main,
     .programs .site-content,
     .single-post .site-main,
     .site-content {
        width: 100%!important;
        padding-left: 20px !important;
        padding-right: 20px !important;
     }

     .single-post .site-main {
         padding-top: 60px
     }

     #header .site-content #logo {
         position: relative;
         z-index: 2;
         width: auto
     }

     #header .site-content #logo a img {
         height: 75px
     }

     #header .site-content .right-side #top-nav .locations-submenu {
         padding: 20px;
         right: 33px
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li {
         margin-right: 20px
     }

     .entry-content #parent-child .fast-track .left-side h1 img {
         margin-left: 0
     }

     .image-group p {
         font-size: 18px
     }

     .rel-parent .site-content h1 {
         font-size: 100px
     }

     .entry-content #independent .left-side .text-box li,
     .entry-content #independent .left-side .text-box p,
     .entry-content #parent-child .left-side .text-box li,
     .entry-content #parent-child .left-side .text-box p {
         font-size: 18px
     }

     .blog .blog-page-content .site-main {
         padding-top: 60px
     }

     .blog .blog-page-content .site-main article {
         width: 45%;
         margin-right: 10%
     }

     .blog .blog-page-content .site-main article:nth-child(3n+1) {
         clear: none
     }

     .blog .blog-page-content .site-main article:nth-child(2n+1) {
         clear: both
     }

     .blog .blog-page-content .site-main article:nth-child(3n) {
         margin-right: 10%
     }

     .blog .blog-page-content .site-main article:nth-child(2n) {
         margin-right: 0
     }

     #page .static-page h1,
     .blog .blog-page-content h1,
     .dynamic-page .site-header .site-content h1,
     .page-template-template-testimonials .blog-page-content h1 {
         font-size: 100px
     }

     #faq-page .left-side {
         padding-right: 40px
     }

     #faq-page .left-side .accordion-question {
         font-size: 20px
     }

     #home-map-section .site-content h1,
     #our-centres .site-content h1,
     .locations-map .site-content h1,
     .programs .site-content .home h1 {
         font-size: 100px
     }

     #home-map-section .site-content,
     #our-centres .site-content,
     .locations-map .site-content {
         padding-bottom: 30px
     }

     #home-map-section .site-content .first-row img,
     #our-centres .site-content .first-row img,
     .locations-map .site-content .first-row img {
         top: 70px;
         margin-left: 235px
     }

     #home-map-section .site-content h2,
     #our-centres .site-content h2,
     .locations-map .site-content h2 {
         margin-bottom: 30px
     }

     #home-map-section .site-content .left-row,
     #our-centres .site-content .left-row,
     .locations-map .site-content .left-row {
         float: none;
         width: auto !important;
         margin: 0 0 20px !important
     }

     #home-map-section .site-content .left-row h3,
     #home-map-section .site-content .left-row p:nth-child(2),
     #home-map-section .site-content .left-row p:nth-child(4),
     #our-centres .site-content .left-row h3,
     #our-centres .site-content .left-row p:nth-child(2),
     #our-centres .site-content .left-row p:nth-child(4),
     .locations-map .site-content .left-row h3,
     .locations-map .site-content .left-row p:nth-child(2),
     .locations-map .site-content .left-row p:nth-child(4) {
         margin-bottom: 20px
     }

     #home-map-section .site-content .left-row .address-location,
     #our-centres .site-content .left-row .address-location,
     .locations-map .site-content .left-row .address-location {
         background: url(../../images/blue-bubble-location-decoration.png) left top no-repeat;
         margin-left: 0 !important;
         line-height: 35px;
         padding-left: 45px
     }

     #home-map-section .site-content .left-row .city-location,
     #our-centres .site-content .left-row .city-location,
     .locations-map .site-content .left-row .city-location {
         margin-left: 45px !important
     }

     #home-map-section .site-content .right-row,
     #our-centres .site-content .right-row,
     .locations-map .site-content .right-row {
         margin: 0 !important;
         width: 32% !important;
         float: right
     }
     #home-map-section .site-content .right-row h3, #our-centres .site-content .right-row h3, .locations-map .site-content .right-row h3 {
           background-position: -418px 16px;
     }

     .programs .site-content .vc_row-fluid .vc_col-sm-3 {
         margin: 0;
         padding: 0 20px;
         width: 50%;
         max-width: none !important
     }

     .programs .site-content .second-col .yellow-dec {
         top: 35px;
         left: 55%;
     }  
     .programs .site-content .fourth-col .blue-dec {
         top: -14px;
         left: 54%;
     }  

     .choose-swim-center .site-content h1 {
         font-size: 80px
     }

     #news-section .site-content .announcements h1 {
         font-size: 40px
     }

     #news-section .site-content h1 {
         font-size: 80px
     }

     #news-section .site-content .news {
         float: none;
         width: auto;
         margin-right: 300px
     }

     #news-section .site-content article {
         width: 47%;
         margin-right: 2%
     }

     #newsletter .site-content img {
         width: 40px
     }

     #newsletter .site-content form {
         float: none
     }

     #newsletter .site-content form input:first-child {
         margin-left: 0
     }

     .entry-content #independent .left-side .text-box h1,
     .entry-content #parent-child .left-side .text-box h1 {
         font-size: 50px
     }

     .entry-content #independent .left-side .text-box ul,
     .entry-content #parent-child .left-side .text-box ul {
         margin: 0
     }

     .entry-content #independent .left-side .text-box li,
     .entry-content #parent-child .left-side .text-box li {
         margin-bottom: 10px
     }

     .entry-content #independent .left-side .text-box li:last-child,
     .entry-content #parent-child .left-side .text-box li:last-child {
         margin-bottom: 20px
     }

     .entry-content #independent .left-side .text-box a,
     .entry-content #parent-child .left-side .text-box a {
         margin-top: 20px
     }

     .entry-content #independent .left-side .text-box p,
     .entry-content #parent-child .left-side .text-box p {
         margin-bottom: 10px
     }

     .entry-content #independent .left-side .text-box p:last-child img,
     .entry-content #parent-child .left-side .text-box p:last-child img {
         width: 65px
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
         min-width: 100px
     }

     #tabs-section .site-content .tab .vc_tta-panels-container .top-box p {
         margin-right: 20px
     }

     #common-questions .site-content .left-side {
         width: 60%
     }

     #common-questions .site-content .left-side .accordion-answer,
     #common-questions .site-content .left-side .accordion-question {
         padding-left: 0 !important
     }

     #common-questions .site-content .left-side .accordion-question {
         position: relative
     }

     #common-questions .site-content .left-side .accordion-question a {
         position: absolute !important;
         right: 0;
         top: -1px
     }

     #common-questions .site-content .left-side .blockquote {
         margin-bottom: 80px;
         padding-bottom: 20px
     }

     #common-questions .site-content .left-side .blockquote:after {
         left: -10px
     }

     #common-questions .site-content .left-side .blockquote blockquote {
         margin: 0
     }

     #common-questions .site-content .left-side .blockquote .quotes-deco {
         left: 190px
     }

     #common-questions .site-content .left-side .author-img {
         margin-left: 20px;
         margin-right: 55px
     }

     #map-section .site-content .map .map-side {
         float: none;
         width: auto
     }

     #map-section .site-content .map .map-info {
         margin: 0;
         padding-bottom: 20px;
         max-width: none;
         float: none
     }

     #map-section .site-content .map .map-info .first {
         margin-bottom: 20px !important
     }

     #map-section .site-content .map .map-info > span:first-child {
         margin: 0
     }

     #map-section .site-content .map .map-info > span:nth-child(4) {
         margin-bottom: 20px
     }

     #staff .left-side {
         width: 100% !important
     }

     #program-banner .site-content .left ul {
         margin-bottom: 0
     }

     #program-banner .site-content .right {
         padding: 0;
         width: 55% !important;
         margin-left: 5% !important
     }

     #program-banner .site-content .right h1 {
         margin-top: 0
     }

     #program-banner .site-content .right ul li a {
         font-size: 20px !important;
         line-height: 20px !important
     }

     #slider-section .site-content {
         padding-bottom: 70px
     }

     #enrol .site-content .text-content {
         width: 62% !important
     }

     #enrol .site-content .enrol-sidebar {
         width: 35% !important
     }

     #enrol .site-content .cols p {
         margin-right: 2%;
         width: 49%
     }

     #enrol .site-content .cols p:last-child {
         margin-right: 0
     }

     #enrol .site-content form p span input[type=date],
     #enrol .site-content form p span input[type=email],
     #enrol .site-content form p span input[type=number],
     #enrol .site-content form p span input[type=tel],
     #enrol .site-content form p span input[type=text],
     #enrol .site-content form p span select,
     #enrol .site-content form p span textarea {
         width: 100%
     }

     #footer {
         padding: 35px 0
     }

     #footer #bottom-nav {
         float: right
     }

     #footer #bottom-nav .nav-col {
         margin-left: 60px
     }

     #footer #bottom-nav .nav-col:first-child {
         margin-left: 0
     }

     #footer #bottom-nav .nav-col:last-child {
         margin-left: 60px
     }

     #enquiry .site-content .contact-form,
     #enquiry .site-content .progress-steps,
     #newForm .site-content .contact-form,
     #newForm .site-content .progress-steps {
         width: 100% !important;
         padding: 40px 80px
     }

     #enquiry .site-content .contact-form .wpcf7-form,
     #enquiry .site-content .progress-steps .wpcf7-form,
     #newForm .site-content .contact-form .wpcf7-form,
     #newForm .site-content .progress-steps .wpcf7-form {
         width: 800px
     }

     #enquiry .site-content .progress-steps,
     #newForm .site-content .progress-steps {
         padding-bottom: 20px
     }

     #enquiry .site-content .progress-steps p,
     #newForm .site-content .progress-steps p {
         margin-right: 70px
     }

     #enquiry .site-content .contact-form,
     #newForm .site-content .contact-form {
         padding-top: 20px
     }
 }

 @media (max-width:999px) {

     #header .site-content .right-side .search,
     .programs .site-content .other-programs h1 {
         text-align: center
     }

     #page {
         overflow: hidden;
         width: 100%
     }

     #header {
         padding-bottom: 20px
     }

     #header .site-content {
         margin-left: 0 !important;
         margin-right: 0 !important
     }

     #header .site-content #logo {
         float: none;
         height: 70px;
         width: auto;
         max-width: 300px;
         margin: 0 auto 10px;
         text-align: center
     }

     #header .site-content #logo a {
         display: block
     }

     #header .site-content #logo img {
         max-width: 100%
     }

     #header .site-content .right-side {
         margin-top: 25px;
         float: none
     }

     #header .site-content .right-side .text {
         display: none
     }

     #header .site-content .right-side .search .icon {
         vertical-align: top;
         margin-right: 5px
     }

     #header .site-content .right-side .search .top-search {
         margin-right: 5px;
         vertical-align: middle
     }

     #header .site-content .right-side .search .top-search .search-input {
         padding-top: 0;
         padding-bottom: 0;
         height: 34px
     }

     #header .site-content .right-side .search #top-nav-toggle {
         display: inline-block
     }

     #header .site-content .right-side #top-nav {
         background: #fff;
         position: absolute;
         z-index: 100;
         left: 100%;
         top: 0;
         width: 100%;
         min-height: 1000px;
         box-sizing: border-box;
         padding: 120px 20px 20px;
         transition: all .3s ease-in-out
     }

     #header .site-content .right-side #top-nav #close-nav {
         display: block
     }

     #header .site-content .right-side #top-nav #close-nav:after,
     #header .site-content .right-side #top-nav #close-nav:before {
         background: #646569 !important
     }

     #header .site-content .right-side #top-nav.active {
         left: 0
     }

     #header .site-content .right-side #top-nav.active .menu-top-navigation-container {
         left: 0;
         opacity: 1
     }

     #header .site-content .right-side #top-nav .menu-top-navigation-container {
         position: relative;
         opacity: 0;
         transition: all .6s ease-in-out;
         left: 50px;
         width: 100%
     }

     #header .site-content .right-side #top-nav .locations-submenu {
         display: none !important
     }

     #header .site-content .right-side #top-nav #menu-top-navigation {
         margin-top: 0
     }

     #header .site-content .right-side #top-nav #menu-top-navigation > li.menu-item-has-children > a {
         position: relative
     }

     #header .site-content .right-side #top-nav #menu-top-navigation > li.menu-item-has-children > a:after {
         content: "";
         position: absolute;
         right: 0;
         top: 50%;
         margin-top: -5px;
         border-top: 10px solid #646569;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
         border-bottom: 0 none
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li {
         display: block;
         padding-bottom: 0;
         margin-right: 0;
         margin-bottom: 24px;
         border-bottom: 0 none;
         width: 100%
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li:hover {
         border-bottom: 0 none
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li a {
         color: #646569 !important;
         display: block;
         padding: 7px 0
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu-wrapper {
         overflow: hidden;
         max-height: 0;
         transition: all .3s ease-in-out;
         margin-left: -20px;
         margin-right: -20px;
         position: relative;
         top: 0;
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu-wrapper.active {
         max-height: 100%;
         top: auto;
         box-shadow: none
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu-wrapper.active:before {
         background: #00607f;
         height: 3px;
         content: "";
         position: absolute;
         left: 20px;
         top: 7px;
         width: 120px
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu {
         position: static;
         display: block;
         background: 0 0;
         padding: 20px 0 20px 60px !important;
         margin-top: 10px;
         margin-bottom: 10px;
         box-shadow: 0 0 4px 0 #999
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu li {
         border: 0;
         padding-right: 20px !important;
         margin-bottom: 0 !important;
         line-height: 24px
     }

     #header .site-content .right-side #top-nav #menu-top-navigation li .sub-menu li a {
         padding: 2px 0
     }

     #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li {
         margin-bottom: 0 !important
     }

     #header li {
         margin-right: 20px
     }

     .entry-content #parent-child .fast-track .left-side .text-box p:last-child img {
         bottom: 80px
     }

     .page-template-template-testimonials .blog-page-content .site-main {
         padding-top: 60px
     }

     .page-template-template-testimonials .blog-page-content .site-main article {
         margin-bottom: 5%;
         width: 100%;
         margin-right: 0
     }

     .page-template-template-testimonials .blog-page-content .site-main article:nth-child(2n+1),
     .page-template-template-testimonials .blog-page-content .site-main article:nth-child(3n+1) {
         clear: none
     }

     .page-template-template-testimonials .blog-page-content .site-main article:nth-child(3n) {
         margin-right: 0
     }

     .page-template-template-testimonials .blog-page-content .site-main article .excerpt a {
         font-size: 24px;
         line-height: 1
     }

     .page-template-template-testimonials .blog-page-content .site-main article h3 {
         margin: 0 0 20px
     }

     .rel-parent .site-content h1 {
         font-size: 90px
     }

     #faq-page h1 {
         font-size: 80px
     }

     #faq-page .left-side {
         width: 100%;
         margin-bottom: 40px;
         padding-right: 0;
         float: none
     }

     #faq-page .left-side .accordion-question.is-active + .accordion-answer {
         max-height: 800px
     }

     #faq-page .right-side {
         float: none;
         width: 100%
     }

     .image-group p {
         font-size: 15px
     }

     .image-group h3 {
         font-size: 20px;
         margin-top: 0
     }

     .image-group .full-image .decoration {
         width: 65px;
         height: 65px
     }

     #home-map-section .site-content h1,
     #our-centres .site-content h1,
     .programs .site-content .home h1 {
         font-size: 90px
     }

     #home-map-section .site-content .first-row img,
     #our-centres .site-content .first-row img {
         margin-left: 210px;
         top: 60px
     }

     #home-map-section .site-content .main-map,
     #our-centres .site-content .main-map {
         float: none;
         margin: 0 auto 20px !important
     }

     #home-map-section .site-content .main-map > *,
     #our-centres .site-content .main-map > * {
         margin-top: 0
     }

     #home-map-section .site-content .right-row,
     #our-centres .site-content .right-row {
         width: 100% !important;
         margin: 0 !important
     }

     #news-section .site-content article {
         margin-right: 0;
         width: 98%
     }

     #newsletter .site-content form input {
         width: 140px
     }

     #newsletter .site-content form input.subscribe {
         display: block;
         margin: 10px 0 0
     }

     #common-questions .site-content .right-side,
     #text-area .right-side {
         display: none
     }

     #text-area .left-side {
         width: 100% !important
     }

     .entry-content #independent .left-side,
     .entry-content #parent-child .left-side {
         width: 66%
     }

     .entry-content #independent .left-side .text-box h1,
     .entry-content #parent-child .left-side .text-box h1 {
         font-size: 48px
     }

     .entry-content #independent .left-side .text-box a,
     .entry-content #parent-child .left-side .text-box a {
         width: 180px;
         padding: 10px 20px;
         margin-top: 10px
     }

     .entry-content #independent .right-side,
     .entry-content #parent-child .right-side {
         width: 34%
     }

     #tabs-section .site-content .tab .vc_tta-panels-container {
         margin-right: 0
     }

     #common-questions .site-content .left-side {
         width: 100%
     }

     .dynamic-page .site-content h1,
     .dynamic-page .site-header .site-content h1 {
         font-size: 80px
     }

     .dynamic-page .site-content .search-store input {
         margin-bottom: 30px !important
     }

     .dynamic-page .site-content .search-store .search-button {
         display: block;
         margin: 0 !important
     }

     .dynamic-page .site-content .search-store .blue-search-icon {
         bottom: 110px !important
     }

     .dynamic-page .site-content .locations-listing .locations {
         margin-right: 2%
     }

     .dynamic-page .site-content .locations-listing .locations article h3 .distance {
         display: block;
         margin-left: 0 !important
     }

     .dynamic-page .site-content .locations-listing .locations,
     .dynamic-page .site-content .locations-listing .map {
         float: none;
         width: auto;
         margin: 0 0 20px
     }

     .dynamic-page .site-content .locations-listing .locations .sidebar,
     .dynamic-page .site-content .locations-listing .locations .sidebar.active,
     .dynamic-page .site-content .locations-listing .map .sidebar,
     .dynamic-page .site-content .locations-listing .map .sidebar.active {
         display: none
     }

     .programs .site-content a {
         margin-bottom: 50px
     }

     #map-section .site-content .map {
         float: none;
         margin-left: 0
     }

     #map-section .site-content .map h1 {
         font-size: 100px;
         line-height: 100px
     }

     #map-section .site-content .map .map-side {
         max-width: none
     }

     #map-section .site-content .map .map-side .wpsl-gmap-canvas {
         width: 100% !important
     }

     #enquiry .site-content,
     #enquiry .site-content .contact-header,
     #newForm .site-content,
     #newForm .site-content .contact-header {
         padding-bottom: 40px
     }

     #map-section .site-content .announcements h1 {
         margin-top: 20px
     }

     #map-section .site-content .announcements span:nth-child(2n+3) {
         text-align: left;
         margin-left: 20px
     }

     #staff .left-side .wpb_text_column.wpb_content_element img {
         margin-right: 30px
     }

     #program-banner {
         text-align: center !important
     }

     #program-banner .site-content .left,
     #program-banner .site-content .right {
         float: none;
         margin: 0 !important;
         width: 100% !important
     }

     #program-banner .site-content .left {
         margin-bottom: 30px !important
     }

     #program-banner .site-content .right ul {
         float: none !important
     }

     #program-banner .site-content .right ul li {
         float: none !important;
         text-align: center !important
     }

     #slider-section .site-content .text-box h1 {
         font-size: 100px
     }

     #enrol .site-content h1 {
         font-size: 80px;
         line-height: 100px;
         margin: 40px 0 20px
     }

     #enrol .site-content .text-content {
         width: 100% !important
     }

     #enrol .sidebar {
         display: none !important
     }

     #page .static-page #main {
         width: auto;
         margin-left: 20px;
         margin-right: 20px
     }

     #page .static-page h1,
     .blog .blog-page-content h1,
     .page-template-template-testimonials .blog-page-content h1 {
         font-size: 80px
     }

     #enquiry .site-content .contact-header h2,
     #newForm .site-content .contact-header h2 {
         margin-bottom: 30px
     }

     #enquiry .site-content .contact-form,
     #enquiry .site-content .progress-steps,
     #newForm .site-content .contact-form,
     #newForm .site-content .progress-steps {
         padding-left: 30px;
         padding-right: 30px
     }

     #enquiry .site-content .contact-form .wpcf7-form,
     #enquiry .site-content .progress-steps .wpcf7-form,
     #newForm .site-content .contact-form .wpcf7-form,
     #newForm .site-content .progress-steps .wpcf7-form {
         width: 100%
     }

     #enquiry .site-content .progress-steps p,
     #newForm .site-content .progress-steps p {
         margin-right: 50px
     }

     #enquiry .site-content .progress-steps p:after,
     #newForm .site-content .progress-steps p:after {
         width: 60px
     }

     .site-content .get-in-contact {
         width: 100% !important
     }

     .site-content .get-in-contact .text-box {
         padding-left: 0;
         width: 100%
     }

     /********** Changes 17-09-2020 **************/
     #faq-page .right-side form .search-icon:before {
         left: 6px;
         bottom: 10px;
     }
 }

 @media (max-width:767px) {
     /***************** Changes 17-09-2020 *******************/
     .programs .site-content .second-col .yellow-dec {
      background: none; 
     }


     #faq-page.careers-page .right-side img {
         width: 100%
     }

     #home-map-section,
     #news-section .site-content h1,
     #our-centres,
     .entry-content #parent-child .fast-track .left-side h1 {
         text-align: center
     }

     #enquiry .site-content .contact-header h2:after,
     #newForm .site-content .contact-header h2:after,
     #slider-section .slider:after {
         content: none
     }

     #common-questions .site-content,
     #footer .site-content,
     #header .site-content,
     #home-map-section .site-content,
     #map-section .site-content,
     #news-section .site-content,
     #newsletter .site-content,
     #our-centres .site-content,
     #slider-section .site-content,
     #tabs-section .site-content,
     .programs .site-content,
     .site-content {
         padding-left: 10px !important;
         padding-right: 10px !important
     }

     #page {
         max-width: 100%;
         overflow: hidden
     }

     .blog .blog-page-content .site-main,
     .page-template-template-testimonials .blog-page-content .site-main {
         padding-top: 60px
     }

     .blog .blog-page-content .site-main article,
     .page-template-template-testimonials .blog-page-content .site-main article {
         margin-bottom: 5%;
         width: 100%;
         margin-right: 0
     }

     .blog .blog-page-content .site-main article:nth-child(2n+1),
     .blog .blog-page-content .site-main article:nth-child(3n+1),
     .page-template-template-testimonials .blog-page-content .site-main article:nth-child(2n+1),
     .page-template-template-testimonials .blog-page-content .site-main article:nth-child(3n+1) {
         clear: none
     }

     .blog .blog-page-content .site-main article:nth-child(3n),
     .page-template-template-testimonials .blog-page-content .site-main article:nth-child(3n) {
         margin-right: 0
     }

     .blog .blog-page-content .site-main article .excerpt a,
     .page-template-template-testimonials .blog-page-content .site-main article .excerpt a {
         font-size: 24px;
         line-height: 1
     }

     .blog .blog-page-content .site-main article h3,
     .page-template-template-testimonials .blog-page-content .site-main article h3 {
         margin: 0 0 20px
     }

     #faq-page h1 {
         font-size: 50px
     }
     #header {
         padding-bottom: 20px
     }

     #header .site-content {
         margin-left: 0 !important;
         margin-right: 0 !important
     }
     .entry-content #parent-child .fast-track .left-side h1 img {
         width: 100%;
         max-width: 350px
     }
     .entry-content #parent-child .fast-track .left-side .text-box p:last-child img {
         bottom: 37px
     }
     .main-banner {
         padding: 70px 0
     }
     .rel-parent .site-content h1 {
         font-size: 55px;
         line-height: .9;
         margin-bottom: 20px
     }
     .rel-parent .site-content h2 {
         font-size: 20px;
         line-height: 1;
         margin-bottom: 20px
     }
     .rel-parent .site-content .center-box {
         margin-bottom: 45px
     }

     .rel-parent .site-content .center-box a {
         padding: 15px 20px;
         font-size: 18px;
         letter-spacing: 2
     }

     .rel-parent .site-content .counter p:first-child {
         font-size: 36px;
         line-height: 50px
     }

     .programs {
         padding-top: 40px
     }

     .programs .site-content .home h1 {
         font-size: 80px;
         font-size: 55px;
         line-height: .8;
         margin-bottom: 20px
     }

     .programs .site-content h3 {
         font-size: 20px
     }

     .programs .site-content h3 + p {
         min-height: 0;
         margin-bottom: 15px
     }

     .programs .site-content .vc_row-fluid .vc_col-sm-3 {
         float: none;
         width: 100%
     }

     .image-group .vc_col-sm-6,
     .image-group .vc_row-fluid {
         width: 100% !important;
         font-size: 15px
     }

     .image-group .vc_col-sm-6 p,
     .image-group .vc_row-fluid p {
         font-size: 18px
     }

     .image-group .full-image:hover .wpb_wrapper {
         transform: rotateY(0)
     }

     .image-group .full-image:hover .wpb_wrapper .back {
         opacity: 1
     }

     .image-group .full-image .decoration {
         bottom: 10px;
         width: 55px;
         height: 55px
     }

     #home-map-section .site-content,
     #our-centres .site-content {
         padding-bottom: 0
     }

     #home-map-section .site-content .first-row img,
     #our-centres .site-content .first-row img {
         margin-left: 130px;
         top: 6px;
         width: 35px
     }

     #home-map-section .site-content h1,
     #our-centres .site-content h1 {
         font-size: 55px;
         margin-bottom: 20px;
         line-height: .8
     }

     #home-map-section .site-content .left-row .location-details,
     #our-centres .site-content .left-row .location-details {
         padding-right: 0
     }

     #home-map-section .site-content .left-row .location-details h3,
     #our-centres .site-content .left-row .location-details h3 {
         white-space: normal
     }

     #home-map-section .site-content .left-row .location-details p,
     #our-centres .site-content .left-row .location-details p {
         margin-left: 0 !important
     }

     #home-map-section .site-content .left-row .location-details .address-location,
     #our-centres .site-content .left-row .location-details .address-location {
         padding-left: 0;
         background: 0 0
     }

     #home-map-section .site-content .left-row h3,
     #our-centres .site-content .left-row h3 {
         background-position: none;
     }

     #home-map-section .site-content .main-map,
     #our-centres .site-content .main-map {
         height: 340px;
         overflow: hidden;
         width: 100% !important;
         position: relative;
     }

     #home-map-section .site-content .main-map > .map-hover,
     #home-map-section .site-content .main-map > .map-top,
     #our-centres .site-content .main-map > .map-hover,
     #our-centres .site-content .main-map > .map-top {
         transform: scale(.5);
         width: 560px;
         margin-left: -280px;
         left: 50%;
         top: -80px;
     }

     .choose-swim-center {
         padding-bottom: 10px;
     }

     .choose-swim-center .site-content h1 {
         font-size: 50px;
         line-height: .8;
         margin-top: 40px;
     }

     .choose-swim-center .vc_row-fluid .vc_col-sm-4 {
         display: block;
         width: 100% !important;
         margin: 10px 0 20px !important;
     }

     #news-section .site-content .news {
         margin-right: 0;
     }

     #news-section .site-content h1 {
         font-size: 50px;
         line-height: .8;
     }

     #news-section .site-content article {
         width: 100%;
         padding-bottom: 5px
     }

     #news-section .site-content article h2,
     #news-section .site-content article p {
         margin-left: 10px;
         margin-right: 10px
     }

     #news-section .site-content .announcements {
         position: static;
         width: 100%;
         padding: 10px 0
     }

     #news-section .site-content .announcements h1 {
         margin-top: 30px
     }

     #news-section .site-content .announcements h3 {
         margin: 10px 0 15px
     }

     .entry-content #independent,
     .entry-content #parent-child {
         height: auto
     }

     .entry-content #independent .left-side,
     .entry-content #parent-child .left-side {
         height: auto;
         padding-bottom: 30px;
         width: 100%
     }

     .entry-content #independent .left-side .text-box,
     .entry-content #parent-child .left-side .text-box {
         padding: 40px 10px 0
     }

     .entry-content #independent .left-side .text-box h1,
     .entry-content #parent-child .left-side .text-box h1 {
         font-size: 50px;
         line-height: .8;
         margin-bottom: 25px
     }

     .entry-content #independent .left-side .text-box p,
     .entry-content #independent .left-side .text-box ul,
     .entry-content #parent-child .left-side .text-box p,
     .entry-content #parent-child .left-side .text-box ul {
         max-width: none;
         padding-left: 0
     }

     .entry-content #independent .left-side .text-box p:last-child img,
     .entry-content #independent .left-side .text-box ul:last-child img,
     .entry-content #parent-child .left-side .text-box p:last-child img,
     .entry-content #parent-child .left-side .text-box ul:last-child img {
         width: 45px;
         bottom: 25px
     }

     .entry-content #independent .left-side .text-box a,
     .entry-content #parent-child .left-side .text-box a {
         padding: 10px 0;
         width: 150px;
         font-size: 15px;
         letter-spacing: 1px
     }

     .entry-content #independent .right-side,
     .entry-content #parent-child .right-side {
         display: none
     }

     #tabs-section.parent-child-program .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab:first-child a {
         font-size: 12px
     }

     #tabs-section {
         padding: 30px 0
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list {
         margin-bottom: -1px
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab {
         min-width: 0;
         padding: 10px 5px
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab.vc_active:before {
         height: 32px;
         background-size: auto 100%
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab:first-child a {
         font-size: 9px
     }

     #tabs-section .site-content .tab ul.vc_tta-tabs-list li.vc_tta-tab a {
         font-size: 12px;
         font-weight: 700
     }

     #tabs-section .site-content .tab .vc_tta-panels-container {
         padding: 20px 10px
     }

     #tabs-section .site-content .tab .vc_tta-panels-container .top-box {
         margin-bottom: 30px
     }

     #tabs-section .site-content .tab .vc_tta-panels-container .top-box p {
         display: block;
         margin: 0 0 10px;
         max-width: none;
         padding-top: 80px
     }

     #common-questions .site-content .left-side h1 {
         margin: 30px 0 20px;
         font-size: 50px;
         line-height: .8
     }

     #common-questions .site-content .left-side .accordion-answer p,
     #common-questions .site-content .left-side .accordion-question p {
         margin: 15px 0
     }

     #common-questions .site-content .left-side .accordion-question p {
         font-size: 20px;
         line-height: 1.2;
         padding-right: 50px;
         font-family: karlabold
     }

     #common-questions .site-content .left-side .author-img {
         margin: 0 20px 10px 0;
         width: 100px
     }

     #common-questions .site-content .left-side .blockquote {
         margin-bottom: 30px
     }

     #common-questions .site-content .left-side .blockquote h1 {
         margin-top: 0
     }

     #common-questions .site-content .left-side .blockquote .quotes-deco,
     #common-questions .site-content .left-side .blockquote:after {
         display: none
     }

     #common-questions .site-content .left-side .blockquote blockquote p {
         margin: 15px 0;
         font-size: 20px;
         line-height: 1.2
     }

     .dynamic-page .site-header .site-content {
         padding: 40px 0 !important
     }

     .dynamic-page .site-header .site-content h1 {
         font-size: 50px;
         line-height: .8;
         margin: 0 auto 30px
     }

     .dynamic-page .site-header .site-content .page-body p {
         margin-top: 0;
         font-size: 20px
     }

     .dynamic-page .site-header .site-content .search-store {
         margin: 30px 0
     }

     .dynamic-page .site-header .site-content .search-store label {
         display: block;
         margin-bottom: 10px;
         font-size: 18px
     }

     #map-section .site-content .map .map-side .map-decoration,
     #newsletter .site-content img,
     #page .static-page .choose-a-swim-school-img,
     #slider-section .slider .owl-buttons .owl-next,
     #slider-section .slider .owl-buttons .owl-prev {
         display: none
     }

     .dynamic-page .site-header .site-content .search-store input {
         margin-bottom: 20px;
         box-sizing: border-box;
         font-size: 18px;
         width: 100%;
         padding: 10px 10px 10px 35px
     }

     .dynamic-page .site-header .site-content .search-store .blue-search-icon {
         background: url(../../images/search-icon.png) center center no-repeat;
         bottom: 75px !important;
         left: 5px
     }

     .dynamic-page .site-header .site-content .search-store .search-button {
         margin: 0 !important;
         width: 160px;
         height: 40px;
         font-size: 20px
     }

     .dynamic-page .site-content .location-results {
         font-size: 22px
     }

     .dynamic-page .site-content .locations-listing {
         padding-bottom: 30px !important
     }

     .dynamic-page .site-content .locations-listing .locations,
     .dynamic-page .site-content .locations-listing .map {
         float: none;
         width: auto;
         margin: 0 0 20px
     }

     .dynamic-page .site-content .locations-listing #location-list article h3 {
         margin-bottom: 20px;
         font-size: 26px
     }

     .dynamic-page .site-content .locations-listing #location-list article h3 .distance,
     .dynamic-page .site-content .locations-listing #location-list article p {
         font-size: 18px
     }

     #map-section .site-content .map h1 {
         font-size: 55px;
         line-height: .8;
         margin-bottom: 20px
     }

     #map-section .site-content .map .map-side h2 {
         font-size: 20px;
         line-height: 1.2;
         margin-bottom: 20px
     }

     #map-section .site-content .map .map-side .wpsl-gmap-canvas {
         height: 240px !important
     }

     #slider-section .site-content {
         padding: 30px 0 !important
     }

     #slider-section .site-content .text-box {
         margin-left: 0;
         font-size: 20px;
         line-height: 1.2
     }

     #slider-section .site-content .text-box h1 {
         text-align: center;
         font-size: 65px
     }

     .programs .site-content .other-programs h1 {
         font-size: 65px;
         line-height: .8
     }

     .programs .site-content h3 {
         margin: 30px 0 15px
     }

     .programs .site-content p {
         font-size: 20px;
         line-height: 1.2
     }

     .programs .site-content a {
         margin-bottom: 30px
     }

     #staff .site-content h2 {
         text-align: center !important;
         font-size: 65px;
         line-height: 1;
         margin: 30px 0 20px
     }

     #staff .site-content .left-side .wpb_text_column.wpb_content_element h3,
     #staff .site-content .left-side .wpb_text_column.wpb_content_element h4,
     #staff .site-content .left-side .wpb_text_column.wpb_content_element p {
         text-align: center
     }

     #staff .site-content .left-side .wpb_text_column.wpb_content_element {
         padding: 260px 30px 30px;
         position: relative
     }

     #staff .site-content .left-side .wpb_text_column.wpb_content_element p img {
         position: absolute;
         top: 30px;
         left: 50%;
         margin-left: -100px
     }

     #staff .site-content .left-side .wpb_text_column.wpb_content_element h3:after,
     #staff .site-content .left-side .wpb_text_column.wpb_content_element h4:after {
         left: 50% !important;
         margin-left: -35px
     }

     #program-banner .site-content h1 {
         font-size: 80px;
         line-height: .8
     }

     #enrol .site-content h2 {
         font-size: 24px;
         line-height: 1.6
     }

     #enrol .site-content h1 {
         font-size: 50px
     }

     #enrol .site-content .cols p {
         float: none;
         width: auto;
         margin: 0 0 10px
     }

     #enquiry .site-content .progress-steps,
     #newForm .site-content .progress-steps {
         text-align: left
     }

     #enquiry .site-content .progress-steps p,
     #newForm .site-content .progress-steps p {
         text-align: center;
         margin: 10px 10px 10px 0
     }

     #enquiry .site-content .progress-steps p:after,
     #newForm .site-content .progress-steps p:after {
         width: 15px
     }

     #get-in-contact .site-content h2 {
         margin-top: 20px
     }

     #newsletter {
         padding: 20px 0 10px
     }

     #newsletter .site-content form input,
     #newsletter .site-content form input.postcode,
     #newsletter .site-content form input.subscribe {
         margin: 0 0 10px;
         width: 100%
     }

     #footer {
         padding: 30px 0 10px
     }

     #footer #footer-logo {
         margin-bottom: 20px;
         float: none
     }

     #footer #bottom-nav {
         float: none
     }

     #footer #bottom-nav .nav-col,
     #footer #bottom-nav .nav-col:last-child {
         margin: 0 0 20px;
         padding-left: 30px;
         float: none
     }

     #footer #bottom-nav .nav-col ul,
     #footer #bottom-nav .nav-col:last-child ul {
         margin: 0
     }

     #footer #bottom-nav .nav-col ul li,
     #footer #bottom-nav .nav-col:last-child ul li {
         margin: 0 0 5px
     }

     #footer #bottom-nav .nav-col ul li:first-child,
     #footer #bottom-nav .nav-col:last-child ul li:first-child {
         margin-bottom: 10px
     }

     #footer .design-by {
          width: 280px;
          margin: 20px auto !important;
     }

     .blog .blog-page-content h1,
     .page-template-template-testimonials .blog-page-content h1 {
         font-size: 50px;
         line-height: 1.2;
         margin: 20px auto 0
     }

     #page .static-page {
         padding: 30px 0 10px
     }

     #page .static-page #main {
         font-size: 16px;
         margin-left: 10px;
         margin-right: 10px
     }

     #page .static-page #main .wpb_column {
         margin-bottom: 20px
     }

     #page .static-page h1 {
         font-size: 50px;
         line-height: 1.2;
         margin: 20px auto
     }

     #page .static-page .choose-swim-school-text-block {
         width: 100% !important
     }

     #enquiry .site-content .contact-header h2,
     #newForm .site-content .contact-header h2 {
         font-size: 50px;
         margin-right: 0;
         margin-bottom: 10px;
         float: none
     }

     #enquiry .site-content .contact-header p,
     #newForm .site-content .contact-header p {
         margin-top: 0;
         width: auto;
         margin-bottom: 30px;
         font-size: 20px
     }

     #enquiry .site-content .contact-form,
     #enquiry .site-content .progress-steps,
     #newForm .site-content .contact-form,
     #newForm .site-content .progress-steps {
         padding-left: 15px;
         padding-right: 15px
     }

     #enquiry .site-content .contact-form .step span input[type=date],
     #enquiry .site-content .contact-form .step span input[type=email],
     #enquiry .site-content .contact-form .step span input[type=number],
     #enquiry .site-content .contact-form .step span input[type=tel],
     #enquiry .site-content .contact-form .step span input[type=text],
     #enquiry .site-content .contact-form .step span select,
     #enquiry .site-content .contact-form .step span textarea,
     #newForm .site-content .contact-form .step span input[type=date],
     #newForm .site-content .contact-form .step span input[type=email],
     #newForm .site-content .contact-form .step span input[type=number],
     #newForm .site-content .contact-form .step span input[type=tel],
     #newForm .site-content .contact-form .step span input[type=text],
     #newForm .site-content .contact-form .step span select,
     #newForm .site-content .contact-form .step span textarea {
         width: 100%;
         margin: 10px 0;
         box-sizing: border-box
     }

     .enquiry-popup .enquiry-popup-content {
         left: 10px;
         right: 10px;
         width: auto;
         margin-left: 0;
         padding: 10px
     }

     .enquiry-popup .enquiry-popup-content #enquiry,
     .enquiry-popup .enquiry-popup-content #newForm {
         padding: 10px
     }

     .enquiry-popup .enquiry-popup-content #enquiry .site-content,
     .enquiry-popup .enquiry-popup-content #newForm .site-content {
         margin: 0 !important
     }

     .enquiry-popup .enquiry-popup-content #enquiry .site-content .contact-header p,
     .enquiry-popup .enquiry-popup-content #newForm .site-content .contact-header p {
         margin-bottom: 10px
     }

     .search-results h2 {
         font-size: 80px;
         line-height: .8;
         margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 40px
     }
 }

 #header .site-content .right-side #top-nav #menu-top-navigation > li:first-child .sub-menu li:nth-child(5) {
     background: url(../../images/fasttrack-icon-sub-menu.jpg) left center no-repeat;
 }

 /* custom btn */
 .custom_btn {
     display: inline-block;
     font-family: 'karlaregular';
     font-size: 18px;
     border: none;
     margin-left: 15px;
     color: #ffffff;
     cursor: pointer;
     background: #32b1ca;
     padding: 12px 30px;
     text-align: center;
     margin: 30px 0 0;
 }

 .custom_btn:hover,
 .custom_btn:focus {
     background: #FAD771;
 }

 .term_and_condition_section {
     font-size: 20px;
     line-height: 1.2;
     color: #646569;
     font-family: karlaregular;
     text-align: center;
 }

 .postid-4211 #banner-section {
     display: block !important;
 }

 .postid-4211 #slider-section {
     display: none;
 }

 #banner-section {
     background: url(../../images/home-aqua-banner.jpg) bottom center no-repeat;
     background-size: auto auto;
     background-size: cover;
     text-align: center;
     display: none;
 }

 #banner-section h1 {
     font-family: 'supernett_cnregular';
     font-weight: 400;
     line-height: normal;
     font-size: 105px;
     color: #fff;
     margin: 0 0 -10px;
     text-align: center;
     margin: 55px auto;
 }

 #banner-section a {
     text-transform: uppercase;
     font-family: karlabold;
     font-size: 24px;
     line-height: 24px;
     letter-spacing: 4px;
     color: #fff;
     background: #98d1dd;
     padding: 20px 36px 20px 40px;
     display: inline-block;
     margin-bottom: 60px;
 }

 #banner-section a:hover {
     background: #fad771;
 }

 .postid-3783 #slider-section,
 .postid-4223 #slider-section,
 .postid-4234 #slider-section,
 .postid-4221 #slider-section,
 .postid-4211 #slider-section,
 .postid-3827 #slider-section,
 .postid-3788 #slider-section,
 .postid-4225 #slider-section,
 .postid-4226 #slider-section,
 .postid-4236 #slider-section,
 .postid-4222 #slider-section,
 .postid-4237 #slider-section,
 .postid-3824 #slider-section,
 .postid-4224 #slider-section {
     display: none;
 }

 #map-section {
     border-bottom: 30px solid #8acddc;
 }

 input[type=checkbox] {
     transform: scale(1.5) !important;
 }

 /* !! winter activity page added date 10-07-2019 !! */
 #page .winter_activities_page h2.heading_sec {
     font-size: 100px;
 }

 .winter_activities_page .main-banner {
     position: relative;
     padding: 97px 0;
 }

 .winter_activities_page .main-banner h1 {
     font-size: 100px;
     line-height: normal;
 }

 .winter_activities_page .main-banner h2 {
     font-family: 'karlsen_roundbold';
     font-size: 24px;
     line-height: 34px;
     letter-spacing: 0;
     margin-bottom: 32px;
 }

 .winter_activities_page .main-banner p {
     font-family: 'karlaregular';
     font-size: 20px;
     line-height: 30px;
     letter-spacing: 0;
     margin: 0 0 40px;
     color: #ffffff;
 }

 .winter_activities_page .main-banner .center-box a {
     font-family: 'karlaregular';
     color: #74c5d8;
     background: #ffffff;
     letter-spacing: -1.73px;
     padding: 9px 31px 5px 31px;
     line-height: 34px;
 }

 .weather_hits_wrapper {
     position: relative;
     padding: 90px 0;
     text-align: center;
 }

 .weather_hits_wrapper p {
     color: #646569;
     font-size: 18px;
     line-height: 24px;
     font-family: 'karlabold';
 }

 .weather_hits_wrapper .row {
     display: flex;
     flex-wrap: wrap;
 }

 .weather_hits_wrapper .row::before,
 .weather_hits_wrapper .row::after {
     display: none;
 }

 .weather_hits_card {
     margin: 60px 0 0 0;
     padding: 0 60px;
     display: block;
 }

 .weather_hits_card p {
     font-family: 'karlsen_roundsemi_bold';
     color: #646568;
     letter-spacing: -0.31px;
     line-height: 28px;
 }

 /**/
 .winter_activities_page .programs_wrapper .vc_row-fluid {
     width: 100%;
 }

 /**/
 .news__wrapper {
     padding: 90px 0;
     position: relative;
 }

 .news__wrapper .row {
     display: flex;
     flex-wrap: wrap;
 }

 .news__wrapper .row::before,
 .news__wrapper .row::after {
     display: none;
 }

 #page .news__wrapper h2.heading_sec {
     color: #ffffff;
     max-width: 670px;
     text-align: center;
     margin: 0 auto 60px auto;
 }

 .post_card {
     position: relative;
     padding: 0;
     margin: 0;
     background: #ffffff;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
 }

 .post_card_cover {
     display: block;
     height: 270px;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 50% 50%;
 }

 .post_card_content {
     padding: 30px 35px 0px 35px;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;

 }

 .post_card_cta {
     padding: 0px 35px 30px 35px;
 }

 #news-section .post_card .learn_more {
     padding: 6px 13px;
     background: #34b1ca;
     color: #ffffff;
     text-align: center;
     display: inline-block;
     margin: 0;
 }

 .post_card_title h2 {
     font-family: 'karlsen_roundsemi_bold';
     letter-spacing: -0.41px;
     color: #646568;
     font-size: 24px;
     line-height: 34px;
     margin: 0 0 16px 0;
 }

 .post_card_content p {
     color: #646569;
     font-size: 18px;
     line-height: 24px;
     font-family: 'karlabold';
 }

 .find-manual .postcode-button {
     margin: 0;
 }


 /* wpsl_stores_wrapper style css */
 .wpsl_stores_wrapper .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
 }

 .wpsl_stores_wrapper .row::before,
 .wpsl_stores_wrapper .row::after {
     display: none;
 }

 .wpsl_stores_wrapper .map .row {
     align-items: center;
 }

 .wpsl_stores_wrapper .map-side div#wpsl-base-gmap_0 {
     margin: 0;
 }

 .wpsl_stores_wrapper h2.subtitle-location {
     margin: 0 0 30px 0;
 }

 @media (max-width:1199px) {
     #map-section .site-content .map .map-info {
         padding: 40px 0 0 0;
     }

     #map-section .site-content .map .map-side {
         max-width: 100%;
     }

     #map-section .site-content .map .wpsl-gmap-canvas {
         width: 100% !important;
     }
 }

 @media (max-width:991px) {
     #map-section .site-content .announcements {
         position: relative;
         left: 35px;
         top: auto;
         right: auto;
         bottom: auto;
         clear: both;
         width: auto;
     }
 }

 #corona .corona-entry-header {
     padding-bottom: 75px;
     text-align: center;
 }

 #corona .corona-entry-header .entry-title {
     margin-bottom: 25px;
     font-size: 70px;
     text-align: center;
     max-width: 544px;
 }

 .corona-meta {
     font-size: 24px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #20677d;
 }

 #corona .entry-content {
     font-size: 22px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: justify;
     color: #20677d;
 }

 .corona-faq {
     padding-top: 100px;
 }

 #corona h2 {
     font-family: supernett_cnregular;
     font-size: 48px;
     font-weight: normal;
     font-stretch: condensed;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #606266;
 }

 .corona-faq .set > a {
     display: block;
     cursor: pointer;
     padding: 15px 10px;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     transition: all 0.2s linear;
     /* width: 93%; */
     font-size: 22px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     color: #20677d;
 }

 .corona-help-links ul {
     list-style: none;
     font-size: 22px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     letter-spacing: normal;
     color: #20677d;
     padding: 0;
     line-height: 1.59;
 }

.is-affixed .inner-wrapper-sticky,
.is-affixed .stickysidebar_inner,
.is-affixed #map {
    margin-left: 15px;
}
.is-bottom-affixed .inner-wrapper-sticky,
.is-bottom-affixed .stickysidebar_inner,
.is-bottom-affixed #map {
    margin-left: 0;
}
 #corona .sidebar {
     width: 256px;
     /* height: 420px; */
	 height : auto;
     object-fit: contain;
     background-color: #dd4f5e;
     text-align: center;
     color: #fff;
     padding: 40px;
 }

 #corona .sidebar h2 {
     margin: 0 0 25px 0;
 }

 #corona .sidebar ul {
     padding: 0;
     list-style: none;
     margin-bottom: 45px;
 }

 #corona .sidebar ul li {
     line-height: 1.59;
     margin-bottom: 13px;
 }

 #corona .sidebar ul li a {
     color: #fff;
     font-size: 18px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
 }

 #corona .sidebar h2 {
     margin: 0 0 40px 0;
     font-family: karlaregular;
     font-size: 24px;
     font-weight: bold;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
 }

 #corona .sidebar .enquiry {
     font-family: karlaregular;
     font-size: 19px;
     text-decoration: none;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 1px;
     display: block;
     color: #fff;
     border: 1px solid #fff;
     padding: 12px 20px;
 }

 #corona .sidebar .enquiry:hover {
     color: #fbbebf;
     border: 1px solid #fbbebf;
 }

 .blog-content-corona h3 {
     font-size: 20px;
     font-weight: bold;
     font-stretch: normal;
     font-style: normal;
     line-height: normal;
     letter-spacing: normal;
     text-align: center;
     color: #20677d;
     margin: 10px 0 14px 0;
 }

 .blog-content-corona img {
     max-width: 100%;
 }

 .corona-blog-link {
     width: 176px;
     height: 44px;
     object-fit: contain;
     background-color: #31b0ca;
     display: block;
     color: #fff;
     margin: 0px auto;
     padding: 11px;
     text-align: center;
 }

 .blog-content-corona {
     margin-bottom: 65px;
     max-width: 315px;
     min-height: 280px;
 }

 .corona-blog-link:hover {
     background: #FAD771;
 }

 @media (max-width:767px) {
     #corona #main {
         padding: 0px 40px;
     }
     #corona .corona-entry-header {
        padding-bottom:  30px;
     }
     #corona .corona-entry-header .entry-title {
         margin-bottom: 16px;
         font-size: 40px;
     }

     .corona-meta {
         font-size: 20px;
     }

     #corona .entry-content {
         text-align: left;
     }

     #corona h2 {
         text-align: center;
         font-size: 40px;
     }
     .corona-faq {
        padding-top: 50px;
     }
     .corona-faq .set > a {
         padding: 8px 10px;
         font-size: 18px;
     }

     #corona .sidebar {
         display: none;
     }

     .blog-content-corona {
         margin: 0px auto 50px auto;
     }
 }
 
 /* !! activity hub added by wildan 18-09-2020 !! */
 .blue-button{
    letter-spacing: 1.5px;
    color: #fff;
    background: #32b1ca;
    padding: 15px 38px;
    display: inline-block;
 }