/*
Theme Name: Britishswim
Theme URI:  https://clicktecs.com
Description: Britishswim theme by the Team of Clicktecs
Author: Ankit Kumar
Author URI:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: britishswim
*/
.ws-ctas-outer{
    width: 100%;
float: left;
clear: both;
    padding: 100px 0 0 0;
}
.ws-ctas-outer h2{
   background: #f3f3f3;
border-radius: 20px;
font-size: 2.765em;
font-weight: 400;
padding: 17px 20px 17px 90px;
margin: 0 0 50px 0;
    position: relative;
    cursor: pointer;
}
.ws-ctas-outer h2:hover{
 background: #15498b;
    color: #fff;   
}
.ws-ctas-outer h2:before{
   content: "+";
position: absolute;
left: 31px;
top: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
}

.ws-ctas-outer h2.active:before{
     content: "-";
position: absolute;
left: 31px;
top: 14px;
    color: #fff;
}
.ws-ctas-outer h2.active{
   background: #15498b;
    color: #fff;
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ws-ctas{
    background: #f3f3f3;
    padding: 20px 40px;
    margin-bottom: 30px;
    border-radius:0 0 20px 20px;
}
.ws-ctas ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.ws-ctas ul li{
    margin: 20px 0;
}
.ws-ctas ul li a{
   display: block;
font-size: 1.765em;
font-family: cooper-black-std, serif;
color: #15498b;
border: solid 2px #15498b;
border-radius: 20px;
padding:20px 30px;
text-decoration: none;
}
.ws-ctas ul li a:hover,
.ws-ctas ul li a:focus,
.ws-ctas ul li a:active{
color: #fff;
    background: #e61c22;
    border-color: #e61c22;
}






































.lang-fr .header .wrapper,
.lang-fr .covid .wrapper{
	max-width:1440px;
	width:1440px;
}
.lang-fr ul.slimmenu li a {
    font-size: 1.0em;
    padding: 8px 16px;
}
.lang-fr .homepage-programs-text-banner h2 {
    font-size: 2.3em;
}
.lang-fr .homepage-programs-text-banner{
	padding-bottom: 40rem;
}
@media screen and (max-width: 1500px) {
	.lang-fr .header .wrapper,
	.lang-fr .covid .wrapper{
	width:96%;
}
}
@media screen and (max-width: 1366px) {
	.lang-fr ul.slimmenu li a {
    font-size: 0.85em;
    padding: 8px 14px;
}
}
@media screen and (max-width: 1280px) {
	.lang-fr .covid{
		font-size:0.85em;
	}
}
@media screen and (max-width: 1199px) {
	.lang-fr .header .btn{
	padding-left:15px;
	padding-right:15px;
	font-size:0.85em;	
	}
	.lang-fr ul.slimmenu li a {
   font-size: 0.75em;
padding: 8px 10px;
}
.lang-fr .covid {
    padding: 15px 0 15px 20%;
}
}
@media screen and (max-width: 991px) {
    .ws-ctas-outer h2{
        font-size:1.7em;
        margin: 0 0 20px 0;
        padding: 15px 20px 15px 50px;
    }
    .ws-ctas ul li a {
  font-size: 1.4em;
  padding: 10px 20px;
}
    .ws-ctas-outer h2::before,
    .ws-ctas-outer h2.active:before{
  left: 17px;
}
    .ws-ctas {
  padding: 10px 20px;
}
   
	.lang-fr .covid{
		padding:15px 0;
	}
	.lang-fr .homepage-programs-text-banner{
	padding-bottom: 40rem;
}
}
@media screen and (max-width: 480px) {
.lang-fr .homepage-hero-text-banner h1{
	font-size: 2.0em;
}
}







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
























.watersafety-intro h3{
font-weight: normal;
font-size: 1.412em;	
}
.watersafety-intro h2{
font-size: 2.353em;	
}
.banner-inner.home-banner h1{
	margin:-50px 0 21px 0;
	max-width:50rem;
}
.whychoose-page{
text-align:center;	
}
.contentside .whychoose-cards ul{
	display: flex;
flex-wrap: wrap;
margin:50px 0 0 0;
padding:0;
}
.contentside .whychoose-cards ul li{
width: 31.333333%;
list-style-type: none;
box-shadow: .25rem .25rem .625rem 0 rgba(34,30,31,.13);
border-radius: 20px;
color: #fff;
padding: 0 38px 48px 38px;
margin: 15px 1% 60px 1%;
background-image:url(img/bubbles-character-info-buckets.svg);
background-size: auto 21.25rem;
background-position: bottom 1.5rem right 1rem;
background-repeat: no-repeat;
}
.contentside .whychoose-cards ul li:before{
content:normal;	
}
.whychoose-cards ul li a{
	
}
.whychoose-cards ul h3{
	font-size:1.765em;
}
.whychoose-cards ul p{
	font-weight:700;
}
.whychoose-cards ul img {
    margin: -44px 0 30px 0;
    max-width: 180px;
}
.whychoose-page .resp-vid {
    border-radius: 20px;
margin-bottom: 50px;
}
.why-mascot-swimboree{
	background-color: #00a5ad;
	opacity:1;
}
.why-mascot-seahorse{
	background-color: #91278f;
	opacity:1;
}
.why-mascot-starfish{
	background-color: #b83c09;
	opacity:1;
}
.why-mascot-turtle1{
	background-color: #dd1317;
	opacity:1;
}
.why-mascot-minnow{
	background-color: #f26c0d;
	opacity:1;
}
.why-mascot-tadpole{
	background-color: #167cbb;
	opacity:1;
}
.why-stay .bubbles {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    background-image: url(img/bubbles-why-they-stay-bg.svg);
	padding-top: 30px;
}
.why-stay .container{
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    text-align: center;
	display: block;
max-width: 55.5rem;
height: 33.375rem;
}
.why-stay .fact-bubble{
    border-radius: 100%;
    border: 2px solid #fff;
    overflow: hidden;
    background-color: #167cbb;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
	position: absolute;
margin: 0 !important;
display: inline-block;
}
.why-stay .fact-bubble-1 {
    order: 1;
    height: 20rem;
    width: 20rem;
    background-color: #167cbb;
    background-image: url(img/bubble-1.png);
	top: 0;
left: 0;
}
.why-stay .fact-bubble-content{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #fff;
    font-family: cooper-black-std,serif;
    font-size: 1.875rem;
    line-height: 1;
    padding: 1.325rem;
    text-align: center;
}
.why-stay .fact-bubble-2 {
    z-index: 3;
    order: 3;
    text-align: left;
    margin-right: 0;
    margin-top: -2rem;
    height: 17.5rem;
    width: 17.5rem;
    background-color: #15498b;
    background-image: url(img/bubble-2.png);
	top: 6.25rem;
left: 50%;
}
.why-stay .fact-bubble-3  {
    order: 2;
    height: 13.75rem;
    width: 13.75rem;
    margin-left: 0;
    background-image: url(img/bubble-3.png);
	right: 0;
top: .625rem;
}
.why-stay .fact-bubble-4{
    order: 4;
    height: 13.75rem;
    width: 13.75rem;
    margin-left: 0;
    margin-top: -2rem;
    background-image: url(img/bubble-4.png);
	bottom: 0;
left: 20%;
}
.why-stay .fact-bubble-5 {
    order: 5;
    height: 17.5rem;
    width: 17.5rem;
    margin-right: 0;
    margin-top: -2rem;
    background-image: url(img/bubble-5.png);
	bottom: 0;
right: 0;
}



















.locationmap #map .infoWindow {
    color: #15498b;
    padding: 1rem;
    max-width: 16rem;
}
.locationmap #map .infoWindow h3 {
    padding-bottom: 1rem;
	font-size:1.846em;
	margin:0;
}
.locationmap #map .infoWindow p {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}
.locationmap #map .infoWindow .phone a {
    display: inline-block;
    padding: .5rem 0;
	text-decoration:none;
}
.locationmap #map .infoWindow .btn-small {
    margin-top: 1rem;
padding: .5rem 1rem;
width: 100%;
font-size: 1.385em;
}













.inthenews a:hover,
.inthenews a:focus,
.inthenews a:active{
color:#000;	
}
.inthenews a.btn:hover,
.inthenews a.btn:focus,
.inthenews a.btn:active{
color:#fff;	
}
.bannervideo{

}
.bannervideo iframe,
.bannervideo video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100rem;
    min-height: 100vw;
    width: 100%;
    height: 100%;
  opacity:0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
}

.h34{
  font-size:2.000em;
}
.banner-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    left: 75%;
    height: 50rem;
    width: 30rem;
    background-image: url(img/bubbles-general-hero.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.news-annoucements blockquote{
  color:#fff;
  opacity:1;
}
.news-annoucements .quotebox h2{
  text-align:left;
}
.testimo-onpage{
padding-bottom:60px;  
}
.diff-loc-cta{
text-align:center;
clear:both;
padding-top:70px; 
}
.testimo-onpage img{
  border-radius:100%;
  padding-right:30px;
}
#testimonials-form .fancybox-close-small{
color:#fff; 
opacity:1;
}
.post-detail h1{
width:85%;  
}
.post-detail {
position: relative;
    float: left;
    width: 100%;
    clear: both;
}
.post-meta .post-info-cell,
.post-meta .taxonomies{
  display:inline-block;
  margin:0;
  padding:0;
}
.post-meta{
line-height:normal; 
margin-bottom: 40px;
}
.post-meta .post-info-cell{
border-right: 1px solid #15498b;
padding-right: 10px;
margin-right: 5px;
line-height: 1;
}
.nex-previous-btns{
text-align:center;
padding:30px 0 0 0; 
}
.nex-previous-btns .btn{
min-width:224px;
margin:5px 10px;
}
.sidebar-mobile-only{
  display:none; 
}
.blog-page-template{
position:relative;
flex-wrap: wrap;
display:flex;
clear:both;
}
.blog-sidebar{
width: 28.2%;
position: relative;
margin-top: 0;
margin-bottom: -20px;
background: #f1f4f8;
padding: 60px 0 0 0;
}
.filter-group{
clear:both;
float:right;  
width: 14rem;
margin: 0 1rem 3.75rem auto;
}
.sidebar-desktop-only .filter-group{
height:250px;
overflow:auto;  
}
.filter-group h3 {
    font-size: 1.5em;
position: relative;
padding: 0 30px 0 0;
}
.filter-group h3:before {
content:"\f0d7";
font-family: "Font Awesome\ 5 Free";
position:absolute;
right:0;
top:0;
font-weight:700;
cursor:pointer;
}
.filter-group h3.active:before {
content:"\f0d8";
}
.filter-group h3:hover:before {
color:#e61c22;
}
.blog-content{
width:71.8%;
background: url(img/wave-light-background.svg) no-repeat left bottom;
padding: 120px 15% 70px 4%;
margin-bottom: -20px;
}
.blog-sidebar:before{
  content:"";
  width:100%;
  position:absolute;
  left:0;
  height: 4rem;
  background-image: url(img/wave-hero-bottom-wave-only.svg);
  background-size: 100vw 16rem;
  top:-64px;
  background-position: 0 100%;
  display: block;
  
}

.filter-group ul{
  margin: 0;
}
.filter-group ul li{
  list-style-type: none;
font-weight: 700;
line-height: normal;
}
.filter-group ul li a{
  color: #15498b;
display: block;
text-decoration: none;
padding: 6px 0;
}
.filter-group ul li a:hover,
.filter-group ul li a:focus,
.filter-group ul li a:active{
  color: #e61c22;
}

.blog-content .featured-posts .post{
padding: 0;
width: 49%;
overflow: hidden;
box-shadow: .25rem .25rem .625rem 0 rgba(34,30,31,.13);
}
.blog-content .featured-posts .post h2.title{
  background:#15498b;
  text-align:center;
  color:#fff;
  margin:0;
  line-height: normal;
  font-size: 1.5em;
}
.blog-content .featured-posts .post h2.title a{
color:#fff;
display:block;
padding:10px 20px;
}
.blog-content .featured-posts .post-pic img{
  border-radius:inherit;
}
.post-content {
    padding: 10px 30px 30px;
}
/*.taxonomies::before {
    content: "Tags: ";
    font-weight: 700;
    font-size: .875em;
}*/
.post-content ul{
margin:0 !important;  
   list-style: none;
    padding-left: 0;
    position: relative;
    margin: .5rem 0 0;
    z-index: 2;
}
.taxonomies li {
   list-style-type: none;
padding:0 !important;
position: relative;
display:inline-block;
font-weight: 400;
}
.taxonomies li a{
  color:#15498b;
}
.taxonomies li a:hover{
  color:#e61c22;
}
.contentside .taxonomies li:before{
display:none;
}
.taxonomies li:not(:last-child)::after {
    content: ",";
}

.normal-posts .post{
box-shadow: .25rem .25rem .625rem 0 rgba(34,30,31,.13);
background: #fff;
padding: 30px 25px;
margin: 14px 1%;
width: 31%;
}
.normal-posts .post-content {
    padding: 0;
}
.normal-posts .post h2.title{
  font-size:1.5em;
}
.normal-posts .post-pic {
    width: 90%;
    padding-bottom: 90%;
    margin: 0 auto 1.5rem;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.normal-posts .post-pic a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.normal-posts{
display: flex;
flex-wrap: wrap;
justify-content:flex-start; 
}















































.location-page {
   display: flex;
width: 100%;
padding: 128px 0 0 0;
margin-bottom: -18px;
background: #f3f3f3;
flex-wrap: wrap;
}
.locationmap {
    width: 60%;
  position:relative;
}
.single-location:hover{
background:#fbfbfb; 
}
.locationmap iframe{
    width:100%;
  position:absolute;
  left:0;
  top:0;
    height: 100%;
}
.locationlisting{
width: 40%;
height: calc(95vh - 5rem);
overflow-y: scroll; 
}
.location-wrapper h3{
text-align:center;  
font-size: 2.000em;
}
.location-wrapper{
max-width: 31.625rem;
margin-left: auto;
padding:4rem 1rem 2rem;  
}
.location-wrapper .findlocation{
width: 100%;
margin:0;
}
.single-location-inner{
	 display: flex;
	 flex-wrap: wrap;
	 max-width: 31.625rem;
margin-left: auto;
padding:1.25rem 0 2.5rem 1rem;
}
.single-location{
   float:left;
width: 100%;
border-top: solid 2px #dddddd;

}
.single-location:hover .distance,
.single-location:focus .distance,
.single-location:active .distance{
background:#e61c22;	
}
.single-loc-left{
width:73%;
padding:0 20px 0 0;

}
.single-loc-right{
width: 27%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.direction-link {
    text-align: center;
	margin-bottom: 1rem;
}
.direction-link a{
font-weight:700;
font-size:0.941em;
color:#15498b;
}
.single-location h4{
font-size:1.411em; 
margin-bottom: 12px; 
}
.location-list-item-location-address .btn{
min-width:180px;	
}
.single-location p{
font-size:0.941em;  
font-weight:700;
line-height: normal;
}
.distance {
  background: #6e707d;
text-align: center;
color: #fff;
position: relative;
padding: .75rem .5rem .875rem 2.125rem;
border-radius: 1.125rem 0 0 1.125rem;
font-size: 0.941em;
font-family: cooper-black-std, serif;
line-height: normal;
}
.distance:before {
content: "\f3c5";
font-family: "Font Awesome\ 5 Free";
display: inline-block;
font-weight: 700;
position: absolute;
left: 8px;
top: 10px;
font-size: 1.6em;
}





















.wizard-plugin{
text-align:center;  
float:left;
width:100%;
padding:0 0 50px 0;
}
.wizard-row{
float:left;
width:100%;
text-align:left;  
margin-bottom:10px;
}
.wizard-label{
float: left;
width: 100%;
background: #15498b;
color: #fff;
border-radius: 20px 20px 0 0;
padding:20px 16px 20px 78px;
display: flex;
flex-wrap: wrap;
position:relative;
}
.wizard-label:before {
content: "";
left: 25px;
top: 20px;
height: 1.75rem;
width: 1.75rem;
border: 2px solid #fff;
border-radius: 2px;
position: absolute;

}
.wizard-label:after {
opacity: 0;
  content: "";
display: block;
position: absolute;
left: 29px;
top: 15px;
height: 2rem;
width: 2rem;
background-image: url(img/icon-checkmark.svg);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.wizard-row-collapsed .wizard-label:after{
  opacity:1;
}
.wizard-row-collapsed .wizard-answer{
display:none; 
}
.wizard-row-collapsed .wizard-selected-answer{
  display:block;
}
.wizard-row-collapsed .wizard-label{
  background: #f3f3f3;
border-radius: 20px;
}
.wizard-row-collapsed .wizard-question h4{
  color:#15498b;
}
.wizard-row-collapsed .wizard-label::before{
  border-color:#15498b;
}
.wizard-question{
width: 80%;
padding-right: 10px;
}
.wizard-question h4{
margin:0; 
font-size:1.412em;
line-height:1;
}
.wizard-selected-answer{
display:none;
width: 20%;
border-left: 2px solid #979797;
padding-left: 10px;
text-align: center;
font-family: cooper-black-std, serif;
color:#9b9b9b;
font-size:1.529em;
}
.wizard-answer{
float: left;
width: 100%;
background: #f3f3f3;
border-radius: 0 0 20px 20px;
padding: 25px 20px;
text-align: center;
}
.wizard-answer .radio-group input[type="radio"] + .label-radio::before{
border-color:#15498b; 
}



















































.pool-pagefilter{
float: left;
width: 100%;
text-align: center;
background: #efefef;
border-radius: 20px;
margin: 44px 0 0;
padding:32px 10px;  
}
.pool-pagefilter ul{
  margin: 0;
}
.pool-pagefilter ul li{
  display: inline-block;
  margin:0 5px;
}
.pool-pagefilter ul li a{
display: block;
color: #15498b;
font-size: 1.176em;
font-weight: 700;
padding: 12px 24px;
border-radius: 30px;
text-decoration: none;
border: 2px solid #15498b;
}
.pool-pagefilter ul li a:hover,
.pool-pagefilter ul li a:focus,
.pool-pagefilter ul li a:active{
background: #15498b;
color:#fff;
}
.class-availability{
width:100%; 
}
.pool-info {
    float: left;
    width: 100%;
  padding:0 0 60px 0;
}
.pool-info h2{
text-align:center;
margin-bottom:40px;
}
.pool-info .class-availability ul li{
font-size: 1.2em;
font-weight: 700;
list-style-type: none;
width: 50%;
}
.pool-info .class-availability ul li:last-child{
text-align:right;
}
.pool-info .class-availability ul{
  padding-top:16px !important;
  padding-bottom:16px !important;
}
.pool-price{
   float: left;
    width: 100%;
  text-align:center;
  padding:0 0 14rem 0;
  background: url(img/wave-light-background.svg) no-repeat left top;
  background-size: cover;
  position:relative;
}
.pool-price:before{
  content:"";
  width:100%;
  z-index:-1;
  height:100%;
  position:absolute;
  left:0;
  top:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,f3f3f3+25 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #f3f3f3 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feffff 0%,#f3f3f3 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feffff 0%,#f3f3f3 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.pool-price h2{
text-align:center;
margin-bottom:40px;
}
.price-container{
padding:30px 0 50px 0;
  display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
.price-box{
  width: 24%;
background: #fff;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
border-radius: 15px;
overflow: hidden;
}
.price-box h4{
  background: #15498b;
color: #fff;
padding: 20px 10px;
margin: 0;
}
.price-box-inner{
float:left;
width:100%;
padding:30px; 
}
.price-box .btn{
width:100%; 
}
.price-box ul{
  margin:40px 0 20px 0;
}
.price-box ul li{
  list-style-type:none;
  border-top:#dfdfdf solid 2px;
  font-weight:700;
  padding:5px 0;
}
.price-lg{
font-size:5.2em;
font-weight: 700;
line-height: normal;  
}
.price-lg sup{
font-size: 0.4em;
top: -6px;
position: relative; 
}
.price-lg span{
display:block;
font-size:0.214em;
}
.fee-container{
text-align:left;  
}
.fee-container h2{
text-align:center;
margin-bottom:10px;
}
.news-annoucements {
    float: left;
    width: 100%;
    background: #15498b;
    position:relative;
  padding:60px 0 190px;
}
.news-annoucements .featured-posts{
  padding-top:20px;
}
.news-annoucements:before{
content: "";
width: 100%;
height: 100%;
background: url(img/blue-curve-top.svg) no-repeat top right;
position: absolute;
top: -330px;
left: 0;
background-size: 100%;
z-index: -1;
}
.news-annoucements h2{
color:#fff;
text-align:center;  
}
.news-annoucements .post  h2{
color:#15498b;
text-align:left 
}
.news-annoucements a.previouspostslink, .news-annoucements a.nextpostslink {
    color: #fff;
}
.careers {
    float: left;
    width: 100%;
  padding:0 0 70px 0;
}
.careers-inner{
float: left;
width: 100%;
background: #f3f3f3;
padding: 50px;
border-radius: 20px;
box-shadow: 0px 20px 15px rgba(0,0,0,0.2);
margin: -131px 0 0 0;
}
.careers h2:not(.title){
text-align:center;  
}
.pool-location-info {
    background: #f3f3f3;
    border-radius: 15px;
    padding: 30px;
    width: 52%;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.16);
}
.pool-location-info p{
max-width: 100% !important;
margin: 0 0 7px;
font-size: 1.170em;
font-weight: 700;
}
.pool-location-info .social-icons a{
  color:#15498b;
}
.pool-location-cta{
clear: both;
padding-top: 35px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pool-location-cta .btn{
width:48%;  
}
.pool-location-info img{
border-radius: 100%;
width: auto;
}
.pool-location-info .social-icons{
  margin-top:15px;
}
.poolpage-banner{
min-height:652px; 
}
.poolpage-banner .overlay-black{
  background:none;
}
.select-class {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    border-radius: 45px;
}
.select-dropdown {
   width: 72%;
border-right: 2px solid #f3f3f3;
padding: 0 10px 0 0;
}
.booklessonform .select-class .btn {
    min-width: inherit;
    width:23%;
  padding: 12px 0;
  border-radius: 35px;
}
.booklessonform .select-class select {
    box-shadow: none;
}
.booklessonform .select-class .btn:hover{
background:#15498b;
color:#fff; 
}





























.pool-location .resp-vid {
    border-radius: 20px;
}

.pool-timing-row{
padding-top:20px; 
}
.pool-location blockquote{
  padding-left: 1.5rem;
border-left: 2px solid #15498b;
font-size:1.412em;
}

.pool-location{
  float: left;
width: 100%;
padding:0 0 40px 0;
}
.class-filter h3{
font-size:1.412em;  
}
.class-filter{
margin-top:50px;
margin-bottom:70px; 
position:relative;
}
.class-filter p{
margin-bottom:40px; 
}
.class-filter img{
  margin-bottom:20px;
}
.class-filter:before{
content:"";
width:1px;
height:100%;
background:#fff;
position:absolute;
left:50%;
top:0;
}
.class-wizard{
text-align:center;  
clear: both;
}
.class-wizard h2{
font-size:2.5em;  
}
.class-wizard .btn{
display:block;
width:70%;
margin:15px auto 10px;  
}
.subscribebox-homepage{
background:#15498b; 
}
.subscribebox-homepage .subscribebox-form{
    margin-top: -180px;
}
.homepage-programs-text-banner {
    overflow: hidden;
    position: relative;
    padding-bottom: 28rem;
    padding-top: 6.25rem;
    background-image: url(img/water-texture.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  float:left;
  width:100%;
}

 .homepage-programs-text-banner .homepage-programs-text-banner-decoration-children,  .homepage-programs-text-banner .homepage-programs-text-banner-decoration-turtle,  .homepage-programs-text-banner .homepage-programs-text-banner-wave-background,  .homepage-programs-text-banner .homepage-programs-text-banner-wave-foreground {
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
}
.homepage-programs-text-banner .homepage-programs-text-banner-wave-background {
    bottom: 4rem;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(img/wave-home-programs-background.svg);
    background-size: cover;
background-position: top;
}
.homepage-programs-text-banner .homepage-programs-text-banner-decoration-turtle {
    background-image: url(img/decoration-turtle.svg);
    background-position: 100%;
  top: 3rem;
left: 55vw;
right: auto;
bottom: auto;
height: 48vw;
width: 51vw;
max-height: 45rem;
max-width: 45rem;
background-size: contain;
}
.homepage-programs-text-banner .homepage-programs-text-banner-decoration-children {
  background-image: url(img/decoration-kids-jumping.png);
    bottom: 0;
    right: 0;
    height: 48vw;
    width: 70vw;
    max-height: 45rem;
    background-size: contain;
    background-position: bottom -2rem right;
}
.homepage-programs-text-banner .homepage-programs-text-banner-wave-foreground {
    bottom: -1px;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(img/wave-home-programs-foreground.svg);
    background-size: contain;
    background-position: bottom;
}


















.homepage-hero-text-banner {
padding-top: 26rem;
margin-top: -29rem;
position: relative;
overflow: hidden;
float: left;
width: 100%;
color:#fff;
}
.homepage-hero-text-banner .text-banner {
    padding-bottom: 7rem;
  position: static;
background-color: #005696;
margin: 4rem 0;
}

.homepage-hero-text-banner .homepage-hero-text-banner-bubbles, .homepage-hero-text-banner .homepage-hero-text-banner-decoration-lifering, .homepage-hero-text-banner .homepage-hero-text-banner-decoration-starfish, .homepage-hero-text-banner .homepage-hero-text-banner-wave-background, .homepage-hero-text-banner .homepage-hero-text-banner-wave-foreground, .homepage-hero-text-banner .homepage-hero-text-banner-wave-middle-back, .homepage-hero-text-banner .homepage-hero-text-banner-wave-middle-front {
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
}
.homepage-hero-text-banner .homepage-hero-text-banner-wave-background {
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(img/wave-hero-home-background.svg);
    background-position: 0 0;
  top: auto;
bottom: 0;
background-size: cover;
}
.homepage-hero-text-banner .homepage-hero-text-banner-decoration-starfish {
top: 16vw;
left: 48vw;
height: 35vw;
width: 35vw;
max-height: 28.75rem;
max-width: 28.75rem;
    background-image: url(img/decoration-starfish.svg);
    background-size: contain;
    background-position: 50%;
}
.homepage-hero-text-banner .homepage-hero-text-banner-wave-middle-back {
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(img/wave-hero-home-middle-back.svg);
  top: auto;
  bottom: 0;
  background-size: cover;
  background-position: top 3rem left;
}
.homepage-hero-text-banner .wrapper{
position:relative;  
}
.homepage-hero-text-banner .homepage-hero-text-banner-decoration-lifering {
    top: auto;
    bottom: 0;
    left: 65vw;
    height: 40vw;
    width: 40vw;
    background-image: url(img/decoration-lifering.svg);
    background-size: contain;
    background-position: 50%;
}
.homepage-hero-text-banner .homepage-hero-text-banner-wave-middle-front {
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(img/wave-hero-home-middle-front.svg);
  top: auto;
bottom: 0;
background-size: cover;
background-position: top 21rem left;
}
.homepage-hero-text-banner .homepage-hero-text-banner-bubbles {
    display: block;
    top: 26%;
    right: 0;
    height: 62%;
    width: 40%;
    background-image: url(img/bubbles-home-hero-bubbles.svg);
    background-size: contain;
    background-position: 100%;
}
.homepage-hero-text-banner .homepage-hero-text-banner-wave-foreground {
    bottom: -1px;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url(img/wave-hero-home-white.svg);
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

































.home-banner .overlay-black{
  background:none;
}
.home-banner .overlay-black::after{
  display:none;
}
.banner-inner.home-banner{
overflow:hidden;
  min-height:920px;
  background-position: 100% 100%;
  background-color:#fff;
}
.booklessonform{
float:left;
width:100%;
background:#15498b;
color:#fff;
text-align:center;
padding:40px 70px;
margin:80px 0 0 0;
border-radius:25px;
box-shadow: 1px 9px 7px 0 rgba(0,0,0,.25);  
}
.booklessonform .btn{
min-width:230px;  
}
.generic-form-row{
margin-bottom:15px; 
}
.booklessons h2{
  text-align:center;
}
.booklessons ul{
justify-content: center;
  text-align: center;
display: flex;
flex-wrap: wrap;
margin: 0 !important;
padding: 50px 0 0 0 !important;
font-size: 100% !important;
}
.booklessons ul li{
width: 33.333333%;
padding: 0 15px !important;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.booklessons ul li:before{
display:none; 
}
.booklesseon-image{
  display:inline-block;
  position:relative;
  z-index:1;
  margin-bottom:-100px;
}
.booklesseon-image img{
  border-radius:100%;
  border:solid 10px #fff;
}
.booklessons ul h3{
font-size: 1.750em;
padding:0;
}
.booklessons ul p{
  font-weight:700;
  font-size:1.059em;
  color:#fff;
  margin-bottom:30px;
}
.booklessons ul li .btn{
width:100%;
background:#fff;
color:#15498b;
}
.booklessons ul li .btn:hover,
.booklessons ul li .btn:focus,
.booklessons ul li .btn:active{
background:#15498b;
color:#fff;
}
.booklesson-inner:before{
content: "";
width: 170px;
height: 170px;
position: absolute;
left: 10px;
top: -57px;
z-index: 1;
}
.booklessons ul li:nth-child(1) .booklesson-inner:before{
background: url(img/Swimboree.svg) no-repeat center center;
background-size: contain;
}
.booklessons ul li:nth-child(2) .booklesson-inner:before{
background: url(img/Seahorse.svg) no-repeat center center;
background-size: contain;
}
.booklessons ul li:nth-child(3) .booklesson-inner:before{
background: url(img/Starfish.svg) no-repeat center center;
background-size: contain;
}
.booklesson-inner{
background-image: url(img/bubbles-character-info-buckets.svg);
padding:130px 35px 40px 35px;
border-radius: 20px;
position: relative;
background-position: 50%;
background-size: contain;
}
.booklessons ul li:nth-child(1) h3{
  color:#00a5ad;
}
.booklessons ul li:nth-child(2) h3{
  color:#91278f;
}
.booklessons ul li:nth-child(3) h3{
  color:#b83c09;
}


.booklessons ul li:nth-child(1) .booklesson-inner{
  background-color:#00a5ad;
}
.booklessons ul li:nth-child(2) .booklesson-inner{
  background-color:#91278f;
}
.booklessons ul li:nth-child(3) .booklesson-inner{
  background-color:#b83c09;
}
.findlocation{
background: rgba(255,255,255,0.6);
padding: 10px;
border-radius: 3.25rem;
width: 620px;
position: relative;
text-align: center;
margin:0;
}
.mylocation{
font-weight: 700;
font-size: 1.059em;
color: #15498b;
display: block;
margin: 15px 0 6px;
}
.mylocation:hover{
color:#ec2327;  
}
.banner-inner.book-a-lesson{
  min-height:800px;
}
.mylocation .fas{
color:#ec2327;
margin-right:10px;
font-size:1.4em;  
}
.findlocation input[type="text"]{
  padding: 30px 40px;
border-radius: 40px;
font-size: 1.0em;
font-style: italic;
box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.16);
border:none;
}
.findlocation .btn{
  position: absolute;
right: 21px;
top: 55px;
padding: 20px 30px;
border-radius: 35px;
}

.findpool {
  text-align: left;
  display: block;
  padding-left: 30px;
  padding-bottom: 10px;
  font-size: 1.3em;
  font-weight: 700;
}

.watersafety-intro .social-icons a{
  vertical-align:middle;
  color:#15498b;
}
.social-icons strong{
font-size:1.059em;
padding-right:10px; 
}
.watersafety-intro .social-icons{
  text-align:right;
position:absolute;
right:0;
bottom:30px;
  vertical-align:middle;
}
.water-safety-counter{
padding:20px 0;	
}
.water-safety-counter span{
	background: #15498b;
color: #fff;
text-align: center;
width: 48px;
height: 48px;
display: inline-block;
line-height: 44px;
border-radius: 7px;
font-family: cooper-black-std, serif;
font-size: 2.353em;
margin: 0 1px;
}
ul.water-safety-tips{
margin: 0 !important;
text-align: center;
padding: 0 !important;
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
float: left;
}
.tips-body{
float:left;
width:100%;	
padding:30px 30px;
}
ul.water-safety-tips li{
	padding: 0 !important;
background: #fff;
overflow: hidden;
width: 23%;
border-radius: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.15);
margin: 25px 1%;
}
.tips-icon {
overflow:hidden;
padding:20px;
    background: #f3f3f3;
    border-radius: 100%;
    width: 220px;
    height: 220px;
    display: block;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
}
ul.water-safety-tips li:before{
display:none;
}
ul.water-safety-tips li h3{
	background:#15498b;
	color:#fff;
	padding:13px 0;
	margin:0;
	font-size:1.5em;
}
ul.water-safety-tips li p{
	margin:0;
}

.water-safety-page{
background:url(img/wave-light-background.svg) no-repeat left top;
margin-bottom: -20px;
background-size: cover; 
padding-bottom: 60px;
float:left;
width:100%;
position:relative;
}
.water-safety-page:before{
  content:"";
  width:100%;
  z-index:-1;
  height:100%;
  position:absolute;
  left:0;
  top:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+0,f3f3f3+25 */
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top, #feffff 0%, #f3f3f3 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feffff 0%,#f3f3f3 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feffff 0%,#f3f3f3 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.watersafety-intro{
position: relative;
text-align:center;
float:left;
width:100%; 
}
.watersafety-intro .btn{
min-width:315px;
margin: 10px 5px; 
}
.water-safety-counter{
padding:20px 0; 
}
/*.water-safety-counter span{
  background: #15498b;
color: #fff;
text-align: center;
width: 48px;
height: 48px;
display: inline-block;
line-height: 44px;
border-radius: 7px;
font-family: cooper-black-std, serif;
font-size: 2.353em;
margin: 0 1px;
}*/
ul.water-safety-tips{
margin: 0 !important;
text-align: center;
padding: 0 !important;
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
float: left;
}
.tips-body{
float:left;
width:100%; 
padding:20px;
}
ul.water-safety-tips li{
 padding: 0 !important;
background: #fff;
overflow: hidden;
width: 18%;
border-radius: 20px;
border: solid 2px #15498b;
margin: 25px 1%;
box-shadow: none;
}
.tips-icon {
overflow: hidden;
padding: 30px;
background: #f3f3f3;
border-radius: 100%;
width: 160px;
height: 160px;
display: block;
margin: 10px auto 20px;
display: flex;
justify-content: center;
}
ul.water-safety-tips li:before{
display:none;
}
ul.water-safety-tips li h3{
  background:#15498b;
  color:#fff;
  padding:13px 0;
  margin:0;
  font-size:1.5em;
    display: none;
}
ul.water-safety-tips li p{
 margin: 0;
padding: 10px;
line-height: normal;
}

.counted{
    cursor: default;
    pointer-events: none;
}














































.programs-widget{
margin-bottom:25px;
margin-top:25px;  
}
.registeration-widget{
float:left;
width:100%;
overflow:hidden;
border-radius:20px;
box-shadow: 3px 5px 8px rgba(0,0,0,0.1);
}
.registeration-widget h3{
text-align: center;
color: #fff;
background: #15498b;
margin: 0;
padding: 15px;
font-size:2.000em;

}

.registeration-widget-inner{
    padding: 20px;
    background: #f3f3f3;
    float: left;
    width: 100%;
}

.registeration-features {
background:#fff;
    float: left;
    width: 100%;
    border: #15498b solid 3px;
    border-radius: 18px;
    overflow: hidden;
}
.registeration-features p{
background: #15498b;
text-align: center;
font-size:1.529em;
font-weight: 700;
margin: 0;
color: #fff;
padding: 15px 10px;
}
.registeration-features ol{
margin:0 !important;
padding:20px !important;
background:#fff;  
font-weight: 700;
}
.registeration-pic{
text-align:center;
padding:0 30px 20px 30px; 
}
.registeration-sec1{
padding-bottom:50px;  
}
.class-availability ul{
    display: flex;
    flex-wrap: wrap;
  align-items: center;
    justify-content: flex-start;
  margin:0 !important;
  padding:10px 15px !important;
}
.class-availability ul li:before{
  display:none;
}
.class-availability ul li{
width:33.333333%;
padding:0 !important;
font-weight: 700;
}
.btn.btn-boder-blue{
background: #fff;
color: #15498b;
box-shadow: inset 0 0 0px 3px #15498b;
}
.btn.btn-boder-blue:hover,
.btn.btn-boder-blue:focus,
.btn.btn-boder-blue:active{
background: #15498b;
color: #fff;
box-shadow: inset 0 0 0px 3px #15498b;
}
.class-availability ul:nth-child(odd){
  background:#f3f3f3;
}
.class-availability .btn{
float:right;  
}

.registeration-widget.starfish h3,
.starfish .registeration-features p{
background:#b83c09; 
}
.starfish .registeration-features{
border-color:#b83c09;
}


.registeration-widget.turtle h3,
.turtle .registeration-features p{
background:#bbd545; 
color:#15498b;
}
.turtle .registeration-features{
border-color:#bbd545;
}


.registeration-widget.shark h3,
.shark .registeration-features p{
background:#0098cd; 
}
.shark .registeration-features{
border-color:#0098cd;
}


.registeration-widget.seahorse h3,
.seahorse .registeration-features p{
background:#91278f; 
}
.seahorse .registeration-features{
border-color:#91278f;
}


.registeration-widget.swimboree h3,
.swimboree .registeration-features p{
background:#00a5ad; 
}
.swimboree .registeration-features{
border-color:#00a5ad;
}


.registeration-widget.tadpole h3,
.tadpole .registeration-features p{
background:#15498b; 
}
.tadpole .registeration-features{
border-color:#15498b;
}

.registeration-widget.minnow h3,
.minnow .registeration-features p{
background:#f26c0d; 
}
.minnow .registeration-features{
border-color:#f26c0d;
}


.registeration-widget.turtle1 h3,
.turtle1 .registeration-features p{
background:#dd1317; 
}
.turtle1 .registeration-features{
border-color:#dd1317;
}


.registeration-widget.turtle2 h3,
.turtle2 .registeration-features p{
background:#6ea200; 
}
.turtle2 .registeration-features{
border-color:#6ea200;
}

.registeration-widget.shark1 h3,
.shark1 .registeration-features p{
background:#167cbb; 
}
.shark1 .registeration-features{
border-color:#167cbb;
}

.registeration-widget.shark2 h3,
.shark2 .registeration-features p{
background:#010202; 
}
.shark2 .registeration-features{
border-color:#010202;
}

.registeration-widget.barracudas h3,
.barracudas .registeration-features p{
background:#6e707d; 
}
.barracudas .registeration-features{
border-color:#6e707d;
}

.registeration-widget.adult h3,
.adult .registeration-features p{
background:#15498b; 
}
.adult .registeration-features{
border-color:#15498b;
}

.registeration-widget.dolphin1 h3,
.dolphin1 .registeration-features p{
background:#dd1317; 
}
.dolphin1 .registeration-features{
border-color:#dd1317;
}

.registeration-widget.dolphin2 h3,
.dolphin2 .registeration-features p{
background:#15498b; 
}
.dolphin2 .registeration-features{
border-color:#15498b;
}










.program-row h4{
font-family: 'Muli', sans-serif;
font-weight:700;
font-size:1.529em;  
line-height: normal;
}
.programs-widget .registeration-widget-inner{
  padding:0 40px 20px;
}
.programs-widget .registeration-features{
  min-height:370px;
}
.program-row{
padding:20px 0; 
}
.register-today{
float:left;
width:100%;
text-align:center;
margin-bottom:60px; 
}
.register-today-inner{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
float:left;
width:90%;
padding:120px 0;
margin:0 5%;
border-radius:30px;
overflow:hidden;
color:#fff; 
position:relative;
}
.register-today-inner:before{
  content:"";
  width:100%;
  height:100%;
  background:rgba(21,73,139,0.5);
  position:absolute;
  left:0;
  top:0;
}
.register-today-inner h2{
margin-bottom:35px;
position:relative;  
}
.register-today-inner .btn{
min-width:250px;  
}

































.locations h3{
background: #15498b;
color: #fff;
padding: 10px 30px;
font-size:2.000em;
border-radius: 15px 15px 0 0; 
}
.locations ul{
display: flex;
flex-wrap: wrap;
font-size:1.0em !important;
font-weight:400 !important;
justify-content: flex-start;  
}
.locations ul li{
  background: #f3f3f3;
border-radius: 15px;
margin: 14px 1.0%;
box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.16);
width: 31.333333%;
padding: 30px 30px !important;
list-style: none;
}
.locations ul li:before{
  display:none;
}
.locations ul li p{
  font-size:0.941em;
  font-weight:700;
  line-height:normal;

}
.locations.us-ca-locations ul li h4{
  text-align:center;
}
.locations ul li h4{
font-size:1.412em;
}
.locations h3 a{
color:#fff;
text-decoration:none; 
}
.locations h3 a:hover{
color:#ccc;
}
.locations.by-state-province ul li h4{
  text-align:left;
  font-size:1.412em;
  margin-bottom:10px;
}
.locations ul li .btn{
  width:100%;
}
.inner-content.no-inner-banner{
  padding-top:250px;
}
.border-radius-10{
border-radius:10px; 
}
.text-center{
text-align:center;  
}
.custom-select {
/*  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  width:100%;
}

.custom-select select {
  padding: 12px;
  width:100%;
  border-radius: 25px;
  border: none;
  font-size:1.0em;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.custom-select::before {
content: "\f0dc";
font-weight: 700;
font-family: Font Awesome\ 5 Free;
position: absolute;
top: 9px;
right: 20px;
text-align: center;
color: #fff;
pointer-events: none;
font-size: 1.5em;
}

.custom-select:hover::before {
}

.custom-select select option {
  padding: 20px;
  font-size:0.85em;
  font-weight:normal;
}

.select-posrel{
position:relative;
}


body.inner-page .footer-copyrights{
margin-bottom:100px;  
}
.lp-video-sec{
float:left;
width:100%;
text-align:center;
position:relative;
color:#fff; 
margin-bottom: 50px;
padding:70px 0;
}

.lp-video-sec:before{
content: "";
width: 100%;
height: 122%;
position: absolute;
left: 0;
top: -200px;
background: url(img/wave-bg.png) no-repeat top center;
background-size: 100% 100%;

}

.lp-video-sec h2{
color:#fff; 
font-size:2.3em;
}
.lp-video-sec h3{
color:#fff; 
margin:0;
font-size:1.6em;
}
.lp-video-sec p{
  line-height: normal;
font-size:1.083em;
}
.landingpage{
float:left;
width:100%; 
}
.landingpage .banner-inner{
  text-align:center;
  color:#fff;
}
.landingpage .banner-inner .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  flex-direction: column
}
.landingpage .banner-inner h1{
  position: inherit;
left: auto;
top: auto;
font-size: 2.667em;
}
.landingpage .banner-inner h2{
color:#fff;
font-size:1.667em;  
}

.landingpage .banner-inner h2 strong{
    font-size: 0.75em;
    display: block;
}
.landingpage .banner-inner img{
  width:auto;
  max-width:inherit;
}
.landingpage .banner-inner .wrapper img{
width: 280px;
position: absolute;
left: 0;
bottom: 20px;
height: auto;
}
.landingpage .contactform{
margin-top:30px;  
}
.testimonial{
text-align:center;  
}
.inner-content  .testimonial h2:first-of-type{
  font-size:1.5em;
}
.testimonial p{
font-size:1.100em;
line-height:normal;
font-style:italic;
}
.webinar-hosts{
  text-align:center;
  padding:50px 0 0 0;
}
.inner-content .webinar-hosts h2{
font-size:3.200em !important; 
}
.webinar-hosts ul{
  display: flex;
flex-wrap: wrap;
justify-content: center;
padding:0 !important;
}
.webinar-hosts ul li:before{
display:none; 
}
.webinar-hosts ul li{
width: 33.333333%;
margin: 0;
padding: 0 !important;  
}
.webinar-hosts ul li h3{
  font-size: 2.000em;
color: #fff;
margin: 0;
}
.webinar-hosts ul li p{
  margin: 0;
}
.host-info{
position: absolute;
left: 0;
top: 0;
background: rgba(7,72,128,0.5);
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #fff;
transition: all 0.5s ease 0s;
padding: 0 0 30px 0;  
}
.webinar-hosts ul li a:hover .host-info,
.webinar-hosts ul li a:focus .host-info,
.webinar-hosts ul li a:active .host-info{
  background: rgba(7,72,128,0.05);
  text-shadow: 0 0px 10px rgba(0,0,0,0.5);
}






video {
  width: 100%;
  height: auto;
}
.contact-row{
margin-bottom: 20px;
}
.contactform {
background: #0b4a80;
float: left;
width: 100%;
padding: 30px 40px;
border-radius: 25px;
color: #fff;
box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}
.contactform .btn{
width:100%; 
}
.jobapp-row{
margin-top:50px;  
}
.contactform hr{
height:4px;
background:#6081ad;
border:none;
margin:30px 0;
clear:both; 
}
.contactform h3{
text-align:center;  
}
.generic-form .custom-select select{
  background:#fff;
}
.generic-form .custom-select::before{
  color:#074880;
  top:7px;
}
.generic-form input[type="text"],
.generic-form input[type="email"],
.generic-form input[type="tel"],
.generic-form select,
.generic-form textarea{
font-size: 1.0em;
padding: 20px 30px;
color: #6e707d;
transition: all 0.5s ease 0s;
border-radius: 32px;
border: none;
box-shadow: 0 5px 7px rgba(0,0,0,0.2);
}
.txtcenter{
text-align:center;  
}
.contactform input[type="checkbox"]{
  margin-right:10px;
}
.contactform img{
margin-bottom:15px; 
}
.generic-form label{
font-weight: 700;
font-size: 1.059em;
}
.radio-group label {
    display: inline-block;
    position: static;
  margin-left:24px;
}
.radio-group input[type="radio"] {
    position: absolute;
    opacity: 0;
    line-height: 0;
    height: 0;
    width: 0;
    overflow: hidden;
  -ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.radio-group input[type="radio"] + .label-radio {
    display: inline-block;
    position: relative;
    padding-left: 2.5rem;
}
.radio-group input[type="radio"] + .label-radio::before,
.radio-group input[type="radio"] + .label-radio::after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;

}
.radio-group input[type="radio"] + .label-radio::before{
left: 0;
border: 2px solid #fff;
transition: border-color .3s ease-in-out;
height: 1.875rem;
width: 1.875rem;
background-color: #fff;
border-radius: 100%;  
}
.radio-group input[type="radio"] + .label-radio::after{
  opacity: 0;
background-color: #dd1317;
border-radius: 100%;
left: .4375rem;
height: 1rem;
width: 1rem;
transition: opacity .3s ease-in-out;
}
.radio-group input[type="radio"]:checked + .label-radio::after {
    opacity: 1;
}

.radio-group,
.checkbox-group{
    padding: 20px 0;
}










.checkbox-group label {
    display: inline-block;

    position: static;
  margin:5px 0;
}
.checkbox-group input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    line-height: 0;
    height: 0;
    width: 0;
    overflow: hidden;
  -ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkbox-group input[type="checkbox"] + .label-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 2.5rem;
}
.checkbox-group input[type="checkbox"] + .label-checkbox::before,
.checkbox-group input[type="checkbox"] + .label-checkbox::after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;

}
.checkbox-group input[type="checkbox"] + .label-checkbox::before{
left: 0;
border: 2px solid #fff;
transition: border-color .3s ease-in-out;
height: 1.875rem;
width: 1.875rem;
background-color: #fff;
border-radius:3px;  
}
.checkbox-group input[type="checkbox"] + .label-checkbox::after{
  opacity: 0;
background-color: #dd1317;
border-radius: 100%;
left: .4375rem;
height: 1rem;
width: 1rem;
transition: opacity .3s ease-in-out;
}
.checkbox-group input[type="checkbox"]:checked + .label-checkbox::after {
    opacity: 1;
}






































.video-caption{
    text-align: center;
    font-weight: 700;
    font-size: 2.400em;
    margin: 15px 0 25px 0;
}
.stories-videos{
float: left;
width: 100%;
text-align: center;
padding: 60px 0 170px;
margin-bottom: 90px;
position: relative;
margin-top: 100px;
}
.stories-videos:before{
content: "";
width: 100%;
height: 156%;
position: absolute;
left: 0;
top: -265px;
background: url(img/wave-bg.png) no-repeat top center;
background-size: 100% 100%;
}
.stories-scroll{
  display: flex;
flex-wrap: wrap;
justify-content: center;
}
.single-video{
  width:33.333333%;
  color:#fff;
}
.single-video p{
  margin:10px 0 0 0;
}














.sticky-form {
background: #e61c22;
width: 100%;
color: #fff;
padding: 20px 0;
position: fixed;
left: 0;
bottom: 0;
}
.stickform-body {
    float: left;
    width:100%;
}
.blog-layout {
    float: left;
    width: 100%;
    padding: 0 60px;
}
.blog-listing{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;  
}
.post-pic{
position: relative;
margin-bottom: 15px;
text-align: center;
}
.post-pic img{
border-radius:100%; 
}
.post-pic span{
position: absolute;
right: 0;
bottom: 0;
background: url(img/swim-ring-date.svg) no-repeat 70px 0;
display: block;
font-weight:700;
font-size: 1.225em;
text-align: right;
padding: 60px 15px 10px 70px;
color: #fff;
width: 207px;
background-size: cover; 
}
.blog-filter{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 30px 0;  
}
.filter-elem{
position:relative;
  width: 20%;
margin: 0 10px;
}
.blog-detail .post {
    width: 100%;
    text-align: left;
}
.blog-detail .post-pic img {
    width:inherit;
  display:block;
  margin:0 auto;
}
.blog-detail-pagination{
padding-top:40px; 
}
.blog-detail-pagination .blog-filter{
  padding:0;
}
.blog-detail-pagination .filter-elem {
    width: 48%;
    margin: 0 1%;
}
.blog-detail-pagination a{
font-size:1.6em;
color:#074880;
font-weight:700;  
text-decoration:none;
}
.blog-detail-pagination a:hover,
.blog-detail-pagination a:focus,
.blog-detail-pagination a:active{
color:#e61c22;  
}
.txtright{
text-align:right; 
}















.cbp-so-scroller {
    float: left;
    width: 100%
}

.cbp-so-init .cbp-so-side {
    opacity: 0
}

.cbp-so-init .cbp-so-side-bottom,
.cbp-so-init .cbp-so-side-left,
.cbp-so-init .cbp-so-side-right,
.cbp-so-init .cbp-so-side-top,
.cbp-so-init .social a.fb,
.cbp-so-init .social a.gp,
.cbp-so-init .social a.linkedin,
.cbp-so-init .social a.twitt {
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.5s, opacity 5.5s;
    -moz-transition: -moz-transform 1.5s, opacity 5.5s;
    transition: transform 1.5s, opacity 5.5s
}

.cbp-so-init .cbp-so-side-left,
.cbp-so-init .social a.fb,
.cbp-so-init .social a.twitt {
    -webkit-transform: translateX(-1500px);
    -moz-transform: translateX(-1500px);
    transform: translateX(-1500px)
}

.cbp-so-init .cbp-so-side-right,
.cbp-so-init .social a.gp,
.cbp-so-init .social a.linkedin {
    -webkit-transform: translateX(1500px);
    -moz-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0
}

.cbp-so-init .cbp-so-side-top {
    -webkit-transform: translateY(-700px);
    -moz-transform: translateY(-700px);
    transform: translateY(-700px)
}

.cbp-so-init .cbp-so-side-bottom {
    -webkit-transform: translateY(1000px);
    -moz-transform: translateY(1000px);
    transform: translateY(1000px)
}

.cbp-so-section.cbp-so-animate .cbp-so-side-bottom,
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right,
.cbp-so-section.cbp-so-animate .cbp-so-side-top,
.cbp-so-section.cbp-so-animate .social a.fb,
.cbp-so-section.cbp-so-animate .social a.gp,
.cbp-so-section.cbp-so-animate .social a.linkedin,
.cbp-so-section.cbp-so-animate .social a.twitt {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right,
.cbp-so-section.cbp-so-animate .social a.fb,
.cbp-so-section.cbp-so-animate .social a.gp,
.cbp-so-section.cbp-so-animate .social a.linkenin,
.cbp-so-section.cbp-so-animate .social a.twitt {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.cl-effect-5 a {
    padding: 0 4px;
    height: 1em
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}
.cl-effect-5 a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cl-effect-5 a:focus span,
.cl-effect-5 a:hover span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}




.stepno {
  font-size: 1.150em;
  font-weight: 800;
}
.stepicon {
color: #fff;
font-size: 1.667em;
background: #2a9941;
width: 72px;
height: 72px;
border-radius: 100%;
line-height: 72px;
text-align: center;
position: absolute;
left: 50%;
top: 0;
margin: -36px 0 0 -36px;
}
.step-arrow{
position: absolute;
right: 20px;
top: 50%;
font-size: 1.667em;
margin-top: -15px;
}
.home-ownership-steps {
  text-align:center;
  float:left;
  width:100%;
  position:relative;
}
.home-ownership-steps h3 strong {
  color:
#e51921;
  display: block;
  font-weight: 700;
}
.home-ownership-steps ul {
z-index: 1;
position: relative;
margin: 0;
padding: 20px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.home-ownership-steps ul li img {
  width:100%;
}
.home-ownership-steps ul li p{
line-height: 1.300em;
font-size: 0.889em;
margin: 0;  
}
.home-ownership-steps ul li {
width:33.33333%;
margin:23px 0;
position: relative;
list-style-type: none;
}
.home-ownership-steps ul li a{
color: #074880;
height: 260px;
padding: 0;
transition: all 0.5s ease 0s;
display: flex;
flex-direction: column;
justify-content: center;
}
.home-ownership-steps ul li a:before{
  content: "";
background: url(img/bg-steps.svg) no-repeat center center;
width: 260px;
height: 260px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -130px 0 0 -130px;
}
.home-ownership-steps ul li a:hover,
.home-ownership-steps ul li a:focus,
.home-ownership-steps ul li a:active,
.home-ownership-steps ul li a:hover h3,
.home-ownership-steps ul li a:focus h3,
.home-ownership-steps ul li a:active h3{
color:#e61c22;
}
.home-ownership-steps ul li h3 {
margin-bottom:0;
  font-size:1.250em;
}
.sendfile-form {
  box-shadow:0 0 21px rgba(0, 0, 0, 0.12);
  padding:40px;
  margin-bottom:25px;
}
.sendfile-form .btn {
  width:100%;
}
.sendform-row {
  margin-bottom:20px;
}
.sendfile-form label {
  display:block;
  font-size:0.900em;
}
.sendfile-form input[type="text"], .sendfile-form input[type="email"], .sendfile-form input[type="file"], .sendfile-form textarea {
  padding:12px 20px;
  width:100%;
  border:solid 1px #ccc;
}
.side-col {
  background:#f2f5fa;
  padding:30px;
  font-size:0.900em;
  line-height:1.300em;
}
.side-col ul li {
  margin-bottom:5px;
}
.product-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  padding-top: 20px;
}
.product-item {
  width: 31%;
  margin: 0 1% 30px;
  text-align: center;
  color:
#fff;
  overflow: hidden;
  position: relative;
}
.product-item-inner {
  transition: all 0.5s ease 0s;
  color: 
#fff;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  display: flex;
  justify-content: end;
  flex-direction: column;
}
.product-item img {
  transition: all 0.5s ease 0s;
}
.product-item:hover h3 {
 
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-item h3 {
  transition: all 0.5s ease 0s;
color: #fff;
font-size: 1.444em;
background: rgba(9, 47, 87, 0.90);
width: 100%;
text-transform: uppercase;
padding: 15px 0;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
}

.table-caption {
  text-align: center;
  font-size: 1.0em;
  background: 
 #e4141d;
  margin: 0;
  color:
 #fff;
  padding: 15px;
}
.gallery-page {
  position: relative;
  float: left;
  width: 100%;
}
.contentside .gallery-page ul {
  position: relative;
  width: 100%;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery-page ul li {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  margin: 15px 0 !important;
  padding: 0 !important;
  position: relative;
  width: 23.5%;
}
.contentside .gallery-page ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.gallery-page ul li:before {
  content:normal !important;
}
.gallery-page img {
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}
.contentside .gallery-page ul li a::before {
 position: absolute;
 top: 40%;
 left: 50%;
 margin:0 0 0 -16px;
 font-family: Font Awesome\ 5 Free;
  content: "\f067";
  font-weight:700;
  color:#fff;
  font-size:2.0em;
 opacity: 0;
 z-index: 1;
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 transition: all 0.3s linear;
}
.contentside .gallery-page ul li a::after {
 position: absolute;
 width: 100%;
 top: 0;
 bottom: 0;
 background: 
 rgba(0, 0, 0, 0.3);
 content: "";
 opacity: 0;
 -webkit-transition: all 0.3s linear;
 -moz-transition: all 0.3s linear;
 transition: all 0.3s linear;
 left: 0;
}
.contentside .gallery-page ul li a:hover::before {
 top: 50%;
 opacity: 1;
}
.contentside .gallery-page ul li a:hover::after {
 opacity: 1;
}
.gallery-container {
  display: flex;
  padding: 1px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery-item a:hover h3, .gallery-item a:focus h3, .gallery-item a:active h3 {

height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.gallery-item {
  width: 32%;
  margin: 15px 0;
  text-align: center;
  position: relative;
}
.gallery-item a {
  display: block;
}
.gallery-item img {
  width: 100%;
  display: block;
}
.gallery-item h3 {
transition: all 0.5s ease 0s;
color: #fff;
font-size: 1.444em;
background: rgba(9, 47, 87, 0.90);
width: 100%;
text-transform: uppercase;
padding: 15px 0;
margin: 0;
position: absolute;
left: 0;
bottom:0;
}
.stepbox {
  border: solid 1px rgba(9, 121, 86, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  padding: 30px;
  border-radius: 5px;
  margin-bottom:20px;
}
.cta-center {
  text-align:center;
}
.stepbox p:last-child {
  margin:0;
}
.stepbox h3 {
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 1.300em;
  font-style: italic;
}
.stepbox h3 span {
  background:
#cdb05d;
  color:
#000;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 0.80em;
  margin: 0 10px 0 0;
}
.stepbox .fas {
  color:
#e4141d;
  font-size: 2.5em;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.stepno span {
  background:
#f2f2f5;
  text-transform: uppercase;
  padding: 5px 20px;
  border-radius: 5px;
}
.section5 table strong {
  color:#006e53;
}
.section5 table {
  border-left:none;
  margin:0;
}
.section5 table th {
  background:#006e53;
  color:#fff;
  font-size:1.200em;
}
.intro-right {
  text-align:center;
}
.awards-section {
position:relative;
  float: left;
  width: 100%;
  text-align:center;
min-height:800px;
  margin-top:150px;
}
.awards-section:before{
  content: "";
width: 100%;
min-height:800px;
position: absolute;
left: 0;
top:90px;
background: url(img/bg-awards-section.jpg) no-repeat top center;
background-size:cover;
}
.franbrands h2{
color:#fff; 
}
.franbrands p{
text-align:justify;
margin-bottom:30px; 
}
.franbrands a{
color:#fff; 
}
.franbrands a:hover{
color:#fff;
background:#e61c22; 
}
.franbrands{
float:left;
width:100%;
color:#fff;
text-align:center;
position:relative;  
padding:30px 0 100px 0;
}

.franbrands:before {
    content: "";
    width: 100%;
    height:145%;
    position: absolute;
    left: 0;
    top:-300px;
    background: url(img/wave-bg.png) no-repeat top center;
    background-size: 100% 100%;

}
.home-why-choose ul {
margin: 0;
padding: 30px 0 0 0;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.home-why-choose ul li {
list-style-type: none;
position: relative;
width: 20%;
padding: 0 10px;
}
.home-why-choose ul li:nth-child(1) span:before,
.home-why-choose ul li:nth-child(2) span:before,
.home-why-choose ul li:nth-child(3) span:before,
.home-why-choose ul li:nth-child(4) span:before,
.home-why-choose ul li:nth-child(5) span:before {
  content:"";
  display:inline-block;
  vertical-align:middle;
  transition: all 0.5s ease 0s;
margin-bottom:-3px;
}
.home-why-choose ul li:nth-child(1) span:before {
  background:url(img/why-icon01.svg) no-repeat top left;
  width:46px;
  height:70px;
}
.home-why-choose ul li:nth-child(2) span:before {
  background:url(img/why-icon02.svg) no-repeat top left;
  width:84px;
  height:70px;
}
.home-why-choose ul li:nth-child(3) span:before {
  background:url(img/why-icon03.svg) no-repeat top left;
  width:84px;
  height:70px;
}
.home-why-choose ul li:nth-child(4) span:before {
  background:url(img/why-icon04.svg) no-repeat top left;
  width:99px;
  height:70px;
}
.home-why-choose ul li:nth-child(5) span:before {
  background:url(img/why-icon05.svg) no-repeat top left;
  width:80px;
  height:70px;
}
.home-why-choose ul li:nth-child(1) a:hover span:before,
.home-why-choose ul li:nth-child(1) a:focus span:before,
.home-why-choose ul li:nth-child(1) a:active span:before{
  background:url(img/why-icon01-hover.svg) no-repeat top left;
}
.home-why-choose ul li:nth-child(2) a:hover span:before,
.home-why-choose ul li:nth-child(2) a:focus span:before,
.home-why-choose ul li:nth-child(2) a:active span:before{
  background:url(img/why-icon02-hover.svg) no-repeat top left;
}
.home-why-choose ul li:nth-child(3) a:hover span:before,
.home-why-choose ul li:nth-child(3) a:focus span:before,
.home-why-choose ul li:nth-child(3) a:active span:before{
  background:url(img/why-icon03-hover.svg) no-repeat top left;
}
.home-why-choose ul li:nth-child(4) a:hover span:before,
.home-why-choose ul li:nth-child(4) a:focus span:before,
.home-why-choose ul li:nth-child(4) a:active span:before{
  background:url(img/why-icon04-hover.svg) no-repeat top left;
}
.home-why-choose ul li:nth-child(5) a:hover span:before,
.home-why-choose ul li:nth-child(5) a:focus span:before,
.home-why-choose ul li:nth-child(5) a:active span:before{
  background:url(img/why-icon05-hover.svg) no-repeat top left;
}
.home-why-choose ul li a:hover span,
.home-why-choose ul li a:focus span,
.home-why-choose ul li a:active span{
  background:#0a4879;
}
.home-why-choose ul li span {
display: flex;
text-align: center;
width: 145px;
height: 145px;
border-radius: 100%;
border: solid #e61c22 5px;
margin: 0 auto;
background: #fff;
font-size: 0;
box-shadow: 10px 0 6px rgba(0,0,0,0.5);
transition: all 0.5s ease 0s;
justify-content: center;
align-items: center;

}
.home-why-choose ul li a{
display:block;  
}
.home-why-choose ul li strong {
font-size: 1.250em;
color: #fff;
font-weight: 800;
display: block;
padding-top: 30px;
text-shadow: 5px 0px 3px rgba(0,0,0,0.5);
}
.home-why-choose h2{
color:#fff;
text-shadow: 5px 0px 3px rgba(0,0,0,0.5); 
}
.home-why-choose {
  padding:0 0 90px 0;
  width: 100%;
float:left;
  position:relative;
  text-align:center;
}
.home-why-choose:before{
content:"";
width:100%;
height:250%;
position:absolute;
left:0;
top:-604px; 
background:url(img/wave-flag-bg.png) no-repeat top center;
background-size:100% 100%;
}
.awards-section .btn {
  align-self: center;
  background:
#fff;
  color:
#3e1354;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
}
.blog-pic {
  width:100%;
  text-align:center;
}
.awards-section ul {
  margin: 0;
  padding:0;
  position:relative;
}
.awards-section ul li {
  position:relative;
  margin: 0;
  list-style-type: none;
}
.awards-section ul li:nth-child(odd){
 margin-top:260px;
}
.awards-section .followicon {
  padding:0 5px;
  display:inline-block;
}
.awards-section h3 {
  line-height: 25px;
  color:
#fff;
  text-transform: uppercase;
  font-size:1.0em;
  margin: 10px 0;
}
.awards-section a {
  color:#fff;
  opacity:1;
}
.awards-section a:hover, .awards-section a:focus, .awards-section a:active {
  color:#ccc;
}
.awards-section .btn:hover, .awards-section .btn:focus, .awards-section .btn:active {
  color:#000 !important;
  opacity:1;
}
.awards-section .cta-icon {
  font-size:1.667em;
  display: block;
  margin: 0 0 20px 0;
}
.navigation {
  clear:both;
}
.main-nav.sticky-nav {
position: fixed;
left: 0;
top: 0px;
z-index: 5;
margin: 0;
background: rgb(255, 255, 255);
padding: 10px 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.contentside .faq-answer ul:last-child, .contentside .faq-answer ul li {
  margin:0;
}
.slick-dots {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  position: relative;
}
.sidebar .featurebox {
margin-bottom: 20px;
border: solid 1px #092f57;
}
.sidebar .form-half, .sidebar .form-full {
  width:100%;
  margin:0 0 20px 0;
}
.wp-pagenavi {
text-align:center;
  clear: both;
  margin:30px 0 0 0;
  float: left;
  width: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
margin: 0 10px;
color: #15498b;
font-size: 1.85em;
font-weight: 700;
display: inline-block;
vertical-align: middle;
background: #fff;
width: 55px;
height: 55px;
border-radius: 100%;
line-height: 53px;
}
.wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi a:active, .wp-pagenavi span.current, .wp-pagenavi span.pages {
  color:#fff;
  background:#e61c22;
}
a.previouspostslink,
a.nextpostslink{
  background:none;
}
.nextpostslink i{
    margin-top: 12px;
    margin-left: 5px;
}
.previouspostslink i{
    margin-top: 12px;
    margin-left: -5px;
}
.wp-pagenavi span.pages, .wp-pagenavi a.last {
  padding:0 10px;
  width:auto;
}
.singleicon a {
  display:block;
}
.section3 a:hover h3 {
  color: #ffb400;
}
.section3 .col-sm-3, .process-box {
  min-height: 290px;
}
.footer-top .btn {
  float:right;
  margin:15px 0 0 0;
}
.quotebox {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 70px;
}
.quotebox-inn .row {
  background:#007836;
}
.quotebox-inn {
  float: left;
  width: 100%;
  position: relative;
  padding:60px 0;
}
.testimonials-rotator .slick-dots {
width:100%; 
  float: left;
  margin:30px 0 40px;
}
.testimonials-rotator .slick-arrow {
  margin-top:-32px;
}
.testimonials-rotator .slick-prev {
  left:-50px;
}
.testimonials-rotator .slick-next {
  right:-50px;
}
.home-testimonials img{
border-radius: 100%;
display: block;
margin: 0 auto;
z-index: 1;
position: relative;
}
.quotebox blockquote {
padding: 0;
margin:0;
position: relative;
border: none;
width: 100%;
float: left;
}
.rating-stars {
margin: 0;
color: #f9c100;
clear: both;
font-size: 1.222em;
}
.rating-stars span {
  color:#838383;
  font-size: 1.667em;
  text-shadow: 0px 0px 5px #fff;
}
.rating-stars span.fill {
  color: #feb824;
  opacity:1;
}
.quotebox h4{
font-size:1.412em;  
}
.quotebox cite {
  font-style: normal;
  display: block;
}
.quotebox img {
  border-radius: 100%;
  display: block;
  border: #fff solid 5px;
  margin: 0 auto 10px auto;
  max-width: 145px;
  max-height: 145px;
  min-width: 145px;
  min-height: 145px;
}
.quotebox cite span {
  display: block;
  color:
#000;
  font-weight: 400;
}
.quote-icon {
  font-size: 1.100em;
  background:
#95a3ab;
  width: 50px;
  color:
#333;
  height: 50px;
  border-radius: 100%;
  line-height: 50px;
  display: block;
  margin: 30px auto 27px;
}
.section4 {
  float:left;
  width:100%;
  padding:60px 0;
}
.faq-outer {
  text-align:left;
}
.faq-outer h3 {
font-size:1.313em;
border-radius: 15px;
margin: 0 0 15px 0;
float: left;
position: relative;
width: 100%;
cursor: pointer;
padding: 20px 20px 20px 60px;
background: #f3f3f3;
}
.faq-outer h3:before {
  content: "\f067";
  font-family: Font Awesome\ 5 Free;
  font-size: 1.0em;
  font-weight:700;
  position: absolute;
  left: 20px;
  top: 19px;
}
.faq-outer h3.active:before {
  content: "\f068";
  color:#fff;
}
.faq-outer h3:hover, .faq-outer h3.active {
  color: #fff;
  background:#15498b;
}
.faq-outer h3:hover:before {
  color:#fff;
}
.faq-outer h3.active {
border-radius: 15px 15px 0 0;
  margin:0;
}
.faq-answer {
float: left;
width: 100%;
padding: 30px 30px 60px;
border-radius: 0 0 15px 15px;
margin-bottom: 15px;
background-color: #f3f3f3;
background-image: url(img/decoration-lifering.svg);
background-repeat: no-repeat;
background-position:left top;
background-size: auto 17.5rem;
}
.faq-answer-inner{
float: right;
width: 80%;
background: #15498b;
color: #fff;
border-radius: 15px;
padding: 20px 30px;
position: relative;
font-size: 1.059em;
font-weight: 700;
}
.faq-answer-inner:before{
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 20px solid #15498b;
border-bottom: 10px solid transparent;
position: absolute;
left: -20px;
top: 28px;
}
.faq-answer p:last-child {
  margin:0;
}
.sec-title h2 {
  text-transform:uppercase;

}

.mascot-tadpole{
  background-image: url(img/faq-mascot-tadpole.svg);
}
.mascot-tadpole .faq-answer-inner{
background-color:#0098cd;
opacity:1;
}
.mascot-tadpole .faq-answer-inner:before{
  border-right-color:#0098cd;
}

.mascot-swimboree{
  background-image: url(img/Swimboree@3x.svg);
}
.mascot-swimboree .faq-answer-inner{
background-color:#00a5ad;
opacity:1;
}
.mascot-swimboree .faq-answer-inner:before{
  border-right-color:#00a5ad;
}

.mascot-seahorse{
  background-image: url(img/Seahorse@3x.svg);
}
.mascot-seahorse .faq-answer-inner{
background-color:#91278f;
opacity:1;
}
.mascot-seahorse .faq-answer-inner:before{
  border-right-color:#91278f;
}

.mascot-starfish{
  background-image: url(img/faq-mascot-starfish.svg);
}
.mascot-starfish .faq-answer-inner{
background-color:#b83c09;
opacity:1;
}
.mascot-starfish .faq-answer-inner:before{
  border-right-color:#b83c09;
}

.mascot-minnow{
  background-image: url(img/faq-mascot-minnow.svg);
}
.mascot-minnow .faq-answer-inner{
background-color:#f37820;
opacity:1;
}
.mascot-minnow .faq-answer-inner:before{
  border-right-color:#f37820;
}

.mascot-turtle1{
  background-image: url(img/faq-mascot-turtle1.svg);
}
.mascot-turtle1 .faq-answer-inner{
background-color:#e02934;
opacity:1;
}
.mascot-turtle1 .faq-answer-inner:before{
  border-right-color:#e02934;
}

.mascot-turtle2{
  background-image: url(img/faq-mascot-turtle2.svg);
}
.mascot-turtle2 .faq-answer-inner{
background-color:#6ea200;
opacity:1;
}
.mascot-turtle2 .faq-answer-inner:before{
  border-right-color:#6ea200;
}




























#testimonials-form{
background: none;
width: 90%;
box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.16);
padding: 0;
}
#testimonials-form .booklessonform{
  margin:0;
  padding:32px;
}



.testimonial-decoration-octopus{
position: absolute;
top: 8rem;
right: 75vw;
height: 40.5rem;
width: 25vw;
background-image: url(img/decoration-octopus.svg);
background-position: 50%;
background-size: contain;
background-repeat: no-repeat;

}
.home-testimonials {
color:#fff;
  float: left;
  width: 100%;
  background:#15498b;
  position: relative;
  padding:40px 0 100px;
  margin-bottom: -20px;
}
.home-testimonials:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: -31px;
background: url(img/wave-testimonial.svg) no-repeat bottom left;
background-size: contain;
}
.kids-saying{
padding-top: 130px;  
}
.kids-saying .resp-vid{
  border-radius:20px;
}
.kids-saying .quotebox{
  padding:0 20px 0 0;
}
.testimonial-inner {
  float: left;
  padding:40px 0 60px;
  width: 100%;
  background: 
 rgba(255, 255, 255, 0.90);
}
.section5 {
  float: left;
  width: 100%;
  padding:60px 0;
  background:#fff;
  text-align:center;
}
.resp-vid {
  margin:0 auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.resp-vid iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section5-inner {
  float:left;
  width:100%;
  padding: 100px 0;
  background:rgba(0, 0, 0, 0.7);
}
.section5 h2 {
  font-weight:900;
  font-size:2.1em;
  margin-bottom: 40px;
}
.section5 ul {
  margin:0;
  width: 100%;
  align-items: center;
  padding: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.section5 ul li {
  list-style-type:none;
  padding:0 25px;
}
.home-news {
  padding: 110px 0 6px 0;
  text-align: center;
  position: relative;
  float: left;
  width: 100%;
  color:#fff;
}
.home-news .btn:hover,
.home-news .btn:focus,
.home-news .btn:active,
.home-welcome-copy .btn:hover,
.home-welcome-copy .btn:focus,
.home-welcome-copy .btn:active,
.featurebox input[type="submit"]:hover, 
.featurebox input[type="submit"]:focus, 
.featurebox input[type="submit"]:active,
.generic-form .btn:hover,
.generic-form .btn:focus,
.generic-form .btn:active,
.home-testimonials .btn:hover,
.home-testimonials .btn:focus,
.home-testimonials .btn:active{
background:#fff;
color:#074880;  
}
.home-news h2{
color:#fff; 
}
.home-news:before {
    content: "";
    width: 100%;
    height:156%;
    position: absolute;
    left: 0;
    top: -265px;
    background: url(img/wave-bg.png) no-repeat top center;
    background-size: 100% 100%;
}
.home-news-inner {
  float:left;
  width:100%;
}
.section4 h2 strong {
  display:block;
  color:#e4141d;
  position:relative;
}
.section4 h2 strong span {
  background:
#fff;
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.section4 h2 strong:before {
  content:"";
  width:100%;
  height:1px;
  background:#e4141d;
  position:absolute;
  left:0;
  bottom:15px;
}
.section4 li {
  font-weight: 700;
  border-top:
#d9e9e5 solid 1px;
  counter-increment: step-counter;
  list-style-type: none;
  position:relative;
}
.section4 ol {
  padding:0;
}
.section4 li a {
  color:#000;
  display:block;
  padding:24px 20px 24px 88px;
}
.section4 li a:hover, .section4 li a:focus, .section4 li a:active {
  background:#d9e9e5;
}
.section4 li:first-child {
  border:none;
}
.section4 li::before {
color:
#fff;
content: counter(step-counter, decimal);
display: inline-block;
left: 20px;
line-height: 43px;
margin-right: 4px;
position: absolute;
text-align: center;
top: 17px;
font-weight: 900;
font-size:1.200em;
width: 43px;
height: 43px;
background:
#006e53;
border-radius: 100%;
box-shadow: 0 0 14px rgba(0, 0, 0, 0.52);
}
.fa-angle-double-down {
  font-size:3.600em;
  color:#008641;
  margin-bottom:10px;
}
.sec2con {
padding: 20px 30px 40px;
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sec2box {
width: 33.3333%;
text-align: center;
transition: all 0.5s ease 0s;
position: relative;
padding: 0;
}
.sec2box:hover .sec2box-inner {
  bottom:100px;
}
.sec2box .icon-whychoose {
  color:
#e4141d;
  font-size: 5em;
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -120px;
  background:
#fff;
  padding: 0 70px;
}
.home-news .slick-arrow {
  background:
#dbd8d8;
  color:
#000;
  margin-top: -40px;
  font-size: 1.0em;
  width: 45px;
  height: 45px;
}
.home-news .slick-arrow:hover {
  background:#95a3ab;
  color:#000;
}
.home-news .slick-prev {
  left:-50px;
}
.home-news .slick-next {
  right:-50px;
}
.sec2con .slick-track {
  display:flex;
}
.sec2box p:last-child {
  margin:0;
}
.sec2box-inner .btn {
  align-self: center;
  margin-bottom: -40px;
  background:
#95a3ab;
  color:
#000;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 0.3);
  padding-right: 60px;
}
.sec2box-inner .btn:hover, .sec2box-inner .btn:focus, .sec2box-inner .btn:active {
  background:#3e1354;
  color:#fff;
}
.sec2box-inner .btn:hover:after, .sec2box-inner .btn:focus:after, .sec2box-inner .btn:active:after {
  background:#95a3ab;
  color:#000;
}
.sec2box-inner .btn:after {
  content: "\f061";
  width: 46px;
  background:
#3e1354;
  display: inline-block;
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.900em;
  height: 100%;
  color:
#fff;
  line-height: 42px;
}
.sec2box a:hover h3,
.sec2box a:focus h3,
.sec2box a:active h3{
transform: scale(1.1);
}
.sec2box h3 {
color:#fff;
padding:20px 20px;
font-size:1.042em;
margin:0;
transition: all 0.5s ease 0s;
}
.sec2box-pic span{
position: absolute;
right: 0;
bottom: 0;
background: url(img/swim-ring-date.svg) no-repeat 70px 0;
display: block;
font-size: 1.125em;
text-align: right;
padding: 60px 15px 10px 70px;
color: #fff;
font-weight:700;
width: 207px;
background-size: cover;
}
.sec2box-pic {
  overflow: hidden;
  position:relative;
}
.sec2box h3 .fas {
  vertical-align:middle;
  color:#2a9941;
  font-size:0.667em;
}
.sec2box a {
  text-decoration:none;
}
.sec2box ul {
  margin: 0 0 20px 0;
}
.sec2box ul li a {
  color:#000;
}
.sec2box ul li a:hover {
  color:#008641;
}
.sec2box ul li {
  position:relative;
  list-style-type:none;
  padding:0 0 0 25px;
  font-size: 0.900em;
}
.sec2box ul li:before {
  content:"\f105";
  font-family: Font Awesome\ 5 Free;
  color: #fecc17;
  position:absolute;
  left:0;
  top:0;
  font-weight:700;
}
.sec2box img {
  display: block;
  margin: 0 auto;
  width: 100%;
  transition: all 1s ease 0s;
}
.sec2box a:hover img{
  transform: scale(1.2);  
}
.home-news iframe {
  display:block;
}
.formfixed {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.formfixed .featurebox {
  width: 28%;
  background: rgba(255, 255, 255, 0.9);
  float: right;
  margin:2% 0 0 0;
}
figure.alignright {
  float: right;
  margin: 0 0 15px 15px;
}
figure.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}
img.aligncenter {
  display: block;
  margin: 0 auto 20px auto;
}
.page-fullwidth {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  float: left;
  margin: 30px 0 40px 0;
  padding: 30px;
  width: 100%;
}
.process-box {
  float:left;
  width:25%;
}
.iconbox {
  width:150px;
  height:150px;
  display:block;
  margin:0 auto;
  line-height:150px;
  border-radius:100%;
  overflow:hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7941d+0,f1592a+100 */
background: #f7941d; /* Old browsers */
  background: -moz-linear-gradient(left, #f7941d 0%, #f1592a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f7941d 0%, #f1592a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f7941d 0%, #f1592a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7941d', endColorstr='#f1592a', GradientType=1 ); /* IE6-9 */
}
.iconbox img {
  vertical-align:middle;
}
.sec-title {
  border-bottom:#ccc solid 1px;
  margin-bottom:60px;
}
.section3 {
  float: left;
  padding-bottom:30px;
  width: 100%;
  position: relative;
}
.section3-inner {
  float: left;
  width: 100%;
}
.section3 h2 {
  text-align: center;
  font-size: 2.100em;
  color:
#fff;
  font-weight: 900;
}
.service-intro {
  background: #042e87;
  color: #fff;
  padding: 20px 30px;
  float: left;
  width: 100%;
  min-height: 500px;
}
.service-intro h2 {
  color:#fff;
}
.service-intro:before {
  content: "";
  width: 20px;
  height: 32px;
  position: absolute;
  right: -5px;
  top: 40px;
}
.service-box img {
  width: 100%;
  display: block;
}
.service-container {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section3 .slick-dots {
  bottom: -70px;
}
.service-box-inner {
  background:rgba(255, 255, 255, .8);
  bottom:20px;
  left:8%;
  margin:0;
  position:absolute;
  width:84%;
  padding:0 20px 20px
}
.service-box {
  background:
#e4141d;
  width: 15%;
  position: relative;
  text-align: center;
  padding: 40px 5px;
  border-radius: 10px;
  box-shadow: -10px 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: solid 6px #bc050a;
  color:
#fff;
}
.service-box a {
  padding: 20px 20px 20px 5.6em;
  background:#fff;
  height: 100%;
  border:#007836 solid 1px;
  display:block;
}
.service-box a:hover, .service-box a:focus, .service-box a:active {
  background:#007836;
  color:#fff;
}
.service-box a:hover h3, .service-box a:focus h3, .service-box a:active h3, .service-box a:hover p, .service-box a:focus p, .service-box a:active p, .service-box a:hover .fas, .service-box a:focus .fas, .service-box a:active .fas {
  color:#fff;
  opacity:1;
}
.servicebox-inner {
  float: left;
  width: 100%;
  padding: 20px;
}
.service-box p {
  margin: 0;
  line-height: normal;
  color:
#000;
}
.section3 .slick-dots li button {
  width:15px;
  height:15px;
}
.service-info {
  text-align: left;
}
.service-container .slick-arrow {
  top: auto;
  bottom: -63px;
}
.service-container .slick-arrow:hover {
  color:#fff;
  opacity:1;
}
.services-title {
  background:#4d4e53;
  padding:10px 30px;
  width:100%;
  float:left
}
.service-box h3 {
  font-size: 0.900em;
  margin: 0;
  font-weight: 100;
  color:
#fff;
  text-transform: uppercase;
}
.service-box h3 strong {
  display: block;
  color:
#fff;
  font-size: 2.500em;
  font-weight: 900;
  padding-bottom: 15px;
}
.service-box h3 a {
  color:#4c5457;
  padding:3px 5px;
}
.service-box h3 a:hover {
  color:#fff;
  background:#5b108b;
}
.service-box:nth-child(2), .service-box:nth-child(6) {
 background:#f8aa1b;
 color:#603e01;
 border-bottom-color:#d98e04;
}
.service-box:nth-child(2) h3, .service-box:nth-child(6) h3 {
 color:#603e01;
}
 .service-box:nth-child(3) {
 background:#077da9;
 color:#fff;
 border-bottom-color:#014d87;
}
.service-box:nth-child(3) h3 {
 color:#fff;
}
 .service-box:nth-child(4) {
 background:#4d7383;
 color:#fff;
 border-bottom-color:#4d7383;
}
.service-box:nth-child(4) h3 {
 color:#fff;
}
.service-box .serviceicon {
  font-size:2.5em;
  display: block;
  margin: 0 auto 20px;
}
.service-box-img {
  border-radius:100%;
  border:#ffb400 solid 3px;
  overflow:hidden;
  display:inline-block;
transition:all .5s cubic-bezier(.68, -0.55, .27, 1.55) .1s;
}
/***************Blog social icons style start here****************************************/
.social-sharing {
text-align: right;
position: absolute;
right: 0;
top: 0px;
width: 20%;
}
.social-sharing span {
  display: inline-block;
  font-size: 110%;
}
.social-sharing span.top, .social-sharing span.bottom {
  width:100%;
}
.social-sharing span.right {
  display: inline;
}
a.button-facebook, a.button-googleplus, a.button-twitter, a.button-linkedin, a.button-pinterest, a.button-xing, a.button-reddit {
  font-size: 1em;
  font-weight:normal;
  margin:1% 1% 1% 0;
  padding:5px 1%;
padding:.5rem 1%;
  text-align:center;
  display: inline-block;
  border:0px;
}
a.button-facebook {
  font-size: 100%;
  color:#fff;
  background-color: #2b4170;
}
a.button-facebook:hover, a.button-facebook:focus, a.button-facebook:active {
  font-size: 100%;
  background-color: #3b5998;
  color:#fff;
}
a.button-googleplus {
  font-size: 100%;
  color:#fff;
  background-color: #c33219;
}
a.button-googleplus:hover, a.button-googleplus:focus, a.button-googleplus:active {
  font-size: 100%;
  background-color: #a82508;
  color:#fff;
}
a.button-twitter {
  font-size: 100%;
  color:#fff;
  background-color: #016cac;
}
a.button-twitter:hover, a.button-twitter:focus, a.button-twitter:active {
  font-size: 100%;
  background-color: #006e97;
  color:#fff;
}
a.button-linkedin {
  font-size: 100%;
  color:#fff;
  background-color: #0073b2;
}
a.button-linkedin:hover, a.button-linkedin:focus, a.button-linkedin:active {
  font-size: 100%;
  background-color: #017cad;
  color:#fff;
}
a.button-pinterest {
  font-size: 100%;
  color:#fff;
  background-color: #a0171c;
}
a.button-pinterest:hover, a.button-pinterest:focus, a.button-pinterest:active {
  font-size: 100%;
  background-color: #cb2027;
  color:#fff;
}
.ss-social-sharing a:before {
font-family: "Font Awesome\ 5 Brands";
}
.ss-button-facebook, .ss-button-googleplus, .ss-button-twitter, .ss-button-linkedin, .ss-button-pinterest, .ss-button-xing, .ss-button-reddit {
padding: 0px;
border: 0px;
margin: 0 3%;
color: #15498b;
display: inline-block;
position: relative;
vertical-align: middle;
font-size: 1.5em;
text-decoration: none;
transition: all 0.5s ease 0s;
}
a.ss-button-twitter:before {
  content:"\f099";
}
a.ss-button-googleplus:before {
  content:"\f0d5";
}
a.ss-button-facebook:before {
content:"\f082";
}

a.ss-button-linkedin:before {
  content:"\f0e1";
}
a.ss-button-pinterest:before {
  content:"\f39e";
}
.ss-social-sharing a:hover,
.ss-social-sharing a:focus,
.ss-social-sharing a:active{
  color:#e61c22;
}
/* Smartphones (portrait and landscape) */
@media (max-width : 480px) {
a.button-facebook, a.button-googleplus, a.button-twitter, a.button-linkedin, a.button-pinterest, a.button-xing, a.button-reddit {
background-image: url(socialshare.png) !important;
width: 45px;
height: 45px;
background-repeat: no-repeat;
padding: 0px;
border: 0px;
}
 a.button-twitter {
background-position:0px -45px;
}
a.button-twitter:hover, a.button-twitter:focus, a.button-twitter:active {
background-position:0px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.button-googleplus {
background-position: -45px -45px;
}
a.button-googleplus:hover, a.button-googleplus:focus, a.button-googleplus:active {
background-position: -45px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.button-facebook {
background-position: -90px -45px;
}
a.button-facebook:hover, a.button-facebook:focus, a.button-facebook:active {
background-position: -90px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.button-linkedin {
background-position: -135px -45px;
}
a.button-linkedin:hover, a.button-linkedin:focus, a.button-linkedin:active {
background-position: -135px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
a.button-pinterest {
background-position: -180px -45px;
}
a.button-pinterest:hover, a.button-pinterest:focus, a.button-pinterest:active {
background-position: -180px 0px;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: all;
transition-timing-function: ease-in-out;
}
}
/***************Blog social icons style end here****************************************/

.header h3 {
  color:
#fff;
  float: left;
  font-size: 1.100em;
  font-weight: 300;
  margin:5px 0 0 12%;
  text-transform: uppercase;
  font-style: italic;
}
.header h3:before, .header h3:after {
  content: "\f005";
  font-family: Font Awesome\ 5 Free;
  font-size: 0.700em;
  font-style:normal;
  font-weight: 700;
  color:#f8aa1b;
  padding:0 5px;
  margin:-2px 0 0 0;
  display:inline-block;
  vertical-align:middle;
}
.header h3 .fa-phone {
  color: #fff;
  display: inline-block;
  font-size: 1.722em;
  margin: 0 15px 0 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.header h3 strong, .header h3 strong a {
  color: #398842;
}
.header h3 a:hover {
  color: #fed403;
}
.main-nav.fixed-bar {
  box-shadow: 0 2px 4px #555;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  margin: 0px !important;
  border-radius: 0;
}
.btn.btn-border {
  border: #e4141d solid 2px;
  background:none;
  color:#e4141d;
}
.home-welcome-copy h1 strong {
  color:#e4141d;
}
.home-welcome-copy ul {
  margin:0 0 20px 0;
}
.home-welcome-copy ul li:before {
  content: "\f058";
  font-family: Font Awesome\ 5 Free;
  font-size: 0.909em;
  font-weight: 700;
  color:
#077da9;
  margin: 0;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.home-welcome-copy ul li {
  list-style-type: none;
  position: relative;
  padding:0 0 0 34px;
}
.home-welcome-copy {
z-index: 3;
color: #fff;
float: left;
position: relative;
width: 100%;
background:#005696;
padding: 70px 0;
}
.home-welcome-copy h1{
}
.home-welcome-copy .btn{
    margin: 0 auto;
    display: block;
    max-width: 230px;
}
/*.home-welcome-copy:after{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: url(img/wave-hero-home-white.svg) no-repeat top right;
background-size: 100% 100%;
}
.home-welcome-copy:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: -240px;
background: url(img/wave-hero-home-background.svg) no-repeat;
background-size: 100% 100%;
}*/



.f-nav .navbar {
  margin: 10px 0 0 0;
}
.header-fix {
  float: left;
  padding: 0;
  width: 100%;
  z-index: 99999;
  border-bottom: 1px solid #fff;
}
.headertop {
  position: relative;
  z-index: 10;
  float: left;
  width: 100%;
}
.color-orange {
  color: #ffb400;
  opacity:1;
}

.clear {
  clear: both;
}
.box-inner {
  padding: 15px 20px;
  float: left;
  width: 100%;
}
.sidebox h3 {
  position: relative;
  font-size:1.333em;
  background:
#092f57;
  color:
#fff;
  padding: 10px 30px;
  margin: 0;
  font-weight:400;
}
.sidebox.accordion .box-inner h3 {
  margin: 0;
}
.sidebox .btn {
  width: 100%;
}
.inner-content {
  float: left;
  padding:40px 0 70px;
  width: 100%;
}

.clear.hr {
  background-color: #cfcdcd;
  float: left;
  height: 1px;
  margin: 11px 0;
  width: 100%;
}
textarea {
  min-height: inherit !important;
}
.introbox {
  float: left;
  width: 100%;
padding: 30px 90px 0 0;
}
.introbox h2 {
  color: #008641;
  font-size: 1.500em;
  line-height: 1.100em;
}
.introbox h1 strong, .introbox h2 strong {
  font-weight:600;
  color:#2a9941;
}
.linkbtn {
  display: inline-block;
  font-size:1.0em;
  font-weight: 600;
  color:#092f57;
  padding: 3px 0 1px 0;
  border-bottom: #092f57 solid 1px;
}
.linkbtn:hover, .linkbtn:focus, .linkbtn:active {
  color: #2a9941;
  border-color:#2a9941;
}
.linkbtn:hover i, .linkbtn:focus i, .linkbtn:active i {
  color: #2a9941;
}
.linkbtn i {
  color: #092f57;
  margin: 0;
  vertical-align: middle;
}
.introbox img {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
table {
  display:block;
  overflow:auto;
  border-collapse:collapse;
  width: 100%;
  clear: both;
  border-top:
#cccccc solid 1px;
  border-left:
#cccccc solid 1px;
  margin-bottom: 30px;
  font-size: 0.80em;
  text-align: center;
}
table th {
  background:#f8f8f8;
}
table td, table th {
  line-height: normal;
  border-bottom:
#cccccc solid 1px;
  border-right:
#cccccc solid 1px;
  padding: 10px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
}
table p {
  font-size:1.125em;
  line-height:30px;
}
table p:last-child {
  margin-bottom:0;
}
.main_nav_wrap {
  float: left;
  margin: 19px 0 0 0;
  width: 100%;
}
.main-nav .container {
  position: relative;
}
.main-nav nav {
  float: left;
  position: relative;
  width: 100%;
}
.page_container {
  float: left;
  width: 100%;
}
.poweredby {
  text-align: right;
}
.footer-bar {
  float: left;
  width: 100%;
  clear: both;
  margin: 35px 0 0 0;
  padding: 15px 0 0 0;
}
.footer-bar ul {
  float: right;
  margin: 0;
}
.footer-bar ul li {
  border-left: 1px solid #fff;
  display: inline-block;
  line-height: 13px;
  list-style-type: none;
}
.footer-bar ul li:first-child {
  border: none;
}
.footer-bar ul li a {
  color: #fff;
  padding: 0 18px;
}
.footer-bar ul li a:hover {
  color: #ebbd12;
}
.footer-bar p {
  margin: 0;
}
.block {
  padding-bottom: 50px;
}
#main_slider {
  padding-bottom: 10px;
}
.block [class*="span"] {
 margin-bottom: 15px;
}
[class*="span"] img, [class*="span"] iframe {
 max-width: 100%;
}
.main-content {
  clear: both;
  float: left;
  padding: 50px 0;
  position: relative;
  width: 100%;
}
.no-padding {
  padding: 0px;
}
.footer-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap:wrap;
}
.footer.inner-page-footer{
  background:url(img/footer-bg.jpg) repeat-x top center #0b4a80;
  color:#fff;
}
.footer.inner-page-footer h3,
.footer.inner-page-footer .footer-nav li a,
.footer.inner-page-footer a{
  color:#fff;
  opacity:1;
}
.footer.inner-page-footer .social-icons a{
  background:#fff;
  color:#0b4a80;
  opacity:1;
}
.footer.inner-page-footer .social-icons a:hover,
.footer.inner-page-footer .social-icons a:focus,
.footer.inner-page-footer .social-icons a:active{
  background:#e61c22;
  color:#fff;
  padding:0;
}
.footer.footer-home{
  background:#fff;
  color:#15498b;
  opacity:1;
}
.footer.footer-home a{
  color:#15498b;
  opacity:1;
}
.footer-copyrights.footer-copyrights-home{
  background-color:#15498b;
  color:#fff;
  opacity:1;
}
.footer-copyrights.footer-copyrights-home a{
color:#fff; 
opacity:1;
}
.footer {
margin-top:38px;
float: left;
padding: 40px 0 50px;
position: relative;
width: 100%;
color: #fff;
background: #15498b;
}
.footer.footer-home:before{
background: url(img/Footerwave-White.svg) repeat-x top center;  
}
.footer:before{
content: "";
display: block;
position: absolute;
top: -38px;
left: 0;
width: 100%;
height: 38px;
background: url(img/Footerwave-Blue.svg) repeat-x top center;
}
.footer-inner {
  float: left;
  width: 100%;
  padding:85px 0 45px 0;
}
.footer h3 {
  font-size:1.412em;
}
.subscribebox{
  float:left;
  width:100%;
  padding:20px 0 120px 0;
  text-align:center;
}
.subscribebox-form{
float: left;
width: 100%;
background: #f3f3f3;
border-radius: 25px;
padding: 40px 50px;
box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
margin: 0;
}
.subscribebox input[type="text"], .subscribebox input[type="email"] {
  font-size: 1.0em;
padding: 20px 30px;
margin: 0 0 10px 0;
color: #6e707d;
transition: all 0.5s ease 0s;
border-radius: 32px;
box-shadow: 0 5px 7px rgba(0,0,0,0.2);
border: none;
}
.subscribebox input[type="text"]:focus, .subscribebox input[type="email"]:focus {
  border-color:#2a9941;
}
.subscribebox .btn {
width: 100%;
padding: 20px 0;
border-radius: 32px;
}
.newsletter-row{
margin-top:30px;
margin-bottom:20px; 
}
.newsletter-note{
font-size: 0.765em;
padding: 0 20%;
}
.foot-col .featurebox {
  margin: 0;
  width: 100%;
  background: #5c108c;
  color: #fff;
  box-shadow: none;
  padding: 20px 15px;
}
.foot-col .featurebox h2 {
  color:#fff;
  opacity:1;
}
.foot-col .featurebox input[type="text"], .foot-col .featurebox input[type="email"], .foot-col .featurebox select, .foot-col .featurebox textarea {
  background: none;
  color: #fff;
  border-bottom: #7b3fa1 solid 1px;
}
.foot-col .featurebox input[type="text"]:focus, .foot-col .featurebox input[type="email"]:focus, .foot-col .featurebox select:focus, .foot-col .featurebox textarea:focus {
  background:none;
  padding:10px 0;
}
.foot-col .featurebox input[type="submit"] {
  background:#fff;
  color:#000;
  opacity:1;
}
.foot-col .featurebox input[type="submit"]:hover {
  background:#231f20;
  color:#fff;
}
.text-right{
text-align:right; 
}
.foot-col h4 {
  font-size: 1.000em;
  margin-bottom: 10px;
}
.footer-copyrights {
  float: left;
  font-weight: 400;
  margin: 0;
  color:#6e707d;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
.footer-copyrights ul {
  float:left;
  width:100%;
  margin:0;
  padding:0 0 15px 0;
}
.footer-copyrights ul li {
  display: inline-block;
  list-style-type: none;
  border-left: #fff solid 1px;
  line-height: 14px;
}
.footer-copyrights ul li:first-child {
  border:none;
}
.footer-copyrights ul li a {
  display: block;
  padding:0 8px;
}
.footer-notice {
  font-size:0.800em;
  line-height:normal;
  padding-top:45px;
}
.footer-notice p {
  line-height: 18px;
  margin: 0;
}
.copyright {
  color: #444444;
  opacity:1;
}
.foot_right_block {
  text-align: right;
  padding-top: 15px;
}
.foot_right_block .fright {
  margin-left: 20px;
}
.foot_menu {
  text-align: right;
}
.foot_menu li {
  display: inline-block;
  padding: 0 7px 0 7px;
  margin: 0;
}

.footer-nav li:first-child {
}
.footer-nav li {
  display:block;
  position: relative;
}
.footer-links.footer-nav li {
  padding-bottom:5px;
}
.foot-btn {
  float:left;
  width:100%;
  clear:both;
  padding:20px 0 0 0;
}
.footer-nav li a {
padding: 5px 0;
  display: block;
  
}
.footer-nav li a:hover,
.footer-nav li a:focus,
.footer-nav li a:active{  
transform: translateX(.25em);
}
footer a{
  color:#fff;
  transition: all 0.5s ease 0s;
}
footer a:hover,
footer a:focus,
footer a:active{
color:#fff;
}
.footer-nav {
  list-style-type: none;
  margin: 0;
}
.foot_menu ul li a:hover {
  color: #ffb400;
  text-shadow: inherit;
}
.posteddate {
  background: #a33038;
  padding: 5px 10px;
  margin-right: 5px;
  display: inline-block;
}
.footer-nav li a:hover .posteddate {
  color:#fff;
}
.foot_menu li:first-child {
  border: none;
}
.foot_menu li a {
  color: #fff;
  font-style: normal;
  text-shadow: 0 1px 1px #000000;
}
.footer-copyrights p {
margin: 0;
clear: both;
line-height: normal;
}
.footer-copyrights a {
  color: #6e707d;
}
.footer-copyrights a:hover, .footer-copyrights a:focus, .footer-copyrights a:active {
  color: #e61c22;
}
.fran-notice{
text-align:center;
float:left;
width:100%;
background:#2d62a0;
color:#fff; 
padding:15px 0;
}
.fran-notice a{
color:#fff; 
}
.fran-notice p{
line-height: normal;
margin:0;
}
.no-margin {
  margin-left:0;
  margin-right:0;
}
.featurebox h3 {
  color: #fff;
  font-size: 1.111em;
  line-height: normal;
  margin: 0 0 10px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
}
.featurebox p {
  font-size: 0.889em;
  margin: 0 0 5px 0;
  line-height: normal;
}
.featurebox hr {
  background-color: rgba(255, 255, 255, 0.2);
  border: medium none;
  height: 1px;
  margin: 0 0 7px 0px;
  width: 100%;
  clear: both;
}
legend {
  font-weight: 400;
}
.featured-articles .post{
margin:0;
position: relative;
width:100%;
background:none;
border-radius:inherit;
padding:40px 0;
border-top:solid 3px #dddddd;
}
.featured-articles .post .btn{
display: inline-block;
position: absolute;
right: 0;
top: 40px;
}
.featured-articles .post h2.title{
max-width:84%;  
}
.featured-articles .post p{
margin:0; 
}
.featured-posts{
padding: 0 0 50px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between; 
}
.post {
width:31.333333%;
padding: 40px;
margin:20px 0 0 0;
background: #f3f3f3;
border-radius: 20px;
}
.post .btn{
display:block;  
}
.post p{
text-align:left;  
}
.post-inner {
  float: left;
  padding: 20px;
  width: 100%;
}
.no-border {
  border: none;
}
.contentside .sidebox ul {
  margin-bottom:0;
}
.contentside .sidebox ul li {
  text-transform:uppercase;
  border-bottom: 1px solid #ccc;
  font-size: 0.889em;
  font-weight: 400;
  line-height: 22px;
  list-style-type: none;
  margin: 0;
  min-height: inherit;
  padding: 15px 0;
}
.sidebox ul li:last-child {
  border:none;
}
.contentside .sidebox ul li:first-child {
  padding-top:0;
}
.accordion-content {
  float: left;
  padding: 15px 20px;
  width: 100%;
}
.contentside sidebox ul li a:hover {
  color: #fed403;
}
.post img {
  height: auto;
  max-width: 100%;
}

.post_info {
  clear: both;
  float: left;
  margin: 0 0 15px;
  width: 100%;
  text-align:center;
  font-weight:700;
}
.post_info a:hover, .post_info a:focus, .post_info a:active {
  color:#ee3a43;
}
.post_info a {
  color:#074880;
  display:inline-block;
  margin: 0 20px 0 0;
}
.post-info-cell .fa {
  color: #4060ff;
  margin-right: 10px;
  font-size: 1.333em;
  vertical-align: middle;
}
.post h2.title, .post h1.title {
  font-size:2.353em;
}
img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.navigation .btn .fas {
  margin:0 4px;
}
.navigation .btn {
  background:
#007836;
  color:
#fff;
  font-size: 0.875em;
  text-shadow: inherit;
  font-weight: 400;
  text-transform: inherit;
  margin: 0 7px 0 0;
}
.navigation .btn:hover {
  background:#e9ae00;
  color:#000;
}
.post h2.title a, .post h1.title a {
  color:#15498b;
}
.post_info .fas {
  margin:0 2px 0 0;
  color:#2a9941;
}
.post h2 a:hover {
  color:#e61c22;
}
.post-info-cell {
font-size: 1.059em;
font-weight: 700;
padding: 0 0 5px 0;
}
.post-info-cell a {
  color: #15498b;
  font-size: 0.900em;
}
.post-info-cell a:hover {
  color:#e61c22;
}
.sidebar h2.title {
  font-size: 0.889em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.navbar .container {
  position: relative;
}
.footer-top {
  background-color: 
 #fff;
  padding: 20px 50px;
}
.navbar {
  background: #004b8f;
  float: left;
  margin: 22px 0 0 0;
  width: 100%;
  position: relative;
  border-radius: 5px;
}
.footer img {
  margin-bottom:20px;
}
::-webkit-input-placeholder {
 color: #074880;
 opacity: 1;
}
:-moz-placeholder {
    /* Firefox 18- */
    
    color: #074880;
 opacity: 1;
}
::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #074880;
 opacity: 1;
}
:-ms-input-placeholder {
 color: #074880;
 opacity: 1;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  font-family: 'Muli', sans-serif;
  border: #ccc solid 1px;
  box-shadow: none;
  height: auto;
  opacity: 1;
  line-height: normal;
  font-size: 0.778em;
  color: #000;
  padding: 8px 10px;
  width: 100%;
  background:#fff;
}
.navbar .nav {
  margin: 0;
}
.sidebox {
  float: left;
  margin: 0 0 20px 0;
  width: 100%;
  overflow: hidden;
  background:#f2f5f9;
}
.sidebox ul {
  margin:0;
}
.sidebox ul li {
  list-style-type: none;
  position: relative;
  padding-left:35px;
}
.sidebox ul li:before {
  content: "\f0a9";
  font-family: Font Awesome\ 5 Free;
  position: absolute;
  left: 7px;
  top: 5px;
  color:
#2a9941;
  font-weight: 700;
}
.sidebox ul li a {
  display: block;
  padding: 5px 0;
  color: #000;
}
.sidebox ul li a:hover, .sidebox ul li a:focus, .sidebox ul li a:active {
  color: #2a9941;
}


.sharethis {
  float: right;
  font-size: 1.000em;
  font-weight: 600;
  margin:0;
  text-transform: uppercase;
}
.sharethis img {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  border-radius: 5px;
}
.sidebox.accordion h3 {
  cursor: pointer;
  padding-left: 40px;
}
.sidebox.accordion h3:before {
  content: "\f067";
  color: #000;
  font-family: Font Awesome\ 5 Free;
  left: 0;
  position: absolute;
  top: 5px;
  background: #fecc17;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 0.8em;
  border-radius: 3px;
}
.sidebox.accordion h3.active:before {
  content: "\f068";
}
.sidebox p {
  padding: 0;
}
.sidebox.box-light h3 {
  color: #004b8f;
}
.sidebox .sidebox-events li span {
  display: block;
  font-size: 0.722em;
  font-weight: 400;
}
/*.contentside ul li:before {
content: "\f111";
font-family: Font Awesome\ 5 Free;
font-size: 0.400em;
position: absolute;
left: 0px;
top: 3px;
font-weight: 700;
}*/
.contentside ul li {
padding:2px 0;
position: relative;
}
.contentside ol li {
  counter-increment: step-counter;
  list-style-type: none;
  padding:2px 0 2px 1.0em;
  position: relative;
}
.contentside ol li::before {
content: counter(step-counter, decimal);
display: inline-block;
left: 0;
position: absolute;
text-align: center;
top: 2px;
font-weight: 700;
font-size:0.900em;
}
.form-half {
  margin: 0 0 0 2%;
  float: left;
  width: 49%;
}
.form-half:first-child {
  margin-left:0;
}
.contentside ul, .contentside ol {
margin: 25px 0;
padding:0 0 0 1.5rem;
}
.contentside blockquote p:last-child {
  margin-bottom:0;
}
.sidebar .featurebox input[type="text"], .sidebar .featurebox input[type="email"], .sidebar .featurebox select, .sidebar .featurebox textarea {
  background:#fff;
}
.contentside blockquote {
  border:none;
  margin: 30px 0;
  font-style:normal;
  text-align:center;
  font-size:1.300em;
  width: 100%;
}
.contentside ul ul {
  margin: 0;
  padding: 20px 0 0;
}
.contentside ul li:last-child {
  padding-bottom: 0;
}
.slider-img {
  float: left;
  width: 54%;
}
.home-slider .container {
  position:relative;
}
@media screen and (max-width: 1600px) {
  .blog-sidebar{
  width:24.5%;  
  }
  .blog-content {
    width: 75.5%;
  }

 .sec2box h3 {
 font-size: 1.200em;
}
ul.slimmenu li .sub-toggle {
 font-size: 0.70em;
}
.headphone {
    font-size: 1.200em;
}
}
@media screen and (max-width: 1500px) {
.wrapper {
width:96% !important;
}
.blog-layout{
padding:0;  
}
.register-today-inner{
margin:0;
width:100%; 
}
}
@media screen and (max-width: 1440px) {

  .blog-sidebar {
    width: 21.5%;
}
.blog-content {
    width: 78.5%;
}
  .homepage-hero-text-banner .homepage-hero-text-banner-decoration-lifering{
    width: 30vw;
    height: 30vw;
    left: auto;
    right: 0;
    bottom: auto;
    top:20vw;
  }
  .homepage-hero-text-banner .homepage-hero-text-banner-decoration-starfish {
    left: 51vw;
    height: 24vw;
    width: 24vw;
}
  .blog-content{
  padding-left:2%;
  padding-right:2%; 
  }
  .news-annoucements{
  padding-top:0;  
  }
  .faq-answer-inner{
  width:72%;  
  }
  .lp-video-sec h2{
  font-size:2.0em;
  margin-bottom:10px; 
  }
  .lp-video-sec h3 {
    font-size: 1.4em;
}
.lp-video-sec p {
    font-size: 0.85em;
}
.lp-video-sec::before{
top:-140px; 
}
.headphone {
    font-size: 1.0em;
}
.btn-getstarted {
    background: #fff;
    position: relative;
    font-size: 0.80em;
}
 .header h3 {
 margin: 5px 0 0 7%;
}
.slider-text h2 {
font-size: 2.8em;
line-height: 65px;
}
 .home-ownership-steps ul li a {
 font-size: 1.000em;
}
}
@media screen and (max-width: 1400px) {
 .form-half {
 margin: 0 0 10px 4%;
width: 48%;
}
.formfixed .featurebox {
width:32%;
margin-top:15px;
}
.form-half:first-child {
margin-left:0;
}
.sidebar .form-half, .contact-page .form-half {
width:100%;
margin-left:0;
}
}
@media screen and (max-width: 1366px) {

  .landingpage .banner-inner h1{
  font-size:2.3em;  
  }
  .landingpage .banner-inner h2 {
     font-size: 1.4em;
}
  .home-why-choose{
  padding-top:60px; 
  }
  .home-welcome-copy::before {
height: 142%;
}

 .service-box-img p {
 top:80px;
}

 .banner-inner .featurebox h2 {
 font-size:1.375em;
}
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1280px) {
 
  .programs-widget .registeration-features {
    min-height: 425px;
}

  .banner-inner h1{
  font-size:2.5em;  
  }
  .introbox {
    padding: 0;
}
 .slider-text p {
font-size:1.0em;
}
 .service-box {
 padding:20px 5px;
}
 .sec2box .icon-whychoose {
font-size: 4em;
margin: 0 0 0 -80px;
 padding: 0 30px;
}
 .home-news h2 br {
 display:none;
}
 .banner-inner .featurebox h2 {
 font-size: 1.111em;
}
}
@media screen and (max-width: 1200px) {
 .awards-section h2 {
 font-size:1.5em;
}
.header::after{
  display:none; 
  }
}
@media screen and (max-width: 1199px) {
.location-wrapper .findlocation .btn {
    position: relative;
    right: auto;
    top: auto;
    padding: 20px 30px;
    border-radius: 35px;
    margin: 5px 0 0 0;
    width: 100%;
}
  .filter-group {
    width: 85%;
}

  .main{
  background:none;  
  }
  .banner-inner::after{
  display:none; 
  }
  .pool-pagefilter ul li {
    margin: 5px 2px;
}
  
.news-annoucements::before {
    top: -250px;
}
  .price-lg {
    font-size: 4.0em;
}
  .pool-info{
  padding-bottom:30px;  
  }
  .pool-pagefilter{
  margin:30px 0 0 0;  
  padding:20px;
  }
  .tips-icon {
    width: 140px;
    height: 140px;
}
  .booklessons ul h3 {
    font-size: 1.5em;
    padding: 0;
}
  .newsletter-note {
    padding: 0;
}
  ul.slimmenu li a {
    font-size: 0.95em;
    padding: 8px 24px;
}
  .video-caption{
  font-size:1.85em; 
  }
  .stories-videos{
  margin:0; 
  }
  .video-caption{
  margin-bottom:0;  
  }
  .home-testimonials .btn:hover,
  .home-testimonials .btn:focus,
  .home-testimonials .btn:active {
    background:#fff;
  color:#0b4a80;
}
  .sec2box-pic span{
  background-position:90px 0; 
  }
  ul.slimmenu li:last-child{
  border-bottom:none; 
  }
  .btn-getstarted{
  padding:0 5px;  
  }
  ul.slimmenu li.has-submenu:hover > a{
  background:none;
  border-radius:inherit;  
    color: #e61c22;
  }
.home-welcome-copy::before,
.home-testimonials::before,
.home-news:before,
.franbrands::before,
.stories-videos:before,
.lp-video-sec:before {
    top: 0;
    height: 100%;
    background-color: #0b4a80;
}
.home-why-choose,
.home-testimonials,
.home-ownership-steps,
.home-news,
.awards-section,
.franbrands,
.stories-videos,
.lp-video-sec{
padding:60px 0;
min-height:inherit;
}
.awards-section,
.lp-video-sec{
margin:0; 
}
.home-why-choose::before{
background-color:#0b4a80;
opacity:1;
}
  .featurebox h2 {
    background: rgb(9, 47, 87);
	opacity:1;
}
  ul.slimmenu li li .sub-toggle {
    top: 0;
    right: -1px;
    min-height: inherit;
    padding: 5px 17px;
}
  
 .service-col {
 background-image:none;
}
 .service-col-inner {
 padding:20px;
}
 .home-slider .slick-slide::after {
 display:none;
}
 .home-welcome-copy:after {
 display:none;
}
 .home-ownership-steps .row {
 padding-top: 0;
}
 .home-ownership-steps ul {
padding-top: 40px;
}
 .introbox {
 padding-right: 0;
}
 .home-welcome-copy {
 padding:60px 0;
}
 .home-slider .slick-slide::before {
 width: 100%;
 left: 0;
 transform: inherit;
 height: 100%;
}
 .home-slider-container {
 margin-top: 0;
}
 .home-slider .slick-arrow {
margin-top: -30px;
}
 .home-slider .slick-prev {
 left: 5px;
}
.home-slider .slick-next {
 right: 5px;
}
 .slider-text .btn::before {
border:#ccc solid 2px;
}
.home-welcome-copy p,
.home-testimonials p,
.franbrands p {
     text-align: left;
}
 .home-welcome-copy h1, .home-news h2, .home-ownership-steps h2,
 .lp-video-sec h2 {
 font-size: 2.0em;
 line-height: normal;
}
.inner-content .webinar-hosts h2{
  font-size:2.0em !important;
}
.lp-video-sec h3{
font-size:1.4em;  
}
.lp-video-sec p{
font-size:1.0em;  
}
 .border-sep {
 border-left: none;
}
 .service-box h3 strong {
 font-size: 2.000em;
}
 .sidebar .featurebox h2 br {
 display:none;
}
.section3 {
 margin-top: 50px;
}
 .home-welcome-copy h1 br {
 display:none;
}
 ul.slimmenu li ul li a, ul.slimmenu li:first-child ul li a {
 padding:5px 15px;
}
 .sec2box h3 {
font-size: 1.0em;
}
.sec2box h3 {
 min-height: inherit;
}
.sec2box h3 .fas {
 right: 10px;
 top: 8px;
 width: 40px;
 height: 40px;
 line-height: 40px;
}
 .quotebox {
margin: 0;
width: 100%;
padding: 20px 20px;
}
.featurebox {
width: 100%;
}

 .testimonials-rotator {
 padding: 0;
}
 .quotebox cite::before {
content:normal;
}
.testimonials-rotator .slick-dots {
 margin: 20px 0 10px;
}
.quotebox cite {
 position: relative;
 right: auto;
 bottom: auto;
 padding: 0;
}
 .introbox h1 {
 font-size:1.5em;
 line-height: 1.100em;
}
.slider-text h2::after {
 margin: 0 auto 8px;
}
 .headphone::before {
}
 .service-intro {
 min-height: inherit;
}
.service-intro::before {
content:normal;
}
 .formfixed {
 position: relative;
 left: auto;
 top: auto;
}
.formfixed .featurebox {
 width: 100%;
 margin: 10px 0;
 background:#f8f8f8;
}
 .test-bg {
 display:none;
}
 .sidebar .featurebox {
 margin-top: 0;
}
 .home-news h2 br {
 display:none;
}

 .btn-call {
 float:none;
 display:inline-block;
 margin:15px 0 0 0;
}
 .header h3 {
margin:5px 0 0 0;
}
 .box h3 {
 font-size: 1.222em;
}
 .banner-inner h2 {
 font-size: 1.222em;
}
 .featurebox input.input-large[type="text"] {
 width: 92%;
}
 .featurebox h3 {
 font-size: 1.111em;
}
 .foot_menu li {
 padding: 0 3px;
}
 .more {
 display: inline-block;
}
 .intro-pic {
 width: 16%;
}
}
@media screen and (max-width: 1024px) {
	.distance::before {
    font-size: 1.2em;
}
  .pool-location-info{
  width:70%;  
  }
 .sidebtn {
transform:rotate(0deg);
 -ms-transform:rotate(0deg); /* IE 9 */
 -moz-transform:rotate(0deg); /* Firefox */
 -webkit-transform:rotate(0deg); /* Safari and Chrome */
 -o-transform:rotate(0deg); /* Opera */
 position:relative;
 top:auto;
right:auto;
 z-index:1;
 clear:both;
}
.closebtn-icon {
display:none;
}
 .section5 ul li {
 font-size:0.889em;
}
 .banner-inner .featurebox {
 width: 100%;
}
 nav ul li a {
 padding: 13px 11px;
 font-size: 0.778em;
 font-weight: 400;
}
 .slider ul li {
 line-height: 18px !important;
 background-position: left top;
}
}
@media screen and (max-width: 991px) {
    .ws-ctas-outer{
    padding: 50px 0 0 0;
}
	.kids-saying {
    padding-top: 50px;
}
	.covid{
	text-align:center;	
	}
  
  .padding-top-mob{
  padding-top:30px; 
  }
    
  .post-detail h1 {
    width: 100%;
}
.social-sharing {
    text-align: left;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    margin-bottom: 10px;
}
a.ss-button-facebook, a.ss-button-googleplus, a.ss-button-twitter, a.ss-button-linkedin, a.ss-button-pinterest, a.ss-button-xing, a.ss-button-reddit{
margin:0 5px; 
}
  .normal-posts .post{
  width:48%;  
  }
  .filter-group ul li{
  padding:0;  
  font-size: 0.80em;
  }
  .filter-group h3 {
    font-size: 1.2em;
}
.filter-group ul{
display:none; 
}
  .filter-group ul li:before{
  display:none; 
  }
  .sidebar-desktop-only{
  display:none; 
  }
  .sidebar-mobile-only{
    display:flex;
  flex-wrap: wrap;
  margin-bottom:30px;
  margin-top:0;
  }
  .blog-sidebar{
  width:100%; 
  padding:30px 0;

  }
  .filter-group{
margin:0;
  width:33.3333%;
  clear:inherit;
  padding:0 20px; 
  }
  .blog-sidebar::before{
  display:none; 
  }
  .blog-content{
  width:100%; 
  }
  .wizard-question h4{
  font-size:1.1em;  
  }
  .fee-container.contentside ul{
    margin:0;
  }
  .wizard-selected-answer{
  font-size:1.1em;  
  }
  .price-box {
    width: 49%;
  margin: 10px 0;
}
  .pool-info .class-availability{
    margin-bottom:30px;
  }
  .booklessonform .select-class .btn{
  margin:0; 
  }
  .booklessonform .select-class select {
margin:0;
}
  .class-filter::before{
  display:none; 
  }
  .class-filter{
  margin-top:20px;
  margin-bottom:30px; 
  }
  .col-lg-4.offset-lg-1{
    margin-bottom:30px;
  }
  .testimonial-decoration-octopus{
  display:none; 
  }
  .homepage-programs-text-banner .homepage-programs-text-banner-decoration-turtle{
  display:none; 
  }
  .homepage-programs-text-banner{
  padding-top:50px;
  padding-bottom: 350px;  
  }
  ul.water-safety-tips li{
  width:31%;  
  }
  .booklessons h2 br{
  display:none; 
  }
  .booklessons ul{
  padding:0 !important; 
  }
  .booklessons ul li{
  width:50%;  
  padding: 10px 20px !important;
  }
  .watersafety-intro .social-icons {
    text-align: center;
    position: relative;
    right: auto;
    bottom: auto;
    margin: 0 0 20px 0;
}
  .water-safety-page{
  padding-bottom:0; 
  }
  h1 {
  font-size:2.529em;
}
h2 {
  font-size:2.40em;
}
h3 {
  font-size:1.6em;
}
h4 {
  font-size:1.265em;
}
h5 {
  font-size:1.1em;
}
h6 {
  font-size:1.1em;
}
  .programs-widget .registeration-features {
    min-height:inherit;
}
  .programs-widget .registeration-widget-inner {
    padding: 0 20px 20px;
}
  .programs-widget .registeration-features {
    margin-bottom:20px;
}
  .registeration-widget{
  margin-bottom:20px; 
  }
  .inner-content.no-inner-banner{
  padding-top:200px;
}
  
  .logo {
    margin-bottom: 0;
    padding:10px 0;
}
  .logo::before{
  display:none; 
  }
  .btn-login{
  padding: 10px 20px;

  }
   ul.slimmenu li {
 padding-left: 0;
}
ul.slimmenu li {
border-bottom:rgba(0, 0, 0, 0.10) solid 1px;
 display: inline-block;
 float: none;
 padding:0;
 border-left:none;
}
 ul.slimmenu li ul {
 border: none;
 box-shadow: none;
 border-radius:15px;
}
 ul.slimmenu li {
 margin-left:0;
}
 ul.slimmenu {
 text-align: left;
 width: 100%;
}
 ul.slimmenu li a {
 padding: 5px 0;
 font-size: 0.889em;
 border:none;
}
 ul.slimmenu li .sub-toggle {
right: 0;
top: 0px;
padding: 4px 17px;
min-height: 35px;
display: block;
background: #ccc;
color: #000;
}
 ul.slimmenu li .sub-toggle i {
 color:#000;
}
 ul.slimmenu li > ul {
 width: 100%;
}
 ul.slimmenu li ul li a {
 padding: 5px 20px 5px 20px;
}
 ul.slimmenu li ul li ul li a {
 padding: 5px 20px 5px 40px;
}
 ul.slimmenu i {
display:none;
 font-style: normal;
 color:#fff;
}
 ul.slimmenu li.current-menu-item > a {
 background: none;
}
 ul.slimmenu li ul li {
 background: none;
 margin:0;
 border:none;
}
 ul.slimmenu li ul li:first-child::before {
 content:normal;
}
  .blog-detail-pagination .blog-filter {
    padding:20px 0;
}
  .sticky-form{
  position:relative;
  left:auto;
  bottom:auto;
  float:left; 
  }
  body.inner-page .footer-copyrights{
margin-bottom:0;  
}
  .landingpage .banner-inner h1 {
    font-size: 1.7em;
  margin:-50px 0 10px 0;
}
.landingpage .banner-inner h2 {
    font-size: 1.0em;
    margin: 0 0 20px 0;
}
  .filter-elem {
    width: 40%;
}
.footer h3{
margin:20px 0;  
}
  .slider-text{
  bottom:20px;  
  }
  .home-why-choose::before{
  top: -460px;  
  }
  .homeform .featurebox{
  padding:20px; 
  border-radius: 30px;
  }
  .featurebox input[type="text"], .featurebox input[type="email"], .featurebox select, .featurebox textarea, .featurebox .btn{
  margin:10px 0;  
  }
  .homeform{
padding: 20px 0;
  position:relative;
  left:0;
  bottom:0; 
  }
  .home-why-choose ul {
    padding: 30px 0 0 0;
    justify-content: center;
}
  .home-why-choose ul li{
padding:20px 0;
  width:33.3333%; 
  }
  .home-ownership-steps ul li:nth-child(4) .step-arrow {
    display: block;
}
  .home-ownership-steps ul li {
    width: 50%;
    margin: 0 0 20px 0;
}
 .quotebox::before {
left: 30px;
top: 0px;
font-size:1.8em;
}
.quotebox::after {
right: 30px;
bottom: 0px;
font-size:1.8em;
}
 .sendfile-form {
 padding:20px;
}
 .product-item h3 {
 font-size:1.0em;
}
 .awards-section ul li {
border: none;
width: 50%;
margin: 0;
padding: 20px;
}
 .slick-dots {
top:0;
}
 .topright {
margin: 15px 0;
text-align: center;
}
 .header h3 {
 width:100%;
 margin: 20px 0;
}
 .home-welcome-copy h1 strong, .home-news h2 strong, .home-ownership-steps h2 strong {
 font-size: 1.000em;
 padding-bottom: 10px;
}
 .home-testimonials::after {
 display:none;
}
 .stepbox .fas {
 text-align:left;
 margin-bottom:15px;
}
 .section3-inner {
 margin: 0;
}
 .gallery-item h3 {
 font-size:0.85em;
}
 .breadcrumb-bar {
 margin:0;
background:#2d62a0;
}
.contentside .featurebox {
margin-top:0;
}
 .section3 {
 margin:0;
}
 .inner-content {
 padding:20px 0;
}
 .section4 li::before {
 width:30px;
 height:30px;
 line-height:30px;
 font-size: 0.85em;
 left:0;
}
 .section4 li a {
 padding: 15px 20px 15px 45px;
}
 .service-box {
width: 32%;
margin: 8px 0;
padding: 20px;
}
 .service-box h3 strong {
 font-size: 1.5em;
 padding-bottom: 0;
}
.service-box .serviceicon {
 font-size: 1.5em;
}
 .sec2con {
 padding:20px 0 20px;
 margin-top:0;
}
.service-container {
margin-top:0;
}
 .testimonials-rotator {
 margin-top: 0;
}
.quotebox blockquote {
font-size: 1.0em;
line-height: 1.5em;
}
.faq-sec1 {
padding-bottom:20px;
}
.section5-inner, .footer-inner, .footer-copyrights, .section3, .home-vidsec-inner, .quotebox-inn, .section4, .section5, .home-testimonials, .home-ownership-steps, .testimonial-inner, .awards-section, .franbrands, .home-why-choose, .stories-videos, 
.lp-video-sec {
 padding: 20px 0;
}
.home-welcome-copy h1, .section3 h2, .home-news h2, .section4 h2, .home-testimonials h2, .logos-outer h2, .footer h3, .findloc h3, .home-ownership-steps h2, .serve-info h3, .awards-section h2, .home-why-choose h2, .franbrands h2 {
 font-size: 1.3em;
}
.inner-content h2:first-of-type {
 font-size: 1.7em;
}
 .awards-section ul {
 padding:0;
}
 .section5 img {
 display:block;
 margin:0 auto 20px;
}
 .footer-columns {
}
 .introbox {
 padding-left:0;
}
 .home-welcome-copy h1 {
 margin-bottom: 20px;
}
 .contact-info {
 min-height:inherit;
 margin-bottom:10px;
}
 .home-news iframe {
 margin-bottom: 10px;
}
 .sidebar {
 clear: both;
 padding-top: 20px;
}
 .home-welcome-copy, .home-news {
 padding:20px 0;
}
 .home-news h2 {
 margin:0;
 padding: 10px 20px;
}
 .finance-left, .finance-right {
 width: 100%;
}
.sec-title {
 margin-bottom: 20px;
}
 nav ul li a {
 font-size: 0.889em;
}
 nav ul li ul li:hover ul {
 position: relative;
}
 nav ul li ul li ul li a {
 padding-left: 40px;
}
 nav ul {
 text-align: left;
}
 nav ul li {
 border-bottom: 1px solid #504944;
}
 nav ul li ul {
 width: 100%;
}
 nav ul li ul ul {
 left: auto;
 position: relative;
 top: auto;
 margin-bottom: 10px;
 display: block;
}
 .camera_prev, .camera_next {
 display: none !important;
}
 .footer-bar p {
 text-align: center;
}
 .footer-bar ul {
 float: none;
 text-align: center;
}
 .footer-bar ul li {
 display: block;
 border-top: #525758 solid 1px;
 border-left: none;
}
 .footer-bar ul li a {
 display: block;
 padding: 10px 0;
}
 .main-nav.fixed-bar {
 position: relative;
 left: auto;
 top: auto;
}
 .fixed-bar .cta-btn {
 top: auto;
}
 .accordion h3 span {
 padding-top: 3px;
}
 .tinynav {
 border: none;
 border-radius: 5px;
 display: block;
 padding: 7px 2%;
 width: 70%;
 float: left;
}
 .main-nav .btn {
margin: 0 60px 0 0;
}
}
@media screen and (max-width: 800px) {
 .section5 h2 {
 font-size:1.375em;
}
}
@media screen and (max-width: 768px) {
	.contentside .whychoose-cards ul li{
		width:48%;
	}
	.single-loc-left {
    width: 70%;
}
.single-loc-right {
    width: 30%;
}
  .news-annoucements::before {
display:none;
}
.pool-price{
padding-bottom:30px;  
}
.news-annoucements {
    padding-top: 30px;
}
.news-annoucements .featured-posts {
    padding-top: 0;
}
  .faq-answer{
  background-size:auto 12em;  
  }
  ul.water-safety-tips li{
  width:48%;  
  }
  .register-today-inner h2{
  font-size:2.0em;  
  }
  .register-today-inner {
    padding: 50px 20px;
  background-position: left center;
}
  .locations ul li{
  width:48%;
  margin-top:7px;
  margin-bottom:7px;  
  }
  .webinar-hosts ul li h3 {
    font-size: 1.200em;
}
 .main-content {
 max-width: 100%;
 padding: 30px 0;
}
 .head-email .fa-envelope-o {
 margin: 0 3px 0 0;
}
 .home-news p br {
 display:none;
}
.overlay-black::after{
  background-size:contain;
  }
}
@media screen and (max-width: 767px) {
	.single-location-inner {
    max-width: 100%;
}
	.why-stay .fact-bubble{
	position: relative;
left: auto;
top: auto;
display: block;
margin: 0 auto !important;
	}
	.why-stay .bubbles {
    padding-top: 0;
}
	.why-stay .container{
	height:auto;	
	}
	.hidethis-desktop{
	display:block;
	margin-bottom:20px;	
	}
	.hidethis-mobile{
	display:none;	
	}
	.covid {
    position: relative;
    left: auto;
    top: auto;
}
    .pool-location-info .hidemobile{
  display:none; 
  }
  #testimonials-form .booklessonform {
    padding: 20px 0;
}
  .blog-content{
  padding-top:20px; 
  }
  .location-page{
  padding:0;  
  }
  .locationlisting{
  width:100%; 
  }
  .locationmap{
  display:none; 
  }
  .location-wrapper{
  padding-top:20px; 
  max-width: 100%;
  }
  .class-wizard .btn {
    width: 100%;
}
  .radio-group label {
    display: block;
    position: static;
    margin: 14px 0;
    text-align: left;
}
.radio-group {
    padding: 0;
}

  .pool-location-info {
padding:20px;
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    text-align: left;
}
  .pool-price h2 {
    margin-bottom: 20px;
}
.price-container{
padding:0 0 20px 0; 
}
  .careers-inner{
  padding:20px; 
  }
  .homepage-hero-text-banner{
  margin:0;
  padding:0;
  overflow:inherit; 
  }
  .homepage-hero-text-banner .homepage-hero-text-banner-decoration-lifering{
top: -100px;
width: 20vw;
height: 20vw;
  }
  .homepage-hero-text-banner .text-banner{
  padding:50px 0;
  margin:0; 
  }
.homepage-hero-text-banner .homepage-hero-text-banner-wave-foreground{
background-size: 100%;
left: 0px;
right: auto;
}
.homepage-hero-text-banner .homepage-hero-text-banner-decoration-starfish{
left: auto;
top: -127px;
right: 120px;
width: 20vw;
height: 20vw; 
}
  .banner-inner.home-banner {
    min-height: inherit;
}

.home-banner .overlay-black {
   background-color: rgba(255,255,255,0.75);
   opacity:1;
}
  .banner-inner .wrapper, .banner-inner .container{
    justify-content: flex-start;
  }
    .banner-inner .wrapper, .banner-inner .container{
  align-items: center;
  }


  .header{
  position:relative;
padding-bottom: 20px;
  left:auto;
  top:auto; 
  }

  .top-bar {
    text-align: center;
}
.main-nav .btn {
margin: 0 20% 0 0;
float: none;
min-width: inherit;
width: 80%;
}
    .overlay-black{
background-image: none;
background-color: rgba(255,255,255,0.75);
position: relative;
left: 0;
top: 0;
padding: 40px 0 80px;
  }
    .banner-inner{
  min-height:inherit;
  padding:0;  
  text-align:center;
  }
  .banner-inner h1{
  font-size:2.0em;  
  }
  .banner-inner h1, .banner-inner p {
    max-width: 100%;
}
    .banner-inner.book-a-lesson {
    min-height:inherit;
  padding:0;
}
.banner-inner.home-banner h1 {
    margin: 0 0 21px 0;
}
  .banner-inner.home-banner h1,
  .banner-inner.home-banner p{
    max-width:100%;
    width:100%;
    text-align:center;
  }
  .faq-outer h3{
  font-size:1.1em;  
  }
  .faq-answer{
  background-image:none;  
  padding:20px;
  }
  .faq-answer-inner {
    width: 100%;
  padding:20px;
}
.faq-answer-inner::before{
display:none; 
}
  
  .booklessonform .btn {
    min-width: inherit;
    width: 100%;
    margin-top: 10px;
}
  .contact-row {
    margin-bottom: 0;
}
  .booklessonform {
    padding: 20px 20px;
    margin:20px 0 0 0;

}
.generic-form-row {
    margin-bottom: 0;
}
  .programs-widget .registeration-widget-inner {
    padding: 0 ;
}
  .jobapp-row {
    margin-top: 30px;
}
  .generic-form input[type="text"], .generic-form input[type="email"], .generic-form input[type="tel"], .generic-form select, .generic-form textarea {
    font-size: 0.85em;
    padding: 10px 20px;
    color: #6e707d;
    transition: all 0.5s ease 0s;
    border-radius: 32px;
    border: none;
  margin-bottom:15px;
    box-shadow: 0 5px 7px rgba(0,0,0,0.2);
}
  .subscribebox-form{
  padding:20px; 
  }
  .subscribebox {
    padding: 0px 0 40px 0;
}
  .wp-pagenavi a, .wp-pagenavi span{
  width: 35px;
height: 35px;
line-height: 35px;
font-size: 1.0em;
margin: 0 2px;  
  }
  .featured-articles .post{
  padding:20px 0; 
  }
  .featured-articles .post .btn {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 20px;
}
  .footer-copyrights{
  text-align:center;  
  }
  .foot-col{
  padding-top:30px; 
  }
  .footer{
  text-align:center;  
  padding-top:0;
  }
  .contactform .custom-select::before {
    top: 14px;
}
  .landingpage .banner-inner .wrapper img {
    position: relative;
    left: auto;
    bottom: auto;
}
.landingpage .banner-inner h1 {
    font-size: 1.5em;
    margin: 10px 0;
}
  .video-caption{
  font-size:1.4em;  
  }
  .contactform label.hideonmobile{
  display:none ;  
  }

  .contactform{
  padding:30px 10px;  
  }

 
  
    .btn-getstarted:before{
  display:none; 
  }
  .btn-getstarted{
background: #e61c22;
color: #fff;
padding: 10px 20px;
border-radius: 25px;
    }
    .headphone{
    margin:10px 0 0 0;  
    }
.btn-getstarted:hover,
.btn-getstarted:focus,
.btn-getstarted:active{
background:#074880;
color:#fff; 
}
  .home-testimonials video{
  height:inherit;
  }
  .home-welcome-copy img {
display:block;
margin:0 auto 20px;
}
  .homeform .featurebox {
    padding: 20px 0;
}
 .sendfile-form {
 padding:10px 0;
}
 .sendform-row {
 margin-bottom: 0;
}
.sendfile-form input[type="text"], .sendfile-form input[type="email"], .sendfile-form input[type="file"], .sendfile-form textarea {
margin-bottom:10px;
}
 .product-item {
 width:48%;
}
 .homeform .form-row {
 margin: 0;
}
 .gallery-item {
 width:48%;
}
 .stepbox h3 {
 font-size:1.0em;
}
 .stepbox {
 padding:20px 0;
}
 .slider-text h2 {
line-height: normal;
font-size: 1.5em;
}
 .footer-top {
 padding: 20px 0px;
}
.footer-columns {
padding:20px;
}
.footer-notice {
padding-top:20px;
}
 .form-row {
 margin:0;
}
 .slider-text p {
 text-transform: inherit;
 font-weight: 400;
 font-size: 0.85em;
 line-height: 1.3em;
}
 .slider-text .btn {
 padding: 9px 20px;
 border-radius: 5px;
}
 img.alignright, img.alignleft {
 display:block;
 float: none;
 margin: 0 auto 20px;
}
 .faq-outer h3::after {
 font-size: 1.0em;
 right: 10px;
 top: 17px;
}
 .featurebox input[type="text"], .featurebox input[type="email"], .featurebox select, .featurebox textarea {
font-size: 0.75em;
padding: 10px 20px;
margin: 5px 0;
}
.featurebox input[type="submit"] {
padding: 8px 20px;
    margin: 5px 0 0 0;
}
 .testimonials-rotator {
 margin-top: 0;
}
 .home-slider .slick-slide {
 padding-bottom: 0;
}

 .home-slider .slick-dots {
 position:relative;
 left:auto;
 bottom:auto;
 padding: 8px 0;
 background:#008641;
}
 .slider-text h3 {
 font-size:1.111em;
}
 .home-slider {
 border:none;
}
 .sidebox.accordion h3::before {
 top:0;
}
 .text-right {
 text-align:center;
}
 .introbox p {
 margin-bottom:20px;
}
 .home-welcome-copy {
 padding-left:0;
 padding-right:0;
}
 .header .wrapper {
 padding-left:0;
 padding-right:0;
}
 #cbp-so-scroller .cbp-so-section .cbp-so-side-left, #cbp-so-scroller .cbp-so-section .cbp-so-side-right, #cbp-so-scroller .cbp-so-section .cbp-so-side-top, #cbp-so-scroller .cbp-so-section .cbp-so-side-bottom, #cbp-so-scroller .cbp-so-section .section-title h2 {
 -webkit-transform: translateX(0px);
 -moz-transform: translateX(0px);
 transform: translateX(0px);
 opacity: 1;
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 transform: translateY(0px);
}
 .post {
 width:100%;
padding:15px 20px;
}
 .section3 h2 {
 margin-bottom: 20px;
}
 .section3 .col-sm-3, .process-box {
 min-height:inherit;
}
 .process-box {
 width: 100%;
}
 .introbox h1, .introbox h2 {
 margin: 0 0 10px;
}
 .posteddate {
 text-align: center;
}
 .row {
 margin-left: 0;
 margin-right: 0;
}
 .banner-inner h2 {
 left: auto;
 margin: 0;
 position: relative;
 top: auto;
 width: 100%;
}
 .header .col-lg-3 {
 padding-left: 15px;
}
 .head-email {
 padding-top: 0;
}
 .header .col-lg-3 {
 width: 100%;
}
 .headertop {
 padding: 0 0 15px 0;
}
 .featurebox {
 width: 100%;
}
 .sidebar .featurebox {
 margin-top: 0;
}
 .heading {
 font-size: 1.111em;
 padding: 8px 47px 7px 20px;
 display: block;
 clear: both;
}
 .areas-served {
 margin-bottom: 30px;
}
 .accordion h3 span {
 padding-top: 3px;
}
 .cta-btn {
 display: block;
 left: auto;
 margin: 6px auto 0;
 position: relative;
 right: auto;
 top: auto;
}
 .sharethis {
 float: right;
}
 .poweredby {
 text-align: center;
}
 .f-nav {
 left: auto;
 padding: 0 0 10px;
 position: relative;
 top: auto;
 z-index: 10;
}
 .featurebox input.input-large[type="text"] {
 width: 100%;
}
 .camera_next {
 right: 0;
}
 .camera_prev {
 left: 0;
}
 .navbar {
 margin: 0 2%;
 width: 94%;
}
 .header-fix .btn {
 float: none;
 margin: 10px auto;
 display: inline-block;
}
 .header-fix {
 left: auto;
 position: relative;
 top: auto;
 text-align: center;
}
 .header-fix {
 background-image: none;
}
 .navbar nav#main_menu select {
 width: 100%;
}
 .header-fix h3 strong {
 padding: 0;
 background: none;
}
 .footer-links.footer-nav li a {
 background: none;
 padding-left: 0;
}
 .footer .span3 {
 background: none;
}
 .featurebox {
 min-height: inherit;
}
 .topbar p {
 float: none;
 font-size: 0.889em;
 margin: 0 0 10px;
 text-align: center;
}
 .foot_menu ul {
 text-align: center;
}
 .foot_menu li {
 display: block;
 float: left;
 width: 100%;
 border-top: #cb2023 solid 1px;
 border-left: none;
}
 .foot_menu li a {
 display: block;
 padding: 5px 0;
}
 .foot_menu ul {
 margin: 0;
}
}
@media screen and (max-width: 640px) {
  .findlocation{
  width:100%; 
  margin-top:20px;
  }
  .booklessons ul li {
    width: 100%;
    padding: 10px 0 !important;
}
  .water-safety-counter span {
    width: 34px;
    height: 36px;
    line-height: 34px;
    font-size: 1.5em;
  margin:0;
}
  .watersafety-intro .btn {
    min-width: 100%;
    margin: 5px 0;
    padding: 12px 10px;
}
.header{
padding-bottom:10px;  
}
  .inner-content{
  text-align:inherit; 
  }
  .webinar-hosts ul li{
  width:50%;  
  }
  .single-video{
padding: 0 0 20px 0;
  width:100%; 
  }
  .home-why-choose h2{
  text-shadow:inherit;  
  }
  .awards-section .slick-track{
  display: flex;
justify-content: center;
align-items: center;
  }
  .awards-section::before {
  min-height:inherit;
  height:100%;  
  }
  .home-why-choose ul{
  padding:0;  
  }
  .awards-section ul li:nth-child(2n+1) {
    margin-top: 0;
}
  .home-ownership-steps ul {
    padding-top: 0;
}
  .home-why-choose::before {
height: 100%;
    background-position: top center;
    top: 0;
    background-size: contain;
}
    .home-why-choose ul li{
width:50%;
  }
 .home-ownership-steps ul li {
}
.home-ownership-steps ul li a{
padding-bottom:60px;
padding-top:60px; 
}
 .product-item img {
 width: 100%;
}
 .product-item {
 width:100%;
}
 .stepbox h3 span {
 display:inline-block;
 margin:0 10px 10px 0;
}
 .gallery-page ul li {
 width:48%;
 margin:5px 0 !important;
}
 .sec2box .icon-whychoose {
position: relative;
left: 0;
top: 0;
margin: 0 0 20px 0;
padding: 0;
}
 .service-box, .service-box:first-child, .service-box:last-child {
 width:100%;
 margin: 0 0 10px 0;
}
 .section3 {
 padding:20px 0px;
}
 .service-container .slick-arrow {
 bottom: -47px;
}
.section3 .slick-dots {
 bottom: -52px;
}
 .service-info {
 position:relative;
 left:auto;
 bottom:auto;
 float: left;
}
 .section5 .btn {
 margin-bottom:5px;
}

 .basic-table td {
 float:left;
 width:100%;
 padding:20px;
}
 .header .col-lg-3 {
 padding-left: 15px;
}
 .post h2, .post h1 {
 font-size: 1.111em;
}
 .introtext {
 width: 100%;
 padding: 5px 0 0 0;
 background: none;
}
}
@media screen and (max-width: 575px) {
	.contentside .whychoose-cards ul li{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
  .top-bar {
    padding-top: 0;
}
  .normal-posts .post {
    width: 100%;
    margin: 10px 0;
}
.filter-group{
width:100%; 
}
  .blog-content .featured-posts .post{
  width:100%; 
  }

  .pool-info .class-availability ul li,
  .pool-info .class-availability ul li:last-child{
  width:100%;
  text-align:center;  
  }
  .pool-info .class-availability ul{
  padding:5px;  
  }
  .btn-login{
  display:none; 
  }
  .class-availability ul li{
  width:100%;
  line-height:normal;
  text-align:center;
  padding:5px 0 !important; 
  }
  .class-availability .btn{
  float:none; 
  }
  .inner-content.no-inner-banner{
  padding-top:30px;
}

  .contentside blockquote{
  margin:10px 0 20px 0; 
  }
    .sec2box{
padding:0;
width:100%; 
}
  .home-welcome-copy img{
  width:40%;  
  }
  .home-ownership-steps ul li a::before {
    width:180px;
    height:180px;
    background-size:contain;
    margin: -90px 0 0 -90px;
  }
  .home-ownership-steps ul li a {
    padding-bottom: 0;
padding-top: 0;
height: 180px;
font-size: 0.85em;
line-height: normal;
}
}
@media screen and (max-width: 540px) {
 .topbar p span {
 display: block;
}
 .topbar p span.address {
 margin-top: 5px;
}
 .hide-mobile {
 display: none !important;
}
}
@media screen and (max-width: 480px) {
  .pool-location-cta .btn {
    width: 100%;
    margin: 5px 0;
}
  ul.water-safety-tips li {
    width: 100%;
  margin:10px 0;
}
  .wizard-question {
    width: 65%;
}
.wizard-selected-answer{
width:35%;  
}
  .findlocation .btn {
    position: relative;
    right: auto;
    top: auto;
    padding: 20px;
    width: 100%;
    margin: 5px 0 0 0;
}
.findlocation input[type="text"]{
padding:20px; 
}
  .tips-icon {
    width: 140px;
    height: 140px;
}
  .locations ul li{
  width:100%;
  margin:7px 0;
  }
  .blog-detail-pagination .filter-elem {
    width: 100%;
    margin: 0;
}
.blog-detail-pagination .blog-filter {
    padding: 10px 0;
}
  .filter-elem {
width: 100%;
margin: 5px 0;
float: left;
min-height: 51px;
}
.blog-filter{
padding:0;  
}
  .breadcrumb{
  font-size:0.85em; 
  }
  .awards-section ul {
    padding: 50px 0 0 0;
}
.awards-section::before {
top:70px; 
}
 .home-ownership-steps ul {
 margin-left: 0;
}
.home-slider .slick-slide::before {
background:none;
}
 .awards-section ul li {
 width:100%;
 padding:20px;
 margin-bottom:15px;
}
 .header h3 {
 margin: 10px 0;
 font-size:0.80em;
 font-weight:400;
}
 .topright .btn {
display: block;
width: auto;
margin: 7px 0 0 0;
}
 .footer h3 {
 font-size:1.1em;
}
 .service-box-img p {
 padding:0 80px;
}
 .sharethis {
 float: left;
 width: 100%;
}
.post .social-sharing {
 width: 100%;
float: left;
}
 .post-info-cell br {
 display:none;
}
 .navbar {
 height: auto;
}
 .topbar p span {
 font-size:0.611em;
}
}
@media screen and (max-width: 479px) {
	
  .price-box {
    width: 100%;
  }
 .gallery-item {
 width:100%;
}
 .sec2box {
 display:inherit;
}
 .c100 {
 float:none;
 margin:0 auto 10px;
}
 .sec2box-col {
 width:100%;
 float: left;
 text-align:center;
}
 .sec2box-col:last-child {
 min-width: inherit;
 max-width: inherit;
 padding: 10px 0 0 0;
}
 .slider-text .btn br {
display:inline-block;
}
.post .social-sharing {
 width: 100%;
}
 .form-half, .form-full {
 float: left;
 margin: 0 0 10px 0;
 width: 100%;
}
.form-row {
margin:0;
}
 .form-medium {
 width: 50%;
}
 ul.slimmenu li ul li a {
 padding-left: 10px;
}
 ul.slimmenu li ul li ul li a {
 padding-left: 20px;
}
}
@media screen and (max-width: 375px) {
  .home-why-choose ul li strong{
  font-size:1.0em;  
  }
  .home-ownership-steps ul li a::before {
    width: 160px;
    height: 160px;
    margin: -80px 0 0 -80px;
}
.webinar-hosts ul li{
  width:100%; 
  }

}
@media screen and (max-width: 320px) {
 .navigation .btn {
 display:block;
 margin:5px 0;
}
 .service-box-img p {
 padding:0 10px;
}
 .contentside .nav-tabs li {
 width: 100%;
}
 .contentside .nav-tabs li a {
 display: block;
 margin: 0;
}
 .header-fix .btn {
 display: block;
 float: left;
 width: 86%;
 margin: 10px 2% 0 2%;
 min-width: auto;
}
 .slider h2 {
 padding-right: 10px;
}
}
/****************custom css************/

.footer-nav .menu {
  list-style: outside none none;
  margin: 0;
}
/*====================*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: 0px solid #f7e700 !important;
}
.team-section{
display: flex;
flex-wrap: wrap;  
}
.team-box{
width: 30.333333%;
text-align: center;
border-radius: 30px;
overflow: hidden;
box-shadow: 0 0 12px rgba(0,0,0,0.2);
margin: 20px 1.5%;
}
.team-box h3{
background: #15498b;
font-size:1.90em;
color: #fff;
margin: 0;
font-weight: 400;
transition: all 0.5s ease 0s;
line-height: 1; 
padding:20px;
}
.team-box h3 em{
font-style:normal;
text-decoration:underline;  
}
.team-box a:hover h3{
  background:#e61c22;
}
.team-box span{
font-family: 'Muli', sans-serif;
font-weight: 700;
font-size: 0.65em;
line-height: 1;
display: block;
}
.team-box a{
text-decoration:none;
  color:#fff;
}
.teambio {
    max-width: 60%;
}

.hidethis {
    display: none;
}