/* ========= COMBINED CSS =========

mobile.css
new-template-2020_13.css

*/ 


/* ========= mobile.css ========= */    

@media(max-width:1049px){body h1,.ws-page h1,body.location-homepage h1{font-size:30px;line-height:35px}body h2,.ws-page h2,body .h2{font-size:30px;line-height:35px;margin:0 0 20px}body h3,.ws-page h3{font-size:28px;line-height:35px;margin:20px 0}body .white-nav{box-shadow:none}body .navbar{margin-bottom:0}body .main-content{background:0 0}body .section{margin-top:50px}body .dark-blue-btn.btn{width:100%}.click-to-call{width:100%;height:60px;background-color:#00aebc;font-family:lato;font-size:16px;display:block;color:#fff;line-height:60px;text-align:center}.click-to-call:hover{background-color:#122c44;color:#fff}body .navbar-collapse .menu-topnavmenu-container>ul>li:last-child .phone-icon{display:none}body .navbar-collapse .menu-topnavmenu-container>ul>li:last-child{position:static;width:auto;margin-left:0;padding:5px 0}.navbar-toggle .icon-bar{background-color:#214c62}.navbar-toggle{margin:22px 5px 0 0}body .navbar-collapse .menu-topnavmenu-container>ul>li:last-child a{float:none;color:#fff}body .top-image{height:200px}body .row.main-content .content{font-size:16px;line-height:1.5em}.row.main-content .content p:not(:first-child){margin-top:15px}body.home .location-wrapper .row .title{font-size:26px}body.home .location-wrapper .row .content{font-size:16px;color:#1f4c62;margin-top:10px;line-height:1.5em}body.home .location-wrapper .row .btn{width:100%}body .treatment-prog-squares{margin-top:15px}body .treatment-prog-text.row div:first-child{font-size:30px;margin-top:0}body .treatment-prog-squares .row{min-height:800px}body .treatment-prog-text.row{padding:40px 0 30px}body .title{font-size:40px}body .navbar-collapse .menu-topnavmenu-container>ul>li:last-child a{float:none}.navbar-collapse{padding-right:0;padding-left:0}footer .bottom-footer [class*=col-]{margin-top:30px}.copyrights{text-align:center}.copyrights ul{margin-bottom:10px}.copyrights ul li{margin-bottom:10px}.navbar-nav .open .dropdown-menu>li>a{padding-left:30px}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.nav>li>a:hover,.nav>li>a:focus,.nav .open>a:hover,.nav .open>a:focus,body .navbar-collapse .menu-topnavmenu-container>ul>li:last-child{background-color:#00aebc;color:#fff;-webkit-transition:all .2s cubic-bezier(.65,.05,.36,1);-moz-transition:all .2s cubic-bezier(.65,.05,.36,1);-o-transition:all .2s cubic-bezier(.65,.05,.36,1);transition:all .2s cubic-bezier(.65,.05,.36,1)}.nav .open>a{background-color:transparent;border:none}body .menu-topnavmenu-container{float:none;max-width:inherit;min-height:96px;margin:0 auto}body .navbar-nav .open .dropdown-menu>li ul{display:block;padding:20px}body .treatment-img{height:200px}body .tools-section .content{font-size:24px;margin-bottom:20px}body .tools-section .icon-title{margin-top:25px;font-size:20px;line-height:24px}body .tools-section .description{margin:15px 0 20px;padding:0}body .providers-section{margin-top:20px}.providers-section .title{margin-top:50px}body .providers-section .icon-logo{background-size:193px 130px;width:96px;height:43px;margin-top:15px}.providers-section .aetna{background-position:0 0}.providers-section .cigna{background-position:-96px -43px}.providers-section .blueCross{background-position:0 -43px}.providers-section .ameriH{background-position:-96px 0}.providers-section .united{background-position:0 -87px}body .providers-section .btn{width:100%;margin:30px auto}.home .blog-section .blog-row{position:relative;border:1px solid #dee4e8;height:auto;margin-bottom:20px}.home .blog-section img{width:25%;position:relative}body .blog-section .title{margin-bottom:50px}.home .blog-section .time-wrapper{position:absolute;width:75%;right:0;top:0;bottom:auto}.home .blog-section .time-wrapper div{margin-top:0;border:none;font-size:39px;color:#003a5d;text-align:center;height:150px;line-height:150px;padding:0}.home .blog-section .text-wrapper{height:auto;position:relative;top:0;bottom:auto;left:auto;width:100%;right:auto;padding:30px;overflow:hidden;border-top:1px solid #dee4e8;margin-top:-4px}body .slider-section .item p{font-size:16px;color:#000;line-height:1.25em}body .slider-section .item h3{font-size:30px;margin-bottom:15px}body .slider-section .carousel-caption{top:5%}.slider-section .slide-img{height:600px}footer .bottom-footer.row [class*=col-]{margin-top:35px}.home .main-content,.location-homepage .main-content{padding:30px 0}.home h2{font-size:30px}.treatment-prog-squares__info{padding:30px 25px}.providers-section h2,.providers-section .h2{margin-bottom:20px}.blog-section{margin-bottom:20px}.slider-section.section{margin-top:0}.slider-section .carousel-caption{left:10%;right:10%}.location-wrapper .location-content{padding:30px 25px}.row.copyrights div,.row.copyrights div:nth-child(2){text-align:center}.row.copyrights div:nth-child(2){margin-top:20px}.row.copyrights a{margin-right:10px}body.page-template-default .breadcrumbs-section,body[class^=page-template].ws-page .breadcrumbs-section{margin-top:0}body.page-template-default h1,body[class^=page-template].ws-page h1,.single-post.ws-page h1,.breadcrumbs-section h1{font-size:40px;line-height:1.25em;margin:40px 0}body.page-template-default .breadcrumb,body[class^=page-template].ws-page .breadcrumb,.breadcrumbs-section .breadcrumb{margin:-5px 0 25px;font-size:14px}body.page-template-default .row.layout,body[class^=page-template].ws-page .row.layout{margin-top:20px}.contact-section .blue-btn.btn:first-child{margin-right:0}.contact-section>div.col-sm-12{font-size:28px;margin-top:80px;margin-bottom:0}#livechatTab a{position:fixed;right:0;bottom:10px;z-index:5000;margin-right:10px;width:60px;height:60px;border-radius:30px;font-size:17px;text-transform:uppercase;font-weight:700;color:#fff;background:#c4d600;text-decoration:none;box-shadow:0 0 5px rgba(0,0,0,.2);display:inline-block;line-height:60px;text-align:center}.ws-page .row.layout{margin-top:20px}.ws-page .sidebar{margin:0 auto}.post-template-default .sharethis-inline-share-buttons,.post-template-default .byline{margin-bottom:20px}.col-split-sm-2{-webkit-column-count:2;-moz-column-count:2;column-count:2}.col-split-sm-3{-webkit-column-count:3;-moz-column-count:3;column-count:3}.col-split-sm-4{-webkit-column-count:4;-moz-column-count:4;column-count:4}.bottom-footer .custom-logo{margin:0 auto 20px;display:block}.bottom-footer .info{text-align:center}footer .social-list{margin:40px auto 0;width:300px}.list-inline.social-list li i{margin-right:0}}@media(min-width:768px){.home .blog-section .blog-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media(min-width:768px) and (max-width:1049px){.home .main-content h1{font-size:40px;line-height:50px;padding:0}body .treatment-prog-squares .row [class*=col-] [class*=col-]{height:50%}body .treatment-prog-squares .row{height:1070px}body .treatment-prog-squares .row>[class*=col-]{height:50%}}@media(max-width:767px){body .tools-section .icon{margin:15px auto 0}body .change-order-mobile{display:flex;flex-flow:column}body .change-order-mobile>a{order:2}body .change-order-mobile>div{order:1}body.home .location-wrapper .location-img{height:200px;width:100%}body .row.main-content .content{margin-top:20px}body.page-template-default h1,body[class^=page-template].ws-page h1,.single-post.ws-page h1,.breadcrumbs-section h1{margin:20px 0;font-size:32px}.ws-page .content-section img{width:100%;height:auto;margin:0 0 1em}.home .blog-section img,.home .blog-section .time-wrapper{width:50%;height:auto}.home .blog-section .time-wrapper div{height:80%;padding:25px 20px 15px;line-height:1em}.home .main-content h1{text-align:left}.col-split-xs-1{-webkit-column-count:1;-moz-column-count:1;column-count:1}.col-split-xs-2{-webkit-column-count:2;-moz-column-count:2;column-count:2}.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12{float:left}.col-xxs-12{width:100%}.col-xxs-11{width:91.66666667%}.col-xxs-10{width:83.33333333%}.col-xxs-9{width:75%}.col-xxs-8{width:66.66666667%}.col-xxs-7{width:58.33333333%}.col-xxs-6{width:50%}.col-xxs-5{width:41.66666667%}.col-xxs-4{width:33.33333333%}.col-xxs-3{width:25%}.col-xxs-2{width:16.66666667%}.col-xxs-1{width:8.33333333%}.col-xxs-pull-12{left:0}.col-xxs-push-12{right:0%}.change-order-xxs{display:flex;flex-flow:column}.change-order-xxs>*:first-child{order:2}.change-order-xxs>*:nth-child(2){order:1}.col-xss-offset-0{margin-left:0}}


body {color: #000;}


.content ol {
  counter-reset: my-awesome-counter;
}
.content ol li {
  counter-increment: my-awesome-counter;
  padding-left: 30px;
}
.content ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #00adbb;
  font-weight: bold;
  margin-right: 10px;
  margin-left: -30px;
  font-size: 120%;
}

.ws-page h3 {
    font-size: 48px;
    line-height:1.15em;
    margin: 0 0 20px;}


@media(max-width:1049px){
.ws-page h3 {
    font-size: 28px;
    line-height: 35px;
    margin: 20px 0;}
}


.blue-btn {
    min-width: 250px;
    border: 2px solid #00adbb;
    color: #00adbb;
    border-radius: 35px;
    text-align: center;
    padding: 0 20px;
    margin-top: 30px;
    font-size: 16px;
    height: 45px;
    text-transform: uppercase;
}
.brand-color, h3.brand-color, a.brand-color, .text-primary {color: #00aebc;}



/* ========= new-template-2020_13.css ========= */    

.section--hero-slider {
    margin-top: 0 !important;
    position: relative;
}

.navbar-default .navbar-nav>li>a {
    color: #003a5d;
    text-transform: uppercase;
}

.hero-slider__slide {
    text-align: center;
    height: auto;
}


.section--wiki {
    padding: 100px 0 !important;
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/wikibg-compressor.jpg);
    background-size: cover;
    margin-top: -11px !important;
}
.new-template1 .presentation-popup .section--wiki {background: none;}

.hero-slider__slide-inner {
    padding-top: 35%;
    position: relative;
    width: 100%;
}

.hero-slider__background {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-navigation {
    margin-top: 2%;
}

.slider-navigation .hero-slider__background {width: 90%;margin-left: 5%;}

.new-template1 .hero-slider__title {
    position: absolute;
    font-weight: 600;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 40px;
    font-size: 30px;
    color: #003a5d;
}


.stories-slider__video.playing,
.hero-slider__video.playing {
    z-index: 2 !important;
}

.hero-slider .slick-arrow,
.slider-navigation .slick-arrow {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0.5);
    color: transparent;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    outline: none !important;
    transition: all 0.3s ease;
    transform: translateY(-50%);    
    
}

.slider-navigation .slick-arrow {
    width: 3vh;
    height: 3vh;
    top: 55%!important;
}

.hero-slider .slick-arrow:hover,
.slider-navigation .slick-arrow:hover {
    background-color: #000;
}

.hero-slider .slick-prev,
.slider-navigation .slick-prev {
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/left22.png);
    left: 50px;
}

.hero-slider .slick-next,
.slider-navigation .slick-next {
    right: 50px;
    left: auto;
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/right22.png);
}

.hero-slider .slick-dots {
    position: absolute;
    left: 0;
    bottom: 15%;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 2;
}

.hero-slider .slick-dots li button {
    -webkit-appearance: none;
    font-size: 0;
    color: transparent;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
    outline: none !important;
}

.hero-slider .slick-dots li {
    padding: 5px;
}

.hero-slider .slick-dots li.slick-active button {
    background-color: #fff;
}

.hero-slider .slick-dots li:not(.slick-active) button:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.scroll-page {
    background-color: #b0d800;
    display: flex;
    align-items: center;
    height: 50px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    z-index: 3;
    width: 50px;
    justify-content: center;
    border-radius: 50%;
    transform: translateX(-50%);
}

.section--best-features {
    margin-top: 100px;
}

.section--best-features h1 {
    font-size: 36px;
    font-weight: 900;
    margin-top: 0;
}

.section--best-features h3 {
    margin-top: 20px;
    font-weight: 600;
    /*font-size: 30px;*/
    margin-bottom: 40px;
}

.secondary-color {
    color: #00aebc !important;
}

.text-center {
    text-align: center !important;
}

.col-sm-separator {
    padding: 0 15px;
}

.col-sm-separator {
    display: none;
}

.section--best-features .row {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1050px) {
    .md-right {
        text-align: right !important;
    }

    .md-left {
        text-align: left !important;
    }

    .col-sm-features {
        max-width: 50%;
        flex: 0 0 50%;
        padding: 0 15px;
    }
	
	.col-sm-features:first-child {padding-right: 60px;}
	.col-sm-features:last-child {padding-left: 60px;}
}

@media (min-width: 1280px) {
    .col-sm-separator {
        max-width: 6%;
        flex: 0 0 6%;
        padding: 0 !important;
        display: flex;
        align-items: center;
        position: relative;
    }
}

@media (min-width: 1400px) {
    .container-boxed {
        /*width: 1350px;*/
        width: 1400px;
        /*width: 1380px;*/
    }
}


.new-template1 .presentation-popup .section--best-features .carousel-indicators {display: none;}
.new-template1 .presentation-popup .section--best-features .carousel-control .glyphicon-chevron-left,
.new-template1 .presentation-popup .section--best-features .carousel-control .glyphicon-chevron-right {
    width: 40px;
	height: 40px;}

.features-title,
.new-template1 .presentation-popup .row .content .features-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-top: 0;
	color: #003a5d;
}

/*mobile only*/
@media only screen and (max-width: 480px) {
.new-template1 .presentation-popup .row .content .features-title {font-size: 18px;margin-bottom: 0;}
}

.feature {
    padding: 10px 0 10px 30px;
    /*margin-bottom: 29px;*/
}

.feature__row {
    display: flex;
    flex-wrap: wrap;
}

.feature__image {
    flex: 0 0 40%;
    max-width: 40%;
    margin-left: 5%;
    margin-bottom: 30px;
}

.feature__text {
    flex: 0 0 55%;
    max-width: 55%;
}

.feature__text .feature__text,
.new-template1 .presentation-popup .row .content .feature__text .feature__text,
.new-template1 .presentation-popup .row .content .feature__text ul.circle-list li {
    max-width: 100%;
    flex: 0 0 100%;
    /*font-size: 16px;
    color: #666;
    line-height: 1.2;*/
	font-size: 17px;
	line-height: 1.4;
    /*margin-bottom: 15px;*/
	font-weight: normal;
	color: #333;
	margin-bottom: 5px;
}



.new-template1 .presentation-popup .carousel-indicators li:before {content:none;}

.feature__image img {
    /*max-width: 100%;*/
    max-width: 245px;
    border-radius: 5px;
}

.feature__title {
    font-size: 20px;
    color: #00aebc;
    /*margin-top: 0;*/
    margin-bottom: 15px;
    position: relative;
}
.presentation-popup .feature__title a {color: #00aebc;}

.feature__title::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 7px;
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/dotfeature.png);
}

.logo-features {
    background-color: #fff;
    padding: 50px 0;
    position: relative;
    text-align: center;
}

.logo-features img {
    max-width: 85%;
}

.col-sm-separator::before {
    content: "";
    width: 2px;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    background: #ccc;
    transform: translateX(-50%);
}

.stories-slider__video {
    position: relative;
    padding-top: 55%;
}

.stories-slider__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.stories-slider__poster,
.hero-slider__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center;
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
}

.stories-slider__button,
.hero-slider__button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66px;
    height: 66px;
    z-index: 1;
    outline: none !important;
    background-color: rgba(176, 216, 0, 0.75);
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.stories-slider__button:hover,
.hero-slider__button:hover {
    background-color: #b0d800;
}


.stories-slider__video.playing .stories-slider__poster,
.hero-slider__video.playing .hero-slider__poster{
    opacity: 0;
    visibility: hidden;
}

.stories-slider__video.playing .stories-slider__button,
.hero-slider__video.playing .hero-slider__button {
    opacity: 0;
    visibility: hidden;
}

.stories-slider__video.playing video,
.hero-slider__video.playing video {
    opacity: 1;
    visibility: visible;
}

.stories-slider__slide.slick-center {
    transform: scale(1.25);
    position: relative;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
}

.stories-slider .slick-list {
    padding: 60px 0 !important;
}

.stories-slider__slide {
    transition: all 0.3s ease;
    transform: scale(1);
    position: relative;
}

.stories-slider__slide::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 2;
    transition: all 0.3s ease;
    opacity: 0.5;
    visibility: visible;
}

.stories-slider__slide.slick-center::before {
    opacity: 0;
    visibility: hidden;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 29px;
    height: 52px;
    background-color: transparent;
    color: transparent;
    font-size: 0;
    border: none;
    -webkit-appearance: none;
    background-size: 29px;
    background-position: center;
    outline: none !important;
}

.slick-prev {
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/prevvideo.png);
    left: -75px;
}

.slick-next {
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/nextvideo.png);
    right: -75px;
}

.section--stories h1 {
    font-size: 36px;
    font-weight: 900;
    margin-top: 0;
    color: #fff;
    margin-bottom: 15px;
}

.section--stories p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    /*margin-bottom: 35px;*/
}

.btn-outline-white {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 10px 15px;
    min-width: 175px;
}

.section--stories {
    padding: 75px 0 50px;
    background-size: cover;
    background-position: center;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex-col-sm-6,
.flex-col-sm-5,
.flex-col-sm-7 {
    padding: 0 15px;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 1050px) {

    .flex-col-sm-6 {
        flex: 0 0 49%;
        max-width: 49%;
    }

    .flex-col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .flex-col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
}

.review-block {
    padding: 5% 10%;
    margin-bottom: 50px;
}

.new-template1 .presentation-popup .row .content .review-block {
    margin-bottom: 0px;
}

.review-block__avatar {	
    flex: 0 0 50px;
    max-width: 50px;
    margin-right: 15px;
	background:url(/wp-content/themes/whitesandsv2/styles/new-new-template/images/avatar.jpg) no-repeat;
	background-size: contain;
}

.review-block__rating {
    width: 90px;
	height: 22px;
    background: url(/wp-content/themes/whitesandsv2/styles/new-new-template/images/ratingstarts.png) no-repeat 0 8px;
    background-size: contain;
}

.review-block__content {
    flex: 0 0 calc(100% - 65px);
    max-width: calc(100% - 65px);
    justify-content: space-between;
}

.review-block__text {
    margin-top: 15px;
}

.review-block__info {
    margin-bottom: 0;
}


.review-block__name {
    font-size: 25px;
    margin: 0;
}

.review-block__date {
    font-size: 15px;
    color: #adadad;
}

.review-block__text p,
.new-template1 .presentation-popup .row .content .review-block__text p {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
}

.section--testimonials h1,
.section--wiki h1 {
    font-size: 36px;
    font-weight: 900;
    margin-top: 0 !important;
    margin-bottom: 35px;
}

.section--wiki h4 {
    color: #00aebc !important;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
}

.section--recognized {
    background-color: #00395D;
    padding: 50px 0;
}

.section--recognized h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 4px;
    font-weight: 500;
}

.section--recognized {
    position: relative;
}

.section--recognized::before {
    content: "";
    position: absolute;
    left: -10%;
    top: -5%;
    width: 51.66666667%;
    background: #00aebc !important;
    height: 110%;
    transform: skewX(-10deg);
}

.section--recognized .row {
    position: relative;
}

.list-inline.va-m {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.ai-c {
    align-items: center;
}

.insides {
    width: 1300px;
    height: 700px;
    min-height: 200px;
    margin: 0 auto;
    box-shadow: 0px 30px 160px -10px rgba(33, 47, 82, 0.27);
    border-radius: 10px;
    overflow: hidden;
}

.insides__mobile {
    display: none;
}

.insides__nav {
    width: 340px;
    height: 100%;
    position: relative;
    background: linear-gradient(to bottom, #214c62 0%, #00aebc 100%);
}

@media (min-width: 1050px) {
    .insides__nav {
        overflow: hidden;
    }
}

.insides__nav img {
    width: 240px;
    display: block;
    margin: 25px auto;
}

.insides__nav ul {
    height: calc(100% - 110px);
    position: relative;
}

.insides__nav ul::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 100px;
    box-shadow: 0 -20px 30px 0 #00aebc;
    z-index: 11;
    pointer-events: none;
}

.insides__nav ul li,
.new-template1 .presentation-popup .row .content .insides__nav ul.mCustomScrollbar li {
    padding: 0 27px 0 30px;
    height: 69px;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s ease;
    line-height: 25px;
	margin-bottom: 0;
}
.new-template1 .presentation-popup .row .content .insides__nav ul.mCustomScrollbar li {border-bottom: 1px solid rgba(255, 255, 255, 0.25);}

.new-template1 .presentation-popup .row .content .mCustomScrollBox {padding-bottom: 5px;}

.insides__nav ul li span {
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

.insides__nav ul li::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% + 2px);
    top: -1px;
    left: 0;
    background: transparent;
    transition: 0.3s ease;
    z-index: 1;
}

.insides__nav ul li.active,
.insides__nav ul li:hover {
    color: #00aebc !important;
}
.new-template1 .presentation-popup .row .content .insides__nav ul.mCustomScrollbar li.active,
.new-template1 .presentation-popup .row .content .insides__nav ul.mCustomScrollbar li:hover {
    background-color: #fff;
}

.insides__nav ul li.active::before,
.insides__nav ul li:hover::before {
    background-color: #fff;
}

.insides__nav ul li:last-of-type {
    margin-bottom: 60px;
}

.insides__data {
    width: calc(100% - 340px);
    height: 100%;
    display: none;
    background: #ffffff;
}

.insides__data.active {
    display: block;
}

.insides__data>h3 {
    height: 90px;
    line-height: 90px;
    background: #fff;
    color: #214c62;
    font-size: 24px;
    padding-left: 40px;
    box-shadow: 0 0 60px -10px rgba(24, 45, 79, 0.09);
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.insides__data>div {
    padding-top: 47px;
    padding: 30px 3px 0 40px;
    max-height: calc(100% - 170px);
    position: relative;
}

.insides__nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #214c62;
    width: 6px;
}

.insides__nav .mCSB_scrollTools .mCSB_draggerRail {
    background: none;
}

.insides__nav .mCSB_scrollTools {
    width: 21px;
    z-index: 1111;
    top: 5px;
}

.insides__nav .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.insides__data .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: linear-gradient(to bottom, #214c62 0%, #00aebc 100%);
    width: 6px;
}

.insides__data .mCSB_scrollTools .mCSB_draggerRail {
    background: none;
}

.insides__data .mCSB_inside>.mCSB_container {
    padding-right: 45px;
    padding-top: 15px;
}

.insides__data .mCSB_scrollTools {
    z-index: 1111;
}

.circle-list li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.circle-list li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid #00aebc;
    left: 0;
    top: 5px;
    border-radius: 50%;
}

@media screen and (max-width: 1350px) {
    .insides {
        width: 90%;
        max-width: 992px;
    }
}

@media screen and (max-width: 992px) {
    .insides {
        max-width: 651px;
    }

    .stories-slider__slide::before {
        display: none !important;
    }

    .insides__mobile {
        display: block;
    }

    .insides__nav {
        width: 100% !important;
        height: 134px;
        background: #214c62;
    }

    .insides__nav>img {
        display: none;
    }

    .xs-px-30 {
        padding: 0 30px;
    }

    .insides__nav ul {
        overflow: hidden;
        position: absolute;
        top: 134px;
        width: 100%;
        height: 0;
        background: linear-gradient(to bottom, #214c62 0%, #00aebc 100%);
        transition: 0.3s ease;
        z-index: 1111111;
    }

    .insides__nav ul:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: linear-gradient(to top, #00aebc 62%, rgba(20, 36, 78, 0));
        z-index: 11;
        pointer-events: none;
        box-shadow: none;
    }

    .insides__nav li {
        font-size: 16px;
        height: 41px;
        padding: 0 43px;
    }

    .insides__nav li:last-of-type {
        margin-bottom: 80px;
    }

    .insides__nav.active ul {
        height: 566px;
    }

    .insides__nav.active ul:after {
        height: 100px;
    }

    .insides__nav.active .insides__switch button {
        transform: rotate(-180deg);
    }

    .insides__nav.active .insides__switch button:nth-of-type(2) {
        opacity: 1;
        pointer-events: all;
        bottom: -457px;
    }

    .insides__data>div {
        padding-left: 43px;
        padding-top: 19px;
    }

    .insides__data>div:before {
        top: 0;
    }

    .insides__data .mCSB_inside>.mCSB_container {
        padding-right: 5px;
    }

    .insides__switch {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 43px;
    }

    .insides__switch h3,
	.new-template1 .presentation-popup .row .content .insides__switch h3 {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        max-width: 355px;
    }

    .insides__switch button {
        width: 46px;
        min-width: 46px;
        height: 46px;
        line-height: 51px;
        background: #00aebc;
        border: none;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        font-weight: 700;
        outline: none;
        transition: 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
		margin-right: 0;
    }

    .insides__switch button svg {
        width: 20px;
    }

    .insides__switch button:nth-of-type(2) {
        position: absolute;
        left: calc(50% - 23px);
        background: transparent;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        z-index: 11111111;
        transition: 0.3s ease;
    }

    .insides__data {
        width: 100%;
    }

    .insides__data h3 {
        display: none;
    }

    .hero-slider__slide-inner {
        padding-top: 50%;
    }

    .hero-slider .slick-prev {
        left: 0;
    }

    .hero-slider .slick-next {
        right: 0;
    }

    .feature {
        padding: 10px 20px 10px 45px;
    }

    .section--recognized h3 {
        text-align: center;
    }

    .stories-slider {
        padding: 0 30px;
    }

    .stories-slider .slick-prev {
        left: -15px;
    }

    .stories-slider .slick-next {
        right: -15px;
    }
}

@media screen and (max-width: 600px) {
    .insides {
        width: calc(100% - 34px);
        height: 580px;
    }

    .insides__switch {
        padding: 0 13px;
    }

    .insides__switch h3,
	.new-template1 .presentation-popup .row .content .insides__switch h3 {
        font-size: 18px;
    }

    .insides__nav {
        /*height: 100px;*/
		height: 70px;
    }

    .insides__nav ul {
        /*top: 100px;*/
		top: 70px;
    }

    .insides__nav li {
        font-size: 14px;
        height: auto;
        min-height: 41px;
        padding: 5px 13px;
    }

    .insides__nav li:after {
        width: 100%;
        left: 0;
    }

    .insides__nav.active .insides__switch button:nth-of-type(2) {
        bottom: -509px;
    }

    .insides__nav.active ul {
        height: 530px;
    }

    .insides__nav.active ul:after {
        height: 116px;
    }

    .insides__data>div {
        padding-left: 28px;
        /*max-height: calc(100% - 130px);*/
		max-height: calc(100% - 110px);
        height: calc(100% - 110px);
    }

    .insides__data ul {
        display: block;
        max-height: none;
    }

    .hero-slider__slide-inner {
        padding-top: 70%;
    }

    .new-template1 .hero-slider__title {
        font-size: 25px;
        width: 100%;
        padding: 40px;
        text-shadow: 0 0 7px #f7f7f7;
    }

    .scroll-page {
        bottom: -25px;
    }

    .feature__text {
        flex: 0 0 100%;
        max-width: 100%;
        order: 2;
    }

    .feature__image {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        order: 1;
    }

    .review-block {
        padding: 5% 15px;
    }

    .list-inline.va-m li {
        flex: 0 0 100%;
        justify-content: center;
        display: flex;
        margin-bottom: 30px;
    }

    .section--recognized::before {
        left: -30%;
        width: 71.66666667%;
    }
}

footer.container {
    background: linear-gradient(to bottom, #214c62 0%, #00aebc 100%);
}

.footer-menu h6 {
    display: none;
}

footer .footer-menu li a {
    color: #fff;
}

.bottom-footer .info strong,
.bottom-footer .info a,
.bottom-footer .info span {
    color: #fff;
}

h5 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}

.subscribeform {
    margin-bottom: 75px;
}

.socials ul {
    margin: 0;
    padding: 0 15px;
}

.copyrights .flex-row {
    align-items: center;
    justify-content: space-between;
}

.copyrights .socials a {
    margin: 0;
}

.copyrights .socials a i {
    padding: 0;
    font-size: 30px !important;
    background: transparent !important;
    border: none !important;
}

.copyrights .socials li {
    padding: 0;
}

.copy {
    padding: 0 15px;
    color: #fff;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}

.policy {
    padding: 0 15px;
}

.policy ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}

.policy ul li {
    margin-right: 27px;
}

footer.container {
    border-bottom: 5px solid #c4d600;
}

footer .copyrights {
    padding: 25px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.copyrights .socials a i:hover {
    color: #fff;
}

.bottom-footer .info {
    padding-left: 35px;
    position: relative;
}

.info:not(.general)::before {
    content: "";
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/loc1.png);
    width: 23px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 2px;
}

.info:not(.general) a[href*="tel"] {
    position: relative;
    margin-top: 20px;
    display: block;
}

.info:not(.general) a[href*="tel"]::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/phone1.png);
    width: 27px;
    height: 26px;
    left: -37px;
}

.info.general a {
    font-size: 24px;
    font-weight: 400 !important;
}

.socials {
    flex: 0 0 285px;
}

.copy,
.policy {
    flex: 1;
}

@media (max-width: 1279px) {

    .copy,
    .policy,
    .socials {
        flex: 0 0 100%;
        text-align: center !important;
        margin: 10px 0;
    }

    .copyrights .flex-row {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

span.text-line {
    color: #00aebc !important;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    text-align: right;
    line-height: 1;
}

.header-call.navbar-right:before {
    display: none;
}

.header-call.navbar-right a {
    position: relative;
    border: 2px solid #00aebc !important;
    padding: 10px 20px 10px 60px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
    display: inline-block;
}

.header-call.navbar-right span {
    display: none;
}

.header-call.navbar-right a::before {
    left: -2px;
    width: 42px;
    background-color: #00aebc !important;
    content: "";
    position: absolute;
    height: 42px;
    top: -2px;
    border-radius: 50%;
    background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/phone1.png);
    background-size: 21px;
    background-position: center;
    background-repeat: no-repeat;
}

.info.general {
    padding-left: 0 !important;
}

.get-updates {
    width: 100%;
    max-width: 325px;
    position: relative;
}

.get-updates__input {
    width: 100%;
    padding: 16px 55px 15px 20px;
    color: #fff;
    border-radius: 30px;
    outline: none !important;
    background-color: #214c62;
    border: 2px solid #214c62;
    box-shadow: none;
    line-height: 1;
}

.get-updates__input::placeholder {
    color: #17677a;
    font-weight: 400;
}

.get-updates__submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    width: 55px;
    border-radius: 0 30px 30px 0;
    background: transparent;
    border: none;
    text-align: left;
    outline: none !important;
}

@media (min-width:1050px) {
    .bg-image-destop {
        position: relative;
    }

    /*.bg-image-destop::before {
        content: "";
        background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/features-logo.png);
        width: 65px;
        position: absolute;
        left: 50%;
        top: calc(50% - 50px);
        transform: translate(-50%, -50%);
        background-size: 100%;
        height: 65px;
        background-repeat: no-repeat;
    }*/
}

@media (max-width: 767px) {
    footer .footer-menu {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }

    .col-sm-4 {
        width: 100%;
        max-width: 100% !important;
        clear: both;
    }

    footer .social-list {
        margin-left: auto;
        margin-right: auto;
    }
}




/*Custom Styles for PPC pages*/


h1,h2,h3,h4 {font-family: 'Lato', sans-serif;}
.ws-page h1 {text-transform: uppercase;}
p.larger, strong.larger, .insides__data p.larger {font-size:110%;}
.blue-btn {line-height: 40px;}
b, strong {font-family: 'Lato'; font-weight: 600;}
.underline {border-bottom: 1px dotted;}
.underline-solid {border-bottom: 2px solid;/*display: inline-block;padding-bottom: 2px;*/}
.underline-solid.blue {/*border-bottom-color: #00bec4*/;border-bottom: none; box-shadow: inset 0 -0.4em 0 0 #a0fcff, 0 0.1em 0 0 #a0fcff;}

.green-text, a.green-text {color: #63a307;}
.blue-text, .blue-text strong, a.blue-text {color: #013685;}
.dark-blue-text, .dark-blue-text strong, a.dark-blue-text {color: #00395D;}

.w-100 {width:100%;}

.m-auto {margin-left: auto; margin-right: auto;}

.mw-300 {max-width:300px; margin-left:auto; margin-right:auto}
.mw-350 {max-width:350px; margin-left:auto; margin-right:auto}
.mw-400 {max-width:400px; margin-left:auto; margin-right:auto}
.mw-450 {max-width:450px; margin-left:auto; margin-right:auto}
.mw-700 {max-width:700px; margin-left:auto; margin-right:auto}
.mw-800 {max-width:800px; margin-left:auto; margin-right:auto}
.mw-900 {max-width:900px; margin-left:auto; margin-right:auto}
.mw-950 {max-width:950px; margin-left:auto; margin-right:auto;}
.mw-1000 {max-width:1000px; margin-left:auto; margin-right:auto}
.mw-1100 {max-width:1100px; margin-left:auto; margin-right:auto;}
.mw-1175 {max-width:1175px; margin-left:auto; margin-right:auto}
.mw-1200 {max-width:1200px; margin-left:auto; margin-right:auto}
.mw-1250 {max-width:1250px; margin-left:auto; margin-right:auto}
.mw-1300 {max-width:1300px; margin-left:auto; margin-right:auto;}
.mw-1350 {max-width:1350px; margin-left:auto; margin-right:auto}
.mw-1400 {max-width:1400px; margin-left:auto; margin-right:auto;}
.mw-1500 {max-width:1500px; margin-left:auto; margin-right:auto;}
.mw-1550 {max-width:1550px; margin-left:auto; margin-right:auto}
.mw-1800 {max-width:1800px; margin-left:auto; margin-right:auto;}

.mw-90-percent {max-width:90%; margin-left:auto; margin-right:auto;}
.mw-90percent {max-width:90%; margin-left:auto; margin-right:auto}
.mw-95percent {max-width:95%; margin-left:auto; margin-right:auto}



.mt-0 {margin-top:0px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mtb-20 {margin-top:20px;margin-bottom:20px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-100 {margin-top: 100px;}
.mt-120 {margin-top: 120px;}
.mt-150 {margin-top: 150px;}

.mb-0 {margin-bottom:0px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-35 {margin-bottom:35px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}
.mb-150 {margin-bottom: 150px;}

.mr-5 {margin-right:5px;}
.ml-20 {margin-left:20px;}
.m-0 {margin:0px;}
.p-0 {padding:0px;}
.p-20 {padding:20px;}


/* for mobile & tablets */
@media(max-width:1049px){      
   .mb-xs-0 {margin-bottom:0px;}
   .mb-xs-5 {margin-bottom:5px;}
   .mb-xs-10 {margin-bottom:10px;}
   .mb-xs-15 {margin-bottom:15px;}
   .mb-xs-20 {margin-bottom:20px;} 
   .mb-xs-25 {margin-bottom:25px;} 
   .mb-xs-30 {margin-bottom:30px;}
   .mb-xs-50 {margin-bottom:50px;} 
} 
 

/* for mobile only */
@media only screen and (max-width: 767px) { 
  .mt-xxs-25 {margin-top:25px;} 
  .mb-xxs-0 {margin-bottom:0px;}
  .mb-xxs-20 {margin-bottom:20px;} 
  .mb-xxs-25 {margin-bottom:25px;}
  .mb-xxs-30 {margin-bottom:30px;}
}




.lity-active body,
.my-body-noscroll-class {overflow: hidden;}

.header-call-mobile {display:none;}


.hero-slider__background, .hero-slider__slide {max-height: 600px;}

.slick-dots li {display:none;}
.slick-dots li.slick-active {/*display: block;*/color: #fff; text-align:center;display: none;}
.slick-dots li.slick-active .count {
    display: inline-block;
    font-size: 22px;
    padding: 10px 20px;
    border-radius: 25px;}
 
 .hero-slider .slick-arrow, .slider-navigation .slick-arrow {/*bottom: 0;*/ top: unset;background-size: 25px;bottom: -30px;}
 .slider-navigation .slick-arrow { background-size: 12px; }
 .hero-slider .slick-next, .slider-navigation .slick-next {right: 0;}
 .hero-slider .slick-prev {right: 60px;  left: unset;}
 .slider-navigation .slick-prev {left: 0;}
 .hero-slider .slick-dots {z-index: 0; bottom: 0;}
 
 .hero-slider .slick-arrow, 
 .slider-navigation .slick-arrow,
 .slick-dots li.slick-active .count {/*background-color: rgba(0, 0, 0, 0.75);*/ /*background-color: rgba(65, 75, 90, 0.90);*/ background-color: rgba(5, 175, 190, 0.95); border-radius: 0%;}
 .slick-dots li.slick-active .count-description {display: block; margin: 10px 0;}



.new-template1 .hero-slider__title {/*top: 80px;*/right: 30px; left: unset; transform: none; font-size: 20px; color:#fff;font-weight: 500;text-shadow: 0 0 25px rgba(0, 0, 0, 0.5);z-index: 1;}


i.wiki-home:hover,
.wiki-subnavigation li a:hover {cursor:pointer; color:#00aebc}

/*.section--best-features {margin-top: 40px;}*/
.feature {margin-bottom: 10px;}
.feature .circle-list {margin: 10px 10px 0;}
.feature .circle-list li {font-size: 16px;line-height: 1.2;color: #333;margin-bottom: 3px;}
.feature .small {font-size: 95%;line-height: 1.2em;}
.feature .small:hover {color: #00aebc;}
.feature__title {width: 100%;}
.feature__image {margin-top: 5px;margin-bottom: 10px;}
.feature__text.w-100 {max-width: 100%; flex: inherit;}

.carousel-control {border-radius: 5px;}


.ws-page .lity-container {padding: 20px;}
.popup {
    overflow: auto;
    background: #fff;
    padding: 5%;
    width: 960px;
    max-width: 100%;
    border-radius: 6px;
    height: 700px;}
    .ws-page .lity-close {position: absolute;background: #205778;font-size: 70px;height: 70px;width: 70px;margin: -10px;text-shadow: none;border-radius: 50px;opacity: 1; cursor:pointer;/*font-family: latoLight;*/}
    .ws-page .lity-close:hover {background: #00aebc;}

.insides__data p,
.new-template1 .presentation-popup .row .content .insides__data p,
.popup p,
.circle-list {margin-bottom:20px; line-height:1.35em;}

.new-template1 .presentation-popup .row .content .insides__data p,
.new-template1 .presentation-popup .row .content .insides__data .circle-list li {font-size: 16px;line-height:1.35em;}

.circle-list {margin: 20px 10px;}

.insides__data .mCSB_container h3,
.new-template1 .presentation-popup .row .content .insides__data .mCSB_container h3 {font-size: 28px; text-align:center; margin-top:50px; margin-bottom:50px; text-transform:uppercase;font-weight: 600;}
.insides__data > h3,
.popup > h3 {color: #00aebc;padding: 30px 40px;height: initial;line-height: inherit;}
.insides__data h4,
.popup h4:not(.review-block__name) {letter-spacing: 0.5px; margin-bottom: 10px; margin-top: 20px; font-size: 20px;color: #00aebc;text-transform: uppercase;font-weight: 600;}
.insides__data img,
.popup img:not(.img-circle) {border-radius: 3px; max-width:400px;}
.insides__data img.alignright,
.popup img.alignright {float: right; margin: 0.5em 0 1.25em 1.25em;}
.insides__data img.alignleft,
.popup img.alignleft {float: left; margin: 0.5em 1.5em 1.25em 0;}
.popup .review-block {padding: 5% 8% 0; margin-bottom: 0;}

a[data-lity]:hover {opacity:0.85}

.insides__switch h3,
.new-template1 .presentation-popup .row .content .insides__switch h3 {text-transform: uppercase;padding-left: 15px;line-height: 24px;}
.insides__nav ul li:before {border-bottom: 1px solid rgba(255, 255, 255, 0.25);}

.insides__data blockquote {
    margin-top: 40px;    
    font-size: 20px;
    line-height: 1.5em;
    position: relative;
    text-align:center;
    border: 1px solid #00bec4;
    padding: 8% 7%;
    background: #f3fbfb;}    
.insides__data blockquote:before, .insides__data blockquote:after {
    font: normal normal normal 50px FontAwesome;
    position: absolute;
    color: #00adbb;}
.insides__data blockquote:before {content: "\f10d";left: 15px;top: 10px;}
.insides__data blockquote:after {content:"\f10e";right: 15px;bottom: 10px;}      
.insides__data blockquote .author {margin-top:15px;}


 .yellow-box,
 .green-box,
 .blue-box {border-width: 1px;border-style: solid;padding:35px;}
 .yellow-box {border-color: #ffeeba; background-color: #fcf8e3;}
 .green-box {border-color: #d7ffba; background-color: #ebfce3;}
 .blue-box {border-color: #00bec4; background-color: #f3fbfb;}
 
 .blue-box .title {margin-bottom: 15px;font-size: 23px;line-height: 1.25em;color: #003a5d;}
 .blue-box .desc {margin-bottom: 25px;font-size: 16px;line-height: 1.25em;}
 .blue-box img {margin-bottom: 15px; }
 .blue-box .btn {
    width: 100%;
    max-width: 230px;
    height: 40px;
    line-height: 36px;
    color: white;
    border-radius: 35px;
    font-size: 15px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    letter-spacing: 0.5px;
    background-color: #00bec4;
    border: 2px solid #00bec4;}
     .blue-box .btn:hover {color: #00bec4; background-color: transparent;}
     
 
 .section--testimonials .btn {margin: 0 0 2%;line-height: 40px;} 
 
 
.review-block__avatar img,
.popup .review-block__avatar img {max-width: 50px;}
.popup .flex-col-sm-12,
.popup .review-block__text {width: 100%;}

.ws-page .comparison-table th {width:50%;}
.ws-page .comparison-table th:nth-child(2),
.ws-page .comparison-table td:nth-child(2) {padding-right: 50px;}
.ws-page .comparison-table tbody th, .ws-page .comparison-table tbody td {padding-bottom: 10px;border-right: 1px solid #ddd;}
 
 
 .wiki-navigation-arrows {width: 130px;}
.new-template1 .presentation-popup .row .content ul.wiki-navigation-arrows {flex-direction: row-reverse;}
 .wiki-navigation-arrows a {font-size: 26px;color: #00aebc;}
 .wiki-navigation-arrows a:hover, .wiki-navigation-arrows a:focus {color: #205778;}
 .wiki-navigation-arrows a i.fa:hover {background-color: transparent;}
 /*.wiki-navigation-arrows .wiki-arrow i {margin:0 5%;}*/
 .wiki-home.active .wiki-home i,
 .wiki-home.active .wiki-prev i {display:none;}  
 

 #secondaryMenu {display: none;/*background: #00aebc;*/background: #00395D;width: 100%;position: absolute;top: 85px;padding: 25px 10px;text-align:center;}
 #secondaryMenu, #secondaryMenu a {color: #FFF;} 
 #secondaryMenu li {display: inline;}
 #secondaryMenu a {font-size: 20px; font-weight: 400; padding: 10px 20px; display: inline-block; cursor:pointer;text-transform: uppercase;letter-spacing: 0.25px;}
 #secondaryMenu a.section-close {
    font-size: 40px;
    cursor: pointer;
    font-weight: 300;
    position: absolute;
    right: 35px;
    top: 30px;
    padding: 0;
    background: #00aebc;
    color: #fff;
    border-radius: 50px;
    width: 40px;}
    
 .duplicatedContent section {margin-top:230px;}
 .duplicatedContent .section--stories {margin-top:180px;}
 .duplicatedContent .section--wiki {margin-top:130px !important;}
 
 
 .hamburger-menu-button-close .hamburger-inner {height: 0px;}
 .hamburger-menu-button-close .hamburger-inner:before {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
    top: 10px;}
.hamburger-menu-button-close .hamburger-inner:after {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
    bottom: 5px;}
    
    
 .section--stories.duplicate {opacity: 0;height: 0;padding: 0;margin: 0;}
 .section--stories.duplicate.duplicate-visible {opacity: 1;height: auto;margin-top: 170px;padding: 75px 0 50px;}
 
 .scroll-top {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 80px;
  right: 25px;
  border-radius:50px;
  display: none;
  background: #00adbb;
  color: #fff;
  z-index: 10000;}
  .scroll-top i {display: block;}
  .scroll-top:hover, .scroll-top i:hover {background: #00395D;color: #fff;}
  
  
  
 
 .section-more-info {opacity: 0;height: 0;overflow: hidden;padding: 0;margin: 0; transition:opacity 0.5s ease-in; }
 .section-more-info.showonclick {opacity:1; height: inherit; transition:opacity 2s ease-out; }
 
  
  
  .section--welcome-message {margin: 90px 0 140px;}
  .section--welcome-message h1 {text-transform: initial;}
  .section--welcome-message p.larger {/*font-size: 28px; line-height: 48px; color:#2a2a2a;*/ margin-bottom: 50px;}
  .section--welcome-message .btn {max-width:450px; font-size:22px; letter-spacing: 0.5px; margin-left:auto; margin-right:auto; display: block;font-weight: 600; color:#223d5c; border:2px solid #223d5c; background:#fff; border-radius:0;padding: 25px; transform: scale(1)}
  .section--welcome-message .btn.w-100 {max-width: 100%;}
  .section--welcome-message .btn.blue {/*margin-top:50px;box-shadow:0 20px 55px -25px rgba(0, 0, 0, 0.20); color:#fff; background:#53b457; border:2px solid #53b457*/ margin-top:50px; color:#fff; background:#53b457;}
  
  .section--welcome-message .btn:hover,
  .section--welcome-message .btn:focus {box-shadow:0 20px 55px -25px rgba(0, 0, 0, 0.30); transform: scale(1.05)}
  
  
  ul.presentation-menu {
   margin-bottom:80px;
   border: 2px solid #03adbd;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   font-size: 18px;
   letter-spacing: 0.5px;
   font-weight: 600;}
   ul.presentation-menu li {border-bottom: 2px solid #03adbd;background: #fff;color:#223d5c}
   ul.presentation-menu li:last-child {border-bottom: none;}
   ul.presentation-menu li a {padding:25px;display: block; color:#223d5c}
   
   ul.presentation-menu:hover {box-shadow:0 20px 75px -45px rgba(0, 0, 0, 0.30);}
   ul.presentation-menu li:hover {background: #03adbd;box-shadow:0 20px 55px -25px rgba(0, 0, 0, 0.30);color:#fff}
   ul.presentation-menu li:hover a {color:#fff}
   
   
   
   
   .presentation {      
      padding: 70px 15px 20px;
      margin-top: -60px;
      margin-bottom: 60px;}
   
   .presentation-steps {
      margin-bottom:20px;
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      box-shadow:0 0px 20px 0px rgba(0, 0, 0, 0.1);
      border-radius:5px;
      padding: 60px 60px 50px;
      background: #fff;
      transition: all .2s cubic-bezier(.65,.05,.36,1);
      border: 3px solid #087ca7;}
      .presentation-steps:hover, .presentation-steps:focus {
        box-shadow: 0 20px 55px -25px rgba(0, 0, 0, 0.95);
        cursor:pointer;
        background: #052e50;
        /*transform: scale(1.02);*/}
      
   .presentation-steps_section-number {
      /*background: #d3e0df;*/
      background:#03adbd;
      border-radius: 100px;
      /*font-size: 70px;*/
      color: #fff;
      font-weight: 100;
      line-height: 100px;
      height: 105px;
      width: 105px;
      display: block;
      text-align: center;
      letter-spacing: -0.5px;
      font-size: 20px;}     
      .presentation-steps_section-number span.large {/*font-size: 34px;*/ font-weight: 400; font-size: 30px;}
      	.presentation-steps_section-number span.large:last-child {letter-spacing: -2px;}
      .presentation-steps_section-number span.small {vertical-align: super;}
   
   .presentation-steps_title {font-size: 28px;text-transform: uppercase;font-weight: 600;letter-spacing: 0.25px;margin-bottom: 25px;margin-top: 0;}
   .presentation-steps_subhead {text-transform: unset; color: #0080b0;font-weight: 400;margin: -15px 0 30px;letter-spacing: 0.25px;}
   .presentation-steps_list {font-size: 20px;line-height: 28px; color: #005a90;}
   .presentation-steps_list li a {border-bottom:1px dotted}
    .presentation-steps_list li a:hover {color:#03adbd;}
   
   .presentation-steps_list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;}       
    .presentation-steps_list li:before {
       content: "";
       width: 20px;
       height: 20px;
       background: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/spritesheet.png) no-repeat;
       background-position: -225px -80px;
       background-size: 260px;
       position: absolute;
       left: 0;
       top: 5px;}
          
    
   
   
   
   .new-template1 .presentation-popup {
    height: calc(100vh);
    width: 100vw;
    bottom: 0;
    border-radius: 0;
    overflow: auto;
    top: 0;
    padding: 0;
    position: initial;
    }

.new-template1 .presentation-popup .boxing-team {
    max-width: 540px;
    position: relative;
    width: 100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 20px 55px -25px rgba(0, 0, 0, 0.30);
    margin: 30px 0;
}

.new-template1 .presentation-popup .boxing-team a.btn {
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    height: 65px;
    line-height: 60px;
    font-size: 18px;
    padding: 0 40px;
}

  .new-template1 .lity {background: rgba(255,255,255,1);}  
  .new-template1 .lity-container {padding: 0px;}
  .new-template1 .lity-content:after {
    -webkit-box-shadow: none;
    box-shadow: none;} 
  .new-template1 .lity-close {
    background: #d7f0ec;
    color: #223d5c;
    border-radius: 0;
    height: 85px;
    width: 85px;
    margin: -2px !important;
    /*top: 0;*/
    top: 90px;}
    .new-template1 .lity-close:hover {background: #c8e3df;}
  
  
  .new-template1 .presentation-popup img.content_image,
  .new-template1 img.presentation-popup__image-left,
  .new-template1 .presentation-popup .carousel {border-radius: 5px; width: 100%; height: auto; max-width: 540px;box-shadow:0 20px 55px -25px rgba(0, 0, 0, 0.30);margin-bottom: 25px;}
    .new-template1 .presentation-popup img.content_image.mw-700 {max-width: 700px;}
	.new-template1 .presentation-popup .carousel {margin-bottom: 30px;}	
	.new-template1 .presentation-popup .carousel img {border-radius: 5px;}
	.new-template1 .presentation-popup .carousel-indicators {/*bottom: -40px;*/bottom: -10%;}
	.new-template1 .presentation-popup .carousel-indicators li {width: 13px;height: 13px;border: 1px solid #00aebc;margin-left: 3px;margin-right: 3px;}
	.new-template1 .presentation-popup .carousel-indicators li.active {width: 15px;height: 15px;background: #00aebc;}
  
  .new-template1 .presentation-popup > .row {padding-top: 9.5%;}
  .new-template1 .presentation-popup .row .content:last-child {/*padding-bottom: 180px;*/ padding-bottom: 120px;}
  
  .new-template1 .presentation-popup .row .content h3 {
    /*text-align: center;*/
	/*font-size: 40px;*/
    font-weight: 600;
    margin: 10px 0 30px;}
   .new-template1 .presentation-popup .row .content h3 span.underline {border-bottom: 3px solid #00bec4;}
  .new-template1 .presentation-popup .row .content h4 {
    text-transform: uppercase;
    font-size: 20px;
    color: #00aebc;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    margin-top: 30px;}
  .new-template1 .presentation-popup .row .content p,
 .new-template1 .presentation-popup .row .content table,
 .new-template1 .presentation-popup .row .content ol li {font-size: 18px; line-height: 28px; margin-bottom:15px;letter-spacing: 0.1px;}
.new-template1 .presentation-popup .row .content p.larger,
.new-template1 .presentation-popup .row .content p.larger:not(.hero-slider__title){font-size: 150%; line-height: 1.5em;}
.new-template1 .presentation-popup .row .content p.mb-0 {margin-bottom:0px;}




.new-template1 .presentation-popup .row .content ul:not(.list-inline) {margin-bottom:25px;margin-left: 4%;}
.new-template1 .presentation-popup .row .content .insides__nav ul.mCustomScrollbar {margin-bottom: auto;margin-left: auto;}
	.new-template1 .presentation-popup .row .content ul.ml-0:not(.list-inline) {margin-left: 0;}
  .new-template1 .presentation-popup .row .content ul li:not(.list-inline-item) {
       position: relative;
       padding-left: 40px;
       margin-bottom: 8px;
       font-size: 18px;
       line-height: 28px;}  
.new-template1 .presentation-popup .row .content ul.wiki-navigation-arrows li.wiki-arrow {
	padding: initial;
    margin-bottom: auto;
    font-size: inherit;
    line-height: inherit;}
       .new-template1 .presentation-popup .row .content ul.li-mb-0 li:not(.list-inline-item):not(.wiki-arrow) {margin-bottom: 0px;}
       .new-template1 .presentation-popup .row .content ul li:not(.list-inline-item):before {
          content: "";
          width: 20px;
          height: 20px;
          background: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/spritesheet.png) no-repeat;
          background-position: -160px -55px;
          background-size: 260px;
          position: absolute;
          left: 0;
          top: 6px;
          border: none;}
.new-template1 .presentation-popup .row .content ul.wiki-navigation-arrows li:before,
.new-template1 .presentation-popup .row .content ul.mCustomScrollbar li:before {content: none}

.new-template1 .presentation-popup .row .content ul.list--circles li:before {
    background: #00adbb;
    border: 2px solid #00adbb;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 10px;
    left: 8px;}
.new-template1 .presentation-popup .row .content ul.list--circles li ul.list--circles li:before {background: transparent;}
 
.presentation-popup a {color: #013685;}
          
.new-template1 .presentation-popup-controls {
   text-transform: uppercase;
   font-size: 13px;
   line-height: 1.25em;
   font-weight: 600;
   letter-spacing: 0.5px;
   text-align:center;
}
.new-template1 .presentation-popup-controls a {display: block; /*margin: 20px;*/ padding: 10px 10px 15px; margin-bottom: 15px; background: #d7f0ec;  margin-bottom: 5px;}
.new-template1 .presentation-popup-controls a:hover {opacity:1; background: #c8e3df;}
.new-template1 .presentation-popup-controls span.glyphicon  {padding: 5px; border: 1px solid;  border-radius: 25px;  font-size: 15px;}
.new-template1 .presentation-popup-controls span.glyphicon-menu-left {margin-right:10px;}
.new-template1 .presentation-popup-controls span.glyphicon-menu-right {margin-left:10px;}
       
 
  
#popup-photo-gallery.presentation-popup {top: 0;}
  
  
.slider-navigation.slick-initialized .slick-current .hero-slider__background {border: 4px solid #03adbd;}
 
 
.presentation-popup blockquote {
    /*margin-top: 30px;   */
    font-size: 24px;
    line-height: 1.75em;
    position: relative;
    text-align:center;
    border: 1px solid #00bec4;
    padding: 7% 7%;
    background: #f3fbfb;
}
.presentation-popup blockquote:before, .presentation-popup blockquote:after {
        font: normal normal normal 50px FontAwesome;
        position: absolute;
        color: #00adbb;
}
.presentation-popup blockquote:before {content: "\f10d";left: 25px;top: 20px;}
.presentation-popup blockquote:after {content:"\f10e";right: 25px;bottom: 20px;}
.presentation-popup blockquote .author {margin-top:25px; font-weight:600;}
  

 
.list--cols-2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;}
.list--cols-3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;}


.new-template1 .presentation-popup .section--stories {padding: 0 0 60px;}
.new-template1 .presentation-popup .section--stories .slick-prev,
.new-template1 .presentation-popup .section--stories .slick-next {background-color: #00aebc;background-repeat: no-repeat;width: 50px;height: 250px;right: -45px; cursor: pointer;
-webkit-transition: all .2s cubic-bezier(.65,.05,.36,1);
    -moz-transition:all .2s cubic-bezier(.65,.05,.36,1);
    -o-transition:all .2s cubic-bezier(.65,.05,.36,1);
    transition:all .2s cubic-bezier(.65,.05,.36,1);}
.new-template1 .presentation-popup .section--stories .slick-prev {left: -45px; z-index: 1;}
.new-template1 .presentation-popup .section--stories .slick-prev:hover,
.new-template1 .presentation-popup .section--stories .slick-next:hover {background-color: #00395D;}

.new-template1 .presentation-popup .section--stories.section--stories-one-slide {max-width: 540px;padding-bottom: 25px;}
.new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-list {box-shadow: 0 20px 55px -25px rgba(0, 0, 0, 0.30);}
.new-template1 .presentation-popup .section--stories.section--stories-one-slide .stories-slider__video {padding-top: 75%;}
.new-template1 .presentation-popup .section--stories.section--stories-one-slide .stories-slider__slide.slick-center {transform: scale(1);}
.new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-prev,
.new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-next {background-size: 30%;top: unset;transform: unset;height: 50px;width: 50px;right: 0%;bottom: 0px;}
.new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-prev {left: 0%;}
.new-template1 .presentation-popup .section--stories.section--stories-one-slide p {color: #000;font-weight: 400;font-size: 15px;margin-top: 25px;letter-spacing: 0.5px;}

.new-template1 .presentation-popup.highlighted li {}

.blue-box img.location-img {display: block;max-width: 600px;margin: 0 auto 40px;}
#popup-whitesands-difference p.yellow-box {padding: 20px 25px;margin-bottom: 50px; font-size: 90%;border: none;line-height: 1.5em;background-color: #fbf8e9;}

.hero-slider__video {position: relative;padding-top: 50.5%;}
 .hero-slider__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;}


.new-template1 .presentation-popup .carousel-control {opacity: 1;background-image: none;}
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-left:before,
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-right:before {content: none;}
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-left,
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-right {
    width: 50px;
    height: 50px;
    font-size: 50px;
	background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/nextvideo.png);
    background-repeat: no-repeat;
    background-color: #00aebc;
    background-position: center;
    background-size: 30%;
    position: absolute;
    cursor: pointer;
    top: unset;
    bottom: 0;
    right: 10px;}
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-left {left: 10px;}
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-left:hover,
.new-template1 .presentation-popup .carousel-control .glyphicon-chevron-right:hover {background-color: #00395D;}






/*desktop only*/
@media only screen and (min-width: 1048px) {
 
 .col-split-lg-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;}
    .col-split-lg-2 li {padding: 0 20px;}
 .col-split-lg-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;} 
    
.hamburger {left:50%;transform: translateX(-50%);top: 0;}  
	
.yellow-box, .green-box, .blue-box {padding: 40px 60px;}

.new-template1 .section--hero-slider {margin-top: 0px !important;}
.new-template1 .hero-slider__title {top: 80px;}

.hero-slider .slick-dots {bottom: 0;}
.hero-slider .slick-dots li button {height: 20px;}
.section--best-features h1 {max-width: 70%; margin-left: auto; margin-right: auto;}
	
.hero-slider .slick-prev {left: 0;}
.hero-slider .slick-arrow, .slider-navigation .slick-arrow {top: 50%;width: 70px;height: 70px;}

.insides__data p, .popup p, .circle-list, .circle-list li {font-size: 17px;}
	
.carousel {width: 245px;}

.section--welcome-message.noslider {margin-top:200px;}
.section--welcome-message h1 {font-size: 66px;margin-bottom: 40px;}
.section--welcome-message .arrow {background:url(/wp-content/themes/whitesandsv2/styles/new-template11/images/spritesheet.png) no-repeat; background-position: 0px -450px; width: 120px; height: 115px;position: absolute;margin-top: -35px;margin-left: 15%;}
	

.new-template1 .presentation-popup-controls {
    position: absolute;
    font-size: 15px;    
    bottom: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
    padding-top: 5px;}
    .new-template1 .presentation-popup-controls a {display: inline-block; width: 49%; padding:20px; max-width: 390px;}
    .new-template1 .presentation-popup-controls span.glyphicon {padding: 8px;}
    
 
 
 #popup-photo-gallery .presentation-popup-controls {bottom: 0px;}
 .photo-gallery-slider .hero-slider__background, .photo-gallery-slider .hero-slider__slide {/*height:600px;max-height:600px;*/ height:900px;max-height:900px;} 
 .new-template1 .presentation-popup.gallery > .row {padding-top: 7%;}
 .slider-navigation .hero-slider__background, .slider-navigation .hero-slider__slide {height: 150px;}
	
 .new-template1 .presentation-popup .row .content .photo-gallery-slider p.hero-slider__title {background-color:rgba(65, 75, 90, 1);padding: 20px;width: 100%;right: 0;top: 0px;text-transform: uppercase;letter-spacing: 1px;font-size: 26px;}
 
 .new-template1 img.presentation-popup__image-left {float: left; margin: 0 100px 70px 0;}
 .new-template1 img.presentation-popup__image-right {float: right; margin: 0 0 70px 100px;}
	
	
.new-template1 .presentation-popup .section--recognized:before {width: 35%;left: -4%;width: 27%;}
.new-template1 .presentation-popup .section--recognized .flex-col-sm-5, .new-template1 .presentation-popup .section--recognized .col-sm-5 {flex: 0 0 35%;max-width: 35%; width: 35%;}
.new-template1 .presentation-popup .section--recognized .flex-col-sm-7, .new-template1 .presentation-popup .section--recognized .col-sm-7 {flex: 0 0 65%;max-width: 65%; width: 65%;}
.new-template1 .presentation-popup .row .content .section--recognized h3 {margin-top: 30px;text-align: left; margin-top: 20%;letter-spacing: 2px;}
	
	
.new-template1 .presentation-popup div.slick-slider { width: 1px; min-width: 100%; *width: 100%; }
	
.hero-slider__video {height:900px;max-height:900px;} 
.hero-slider__button {width: 100px;height: 100px;}

.new-template1 .presentation-popup .row .content.intro p:not(.hero-slider__title){font-weight: 400;font-size: 26px; line-height: 42px;}
}



/*large desktop only*/
@media screen and (min-width: 1800px) {
  .section--welcome-message .arrow {margin-left: 10%;}
  
}



/*small desktops/laptops only*/
@media only screen and (max-width : 1500px) and (min-width: 1049px) {
   .new-template1 .presentation-popup > .row {max-width: 85%}
   .new-template1 .presentation-popup.gallery > .row {max-width: 100%}
   .s-mw-100-percent {max-width:100%;}
}




/*mobile and ipad*/
@media only screen and (max-width: 1048px) {
 
 .hamburger {top: -5px; right: 0;}
 .s-mw-100-percent {max-width:100%;}
 
 .insides__data img.alignright,.insides__data img.alignleft,
 .popup img.alignright,.popup img.alignleft {float: none; width: 100%; margin: 0.5em 0 1.25em 0;}
 
 .insides__data .wiki-navigation-arrows {display: none;}
 .wiki-navigation-arrows {margin: 30px auto 0;}
 .wiki-navigation-arrows .wiki-arrow i {margin:0 8.8%;}
 
 .section--stories.duplicate {margin: -20px 0;}
 
 .section--welcome-message p.larger {font-size: 18px; line-height: 28px; margin-bottom: 10px;} 
 
 
 .new-template1 .presentation-popup /*> .row */ {padding-top: 15px; /*padding-left: 15px; padding-right: 15px;*/ padding-left: 7px; padding-right: 4px;padding-bottom: 5px;}
 .new-template1 .presentation-popup.gallery > .row {max-width: 100%}
 .new-template1 .presentation-popup .row .content,
 .new-template1 .presentation-popup .row .content:last-child {padding-bottom: 20px;}
 
 
 .presentation-popup, .new-template1 .lity-close {top: 0 !important;}
 
 
 .presentation-steps {padding:30px 24px; letter-spacing: -0.25px;margin-bottom: 10px;}
 .presentation-steps_section-number {height: 40px;line-height: 36px;margin: -50px auto 20px; font-size: 15px; width: 80px;letter-spacing: 0;}
 .presentation-steps_section-number span.large {font-size: 24px;}
 .presentation-steps_title {text-align: center; margin-bottom: 15px; font-size: 20px;}
 .presentation-steps_subhead {text-align: center;margin: -10px 0 20px;font-size: 22px;}
 .presentation-steps_list {font-size: 18px; line-height: 26px;}
	
 .new-template1 .presentation-popup .section--stories .slick-prev, .new-template1 .presentation-popup .section--stories .slick-next {height: 190px;width: 40px;right: -34px;}
 .new-template1 .presentation-popup .section--stories .slick-prev {left: -34px;}

 .new-template1 .presentation-popup .section--stories.section--stories-one-slide {max-width: 100%;padding-bottom: 25px;}
 .new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-prev,
 .new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-next {bottom: 0px;right: 0%;}
 .new-template1 .presentation-popup .section--stories.section--stories-one-slide .slick-prev {left: 0%;}
 .new-template1 .presentation-popup .section--stories.section--stories-one-slide p {font-size: 14px;opacity: 0.8;}

 .new-template1 .presentation-popup .row .content.intro p:not(.hero-slider__title){font-size:22px;line-height:34px}
 .new-template1 .presentation-popup .row .content p.larger,
 .new-template1 .presentation-popup .row .content p.larger:not(.heroslider__title){font-size:120%}
 .new-template1 .presentation-popup .row .content p.mb-xs-0,
 .new-template1 .presentation-popup .row .content p.mb-xxs0 { margin-bottom:0 }
}

/*ipad only*/
@media only screen and (max-width: 1048px) and (min-width: 481px) { 
.new-template1 .presentation-popup > .row {padding-top: 2%; max-width: 90%; margin-left: 0;}
}





/*mobile only*/
@media only screen and (max-width: 480px) {
    .xs-mw-100-percent {max-width:100%;}
    .mt-xs-0 {margin-top:0px;}
    .mt-xs-20 {margin-top:20px;}
    .mt-xs-30 {margin-top:30px;}
    .mt-xs-40 {margin-top:40px;}
    .mt-xs-50 {margin-top:50px;}
    .mt-xs-60 {margin-top:60px;}

    .blue-btn {font-size: 14px;}
       .blue-btn.long-btn {white-space: initial; height: auto; padding: 10px 20px; line-height: normal;}
    .header-call-mobile {background-color:#0078a1;}
    .header-call-mobile_fixed {display: block;}
    .new-template1 .presentation-popup .row .content p.hero-slider__title {
        right: 0;
        font-size: 16px;
        line-height: 	18px;
        background-color: rgba(65, 75, 90, 1);
        padding: 10px 15px !important;}
    .navigation-slider .hero-slider__slide-inner {padding-top: 80%;}
    .navigation-slider .hero-slider__background {/*background-size: 130%;*/ background-size: 153%; background-position: bottom center !important;}
    .hero-slider .slick-arrow, .slider-navigation .slick-arrow {width: 40px;height: 40px;bottom: -20px;}
    .hero-slider .slick-prev {right: 40px;}

    .hero-slider .slick-dots {/*bottom: 11%;*/ bottom: 0;}
    .slick-dots li.slick-active .count {padding: 5px 15px;font-size: 18px;}
    .slick-dots li.slick-active .count-description {/*margin: 5px 0; font-size:14px;*/ display:none;}
    .feature__image, .feature__text .feature__text {margin-bottom: 15px;}
    .feature__image img {max-width: 100%;}

    .insides__data blockquote {font-size: 16px;}
    .insides__data blockquote:before {left: 10px; top: -30px;}
    .insides__data blockquote:after {content: none;}
     .blue-box {margin-left: 0;padding: 5%; margin-top:20px;}
     .insides__data .mCSB_container h3 {font-size: 22px; margin-bottom: 20px; display: block; line-height: 1.25;}


     .lity {z-index: 10000;}
     .new-template1 .lity, .new-template1 .lity-wrap, .new-template1 .lity-container, .new-template1 .lity-content {height: 100%;}
     .ws-page .lity-close {font-size: 50px; height: 50px; width: 50px; margin: 20px;  border-radius: 0;opacity: 0.9;}
     .ws-page .comparison-table th:nth-child(2), .ws-page .comparison-table td:nth-child(2) {padding-right: 15px;}
     .ws-page .comparison-table th:first-child {width: 40%;}

     #secondaryMenu {top: 125px; padding: 10px;}
     #secondaryMenu.white-nav {top: 70px; position: fixed;}

     #secondaryMenu a {font-size: 18px;}
     .white-nav .hamburger {position: fixed; z-index: 10000; top:5px;}
     .hamburger-box, .hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {width: 30px;}
     .hamburger-text {font-size: 10px}

     .hamburger-menu-button-close .hamburger-inner:before {top: 5px;}
     #secondaryMenu a.section-close {right: 5px; top: 220px;}
     .section--stories.duplicate {margin: -10px 0;}
     .scroll-top {width: 50px; height: 50px;}


     .section.section--welcome-message,
     .section--welcome-message .btn.blue {margin-top:30px;}
     .section--welcome-message .btn.blue {font-size: 20px;}
	.section--welcome-message h1 {margin-top: 0;}

     .new-template1 .presentation-popup > .row {padding-top: 5%;}

     .new-template1 .presentation-popup .row .content h3 {font-size: 28px; margin-bottom: 20px; /*text-align: center*/}
	 .new-template1 .presentation-popup .row .content > h3 {margin-top: 20px;} 

     .presentation-popup blockquote {font-size: 18px;line-height: 1.5em;}
     .presentation-popup blockquote:before {left: 10px; top: -30px;}
     .presentation-popup blockquote:after {content: none;}

     .new-template1 .presentation-popup .section--stories .stories-slider {padding: 0;}
     .new-template1 .presentation-popup .section--stories .stories-slider .slick-list {padding: 0px !important;}

     .new-template1 .presentation-popup .section--recognized {/*margin-left: -20px;margin-right: -19px;*/ margin-left: -22px;margin-right: -22px;}
     .new-template1 .presentation-popup .section--recognized:before {content: none;}
     .new-template1 .presentation-popup .row .content .section--recognized h3 {margin-bottom: 50px;}
     .new-template1 .presentation-popup .review-block {margin-bottom: 0px;padding: 5px 0;}
     .new-template1 .presentation-popup .section--testimonials .btn {margin: 20px auto 10px;}

      .new-template1 .presentation-popup .row .content .blue-box ul li:not(.list-inline-item) {font-size: 16px; line-height: 24px;}
        .new-template1 .presentation-popup .row .content .blue-box ul li:not(.list-inline-item):before {top: 7px;}
        .new-template1 .presentation-popup .row .content .blue-box ul:not(.list-inline) {margin: 20px 0;}

      .new-template1 .presentation-popup .row .content ul:not(.list-inline) {margin-left: 0%;}

     .list--cols-1-xs {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;}
	
	 .list--cols-2-xs {
	    -webkit-columns: 2;
	    -moz-columns: 2;
	    columns: 2;}


    .blue-box img.location-img {margin-bottom: 25px;height: auto;}

    .hero-slider__video {padding-top: 80%;}

    .new-template1 .presentation-popup .boxing-team {
        height: 150px;
        margin: 0 0 20px;
        background-position: center -10px;
    }

    .new-template1 .presentation-popup .boxing-team a.btn {
        font-size: 16px;
        width: 85%;
        padding: 0 20px;
        line-height: 50px;
        height: 55px;
    }
}




/*small mobile only*/
@media only screen and (max-width: 375px) {
	.new-template1 .presentation-popup .row .content h3 {font-size: 24px;line-height: 30px;}
	.new-template1 .presentation-popup .section--stories .slick-prev, .new-template1 .presentation-popup .section--stories .slick-next {height: 170px;}
	.section--welcome-message .btn.blue {font-size: 18px;}
	.new-template1 .presentation-popup .row .content p.hero-slider__title {font-size: 15px;}
}



/*Darker Theme*/
    
.navbar {background:#192f48!important;box-shadow: 0 20px 55px -25px rgba(0, 0, 0, 0.20);}
.new-template1 .custom-logo {display: none;}
.new-template1 .custom-logo.dark-theme {display: block !important;}
.section--welcome-message {
	 margin: unset !important;
	 /*padding: 50px 0 140px;*/
	 padding: 50px 0 70px;
	 background-color: #05263f;
	 background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/bg-image-new-min.jpg);
	 background-size:  100%;     
	 background-position: top center;
	 background-repeat: no-repeat;}

 .section--welcome-message h1 {color: #fff; opacity: 0.65; font-weight: 300;}
 .section--welcome-message p.larger {color:  #fff; font-weight: 400;font-size: 54px;line-height: 60px;}
 .section--welcome-message .btn {color: #fff;background:transparent;border: 1px solid #fff; font-weight: 400;}
 .section--welcome-message .btn.blue {box-shadow: 0 20px 55px -25px rgba(0, 0, 0, 1);border: 1px solid #50ca55;}

 .presentation-steps {background: #07375f;border: 1px solid #087ca7;box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.2);margin-bottom: 10px;max-width: 1175px;/*padding: 40px 30px 40px 50px;*/padding: 35px 30px 35px 40px;border: 1px solid rgba(10, 125, 170, 0.5);}
 .presentation-steps_title, .presentation-steps_title a {color: #fff; margin-bottom: 0; border-bottom: 1px dotted;display: inline;line-height: 1.5em;font-size: 26px;letter-spacing: 0.25px;}
 .presentation-steps:hover .presentation-steps_title, .presentation-steps:focus .presentation-steps_title,
 .presentation-steps:hover .presentation-steps_title a, .presentation-steps:focus .presentation-steps_title a,
 .presentation-steps_title a:hover, .presentation-steps_title a:focus {color:#03adbd;}
 .presentation-steps_subhead {color: #fff; /*opacity: 0.85;*/ font-weight: 300;margin: 10px 0 -5px;font-style: italic;}

 /*.presentation-steps_section-number {margin-top: -20px; margin-bottom: -25px;  font-size: 45px;  line-height: 75px;  height: 80px;  width: 80px;}*/
 .presentation-steps_section-number {margin-top: -24px; margin-bottom: -25px;  line-height: 80px;  height: 90px;  width: 90px; letter-spacing: -1px; font-size: 20px;}
 .presentation-steps_list {margin-top: 25px;padding-left: 10px;}
 .presentation-steps_list li, .presentation-steps_list li a {color: #fff;font-weight: 400;}
 .presentation-steps_list li a:hover {color:  #c4d600; opacity: 1;}
 .presentation-steps_list li:before {opacity: 0.5;}
 .presentation-steps_list li a, .presentation-steps_title  {border-color: #b8c5ce;}     

 .contact-section.dark {background-color: #0b4276;}

 .header-call a {color:  #fff;}
 .navbar {border-radius: 0;}

 .copyrights {color: #fff; border-top: 1px solid #0a2945; background: #0a2945;}
 .copyrights a {color: #fff;}    

 .new-template1 .presentation-popup .row .content .blue-box h4 {margin-top: 10px; margin-bottom: 30px;}

 .new-template1 .presentation-popup-controls {display: none;}

 .new-template1 .presentation-popup .row .content .table>tbody>tr>td {/*padding: 15px 25px;*/padding: 25px;border: none;}
.new-template1 .presentation-popup .row .content .table>tbody>tr>td:first-child {width: 25%;/*text-align: right;*/}
.new-template1 .presentation-popup .row .content .table-striped>tbody>tr:nth-of-type(odd) {/*background-color: #ebf7f5;*/ background-color: #f9f3d9;}

#chat_tab a {background-color: #53b457; border: 1px solid #50ca55; border-bottom: none;}
#livechatTab a {font-size: 14px;font-weight: 500;background: #53b457;border:1px solid #50ca55;}
#livechatTab a svg {max-width: 36px; margin-top: 13px;}


	

/*desktop only*/
@media only screen and (min-width: 1048px) {     
 .section--welcome-message.noslider {/*padding-top:10px;*/padding-top:85px;} 
 .section--welcome-message {background-color: #01294c; background-image: url(/wp-content/themes/whitesandsv2/styles/new-template11/images/bg-image-new-2-min.jpg);}
 .section--welcome-message h1 {font-size: 34px;}
 .presentation-steps .col-sm-2 {width: 12%;}
 /*.presentation-steps .col-sm-10 {width: 88%;}*/
 .presentation-steps .col-sm-10 {width: 95%;padding-left: 5%;}

 .new-template1 .presentation-popup-controls.dark-theme {background: rgba(25, 45, 70, 0.85);font-size: 18px;width: 100.5%; min-height: 85px;}
 .new-template1 .presentation-popup-controls.dark-theme a {background: rgba(25, 45, 70, 0);color: #fff;padding: 20px 25px;max-width: inherit;}
 .new-template1 .presentation-popup-controls.dark-theme a:hover {background: rgba(25, 45, 70, 0); color: #c4d600;}
 .new-template1 .presentation-popup-controls.dark-theme a:first-child {float: left;text-align: left;}
 .new-template1 .presentation-popup-controls.dark-theme a:last-child {float: right;text-align: right;}
}


/*large desktop only*/
@media screen and (min-width: 1800px) {
  b, strong {font-family: 'Lato'; font-weight: 600;}
  .section--welcome-message h1 {font-size: 40px;}
  .section--welcome-message p.larger {font-size: 60px;line-height: 80px;/*max-width: 1200px;*/} 
  .new-template1 .presentation-popup > .row.mw-1350 {max-width: 1500px;}
  .new-template1 .presentation-popup > .row.mw-1200 {max-width: 1300px;}
  .new-template1 .presentation-popup > .row.mw-1000 {max-width: 1100px;}
  .new-template1 .presentation-popup > .row > .col-sm-6:first-child,
  .new-template1 .presentation-popup > .row > .col-sm-6.left-column {width: 45%;}
  .new-template1 .presentation-popup > .row > .col-sm-6:last-child,
  .new-template1 .presentation-popup > .row > .col-sm-6.right-column{width: 55%;}
	.new-template1 .presentation-popup > .row.section--testimonials .col-sm-6,
	.new-template1 .presentation-popup > .row.section--testimonials .col-sm-6:last-child {width: 50%;}
  .new-template1 .presentation-popup .row .content p:not(.hero-slider__title),
  .new-template1 .presentation-popup .row .content ul li:not(.list-inline-item),
  .new-template1 .presentation-popup .row .content table,
  .new-template1 .presentation-popup .row .content ol li {font-weight: 300; color: #000;font-size: 21px;line-height: 34px;}
}    

/*mobile and ipad*/
@media only screen and (max-width: 1048px) {
 .presentation-steps {text-align: center; padding: 15px 25px;}
 .presentation-steps_section-number {/*margin: -55px auto 0px;*/ display: none;}
 .presentation-steps_title, .presentation-steps_title a {font-size: 17px;}
 .presentation-steps_subhead {font-size: 17px;font-weight: 400}
 .presentation-steps_list {text-align: left;padding-left: 15px;}
 .new-template1 .presentation-popup .row .content table, .new-template1 .presentation-popup .row .content table p, .new-template1 .presentation-popup .row .content table ul li:not(.list-inline-item) {font-size: 15px;line-height: 1.4;}
 .new-template1 .presentation-popup .row .content .table>tbody>tr>td {padding: 10px 7px;}
 
}

/*mobile only*/
@media only screen and (max-width: 480px) {
 .section--welcome-message.noslider {padding-top:30px;} 
 body[class^="page-template"].ws-page .section--welcome-message h1 {font-size: 20px;margin-top: 0;}
 .section--welcome-message p.larger {/*font-size: 34px; line-height: 40px;margin-bottom: 40px;padding: 0 20px;*/margin-bottom: 15px; font-size: 34px; line-height: 40px; padding: 0 10px;}   
 .new-template1 .presentation-popup {height: 100%;width: 100%;padding: 15px 7px;}
	.new-template1 .presentation-popup.gallery .row .content {padding: 0;}
	.new-template1 .presentation-popup.gallery .row .content h3 {margin: 30px 10px 20px;}
 .img-aerial-view {background-image: url(/wp-content/themes/whitesandsv2/styles/images/whitesands-tampa-aerial-view-mobile2.jpg) !important; background-size: 100% !important;}
 .new-template1 .presentation-popup .row .content .table>tbody>tr>td:first-child {width: 45%;}
	
 .newsweek-logo {width: 275px;height: auto;width: 70%;}

}

	
/*small mobile only*/
@media only screen and (max-width: 375px) {
	.section--welcome-message p.larger {/*font-size: 30px;line-height: 38px;*/font-size: 30px;line-height: 36px;padding: 0 10px;}
	.new-template1 .presentation-popup .row .content h3 {font-size: 24px;line-height: 30px;}
	.new-template1 .presentation-popup .section--stories .slick-prev, .new-template1 .presentation-popup .section--stories .slick-next {height: 170px;}
	.presentation-steps_title, .presentation-steps_title a {font-size: 15px;}
}
	




/*Modal Styles*/
	
.lity.lity-opened {z-index: 10001;}
.overflow-hidden {overflow: hidden;}

.modal1 {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: #fff;}
.modal1.open {display: block;}

.modal__header button {position: absolute;right: 0;}
.modal__content,
.modal__footer {position: absolute;width: 100%;}
.modal__content {
	bottom: 0px;
	top: 0px;
	overflow-y: auto;
	z-index: 1;}
.modal__footer {bottom: 0;}


/*desktop only*/
@media only screen and (min-width: 1048px) {
.modal__header button {top: 90px;}
}


/*mobile and ipad*/
@media only screen and (max-width: 1048px) {
.modal__content {overflow: auto;-webkit-overflow-scrolling: touch;}
.modal__footer {position: relative;}
}


/* front two  */

.thankyou-text-redirect .presentation-steps_title {
    color: #fff;
}

.thankyou-text-redirect .presentation-steps_title:hover {
    color: #c4d600;
}

.thankyou-text-redirect {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.pseudo_footer .contact-section {
    color: white;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

.pseudo_footer .btn {
    background-color: #00adbb;
    color: white;
    font-weight: 700;
    font-size: 20px;
    border: 2px solid #00adbb !important;
}

.pseudo_footer .btn:hover {
    background-color: transparent;
	background-color: #01427e !important;
}

.pseudo_footer .phone-icon div:hover {
    background-position: -138px 2px;
}

.pseudo_footer .phone-icon div {
    background-position: -138px 2px;
}

.pseudo_footer .copyrights a {
    margin-right: 15px;
}

.pseudo_footer .copyrights {
    margin-top: 0;
}

.section--testimonials .btn.blue-btn {
    margin: 0;
    padding: 0 50px;
    line-height: 2.5;
}

/* fix double lity popup */
.lity {
    display: none !important;
}

.lity-active .lity {
    display: block !important;
}
/*end fix double lity popup */

#old-template {
    display: none;
}

/* code from php file */

footer .copyrights {
    background: transparent;
}

.pseudo_footer .copyrights {
    background: #0a2945;
}

.pseudo_footer .copyrights .legitscript img{
    margin-left: auto;
    margin-right: auto;
    width: 140px;
    margin-bottom: 30px;
}

.new-template1 .section--hero-slider::before {
    display: none;
}

.navbar.white-nav {
    z-index: 999999;
}





.new-template1 .lity-close {
    top: 80px;
}

.home .new-template1 .lity-close,
.page-id-42508 .new-template1 .lity-close {
    top: 60px;
}



.navbar {
    background-color: #f8f8f8 !important;
    border-color: #e7e7e7 !important;
}

.section--stories .h1 {
    font-size: 36px;
    font-weight: 900;
    margin-top: 0;
    color: #fff;
    margin-bottom: 15px;
}

.new-template1 .hero-slider__title {
    border-radius: 0;
}

footer.footer-new {
    background: #0a2945 !important;
    border-bottom: none !important;
	padding-bottom: 50px;
}

.loader_container {
    display: none;
}

.navbar.navbar-default {
    background: #192f48 !important;
    border: none;
}

.navbar.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar.navbar-default .header-call.navbar-right a:hover {
    color: #00aebc;
}

.navbar.navbar-default .header-call.navbar-right a {
    color: white;
}

.footer-menu .footer_logo img {
    max-width: 236px;
    width: 100%;
}

.copyrights .copy {
    margin-bottom: 5px;
	max-width: 430px;
	text-align: center !important;
}



@media (max-width: 1050px) {
    .new-template1 .lity-close {top: 67px;}
    .presentation-popup {
        padding-top: 70px !important;
    }
}

@media (max-width: 768px) {
    .new-template1 .lity-close {font-size: 50px; height: 50px; width: 50px; margin: 20px;  border-radius: 0;opacity: 0.9; top: 0;}
    .section--hero-slider {
        padding-top: 0px;
    }
}

.section-cta.visible-xs,
.click-to-call-two.hidden-sm {
    display: none !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: white;
}

@media (max-width: 768px) {
    .presentation-popup {
        padding-top: 10px !important;
    }
	.navbar.navbar-default .navbar-header .navbar-brand {
        padding: 10px 0;
    }
}

@media (max-width: 450px) {
    #popup-our-services1 .btn {
        white-space: normal;
        height: auto !important;
        line-height: 1.2 !important;
    }
}

@media (min-width: 1050px) {
    .navbar .navbar-header .navbar-brand {
        /*padding: 17px 15px;*/
		padding: 7px 15px 5px;
    }
	/*.page-template-new-location-2020 .navbar .navbar-header .navbar-brand {
		padding: 7px 15px 5px;
    }*/
	
	.navbar {
       position: fixed;
       right: 0;
       left: 0;
       z-index: 10300;
   } 
}

#navbar #mmenu-mobile {
    display: none;
}

.navbar .navbar-header .navbar-toggle.collapsed {
    display: none;
}



/*Footer Main Menu*/			   
.footer-main-menu {padding: 30px 15px 50px;}
.footer-main-menu-headline {color: #00adbb;font-weight: 600;font-size: 20px;margin: 30px 0;}
.footer-main-menu-headline a:hover, .footer-main-menu-headline a:focus {color: #00adbb; border-bottom: 1px solid #00adbb;}
.footer-main-menu ul li a {color: #fff;font-size: 18px;line-height: 1.75em;font-weight: 300;}
.footer-main-menu ul li a:hover, .footer-main-menu ul li a:focus {border-bottom: 1px solid #fff;}

@media (max-width: 768px) {
 .footer-main-menu {padding: 0;}
 .footer-main-menu-headline {font-size: 16px;margin-bottom: 10px;}
 .footer-main-menu ul li a {font-size: 15px;}
}



/*YouTube Videos*/
	
.video-embed-container {max-width: 544px;/*margin-bottom: 25px;*/margin-bottom: 0;}
.video-embed {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;box-shadow: 0 20px 55px -25px rgba(0, 0, 0, 0.30);	}
.video-embed img {max-width:100%;height:auto;border-radius: 10px;}
.video-embed iframe {display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 10px;}
.play-btn {position:absolute;z-index:666;top:50%;left:50%;transform:translate(-50%, -50%);background-color:transparent;border:0;}
.play-btn:hover {cursor:pointer;}
.play-btn:focus {outline:0;}

.hero-slider__youtube-video .video-embed {box-shadow: none;}
.hero-slider__youtube-video .video-embed img, .hero-slider__youtube-video .video-embed iframe {border-radius: 0px;}
.hero-slider__youtube-video .video-embed img {width: 100%;height: 100%;background-position: center;top: 0px;left: 0px;position: absolute;background-size: cover;}

.stories-youtube-slider .slick-list {padding: 60px 0 !important;}

.stories-youtube-slider .slick-slide {
    transition: all 0.3s ease;
    transform: scale(1);
    position: relative;
}
.stories-youtube-slider .slick-slide .video-embed {box-shadow:none;}
.stories-youtube-slider .slick-slide .video-embed img, .stories-youtube-slider .slick-slide .video-embed iframe {border-radius: 0;}
.stories-youtube-slider .slick-slide .play-btn {opacity: 0.5;pointer-events: none;}

.stories-youtube-slider .slick-slide:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 102%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 2;
    transition: all 0.3s ease;
    opacity: 0.5;
    visibility: visible;
}

.stories-youtube-slider .slick-current.slick-active .play-btn {opacity: 1;pointer-events: unset;}

.stories-youtube-slider .slick-center {
    transform: scale(1.25);
    position: relative;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
}

.stories-youtube-slider .slick-center:before {opacity: 0;visibility: hidden;}

.new-template1 .presentation-popup .stories-youtube-slider .slick-prev,
.new-template1 .presentation-popup .stories-youtube-slider .slick-next {height: 260px;}


/*large desktop only*/
@media screen and (min-width: 2200px) {
.hero-slider__youtube-video	.play-btn {top: 35%;} 
}

@media screen and (max-width: 1048px) {
.new-template1 .presentation-popup .section--stories {padding: 0 0 30px;}
.stories-youtube-slider .slick-slide::before {display: none !important;}
.new-template1 .presentation-popup .stories-youtube-slider .slick-prev,
.new-template1 .presentation-popup .stories-youtube-slider .slick-next {height: 350px;}
}

/*mobile only*/
@media only screen and (max-width: 480px) {
/*.hero-slider__youtube-video .video-embed {padding-bottom: 80%;}	*/
.hero-slider__youtube-video {padding-top: 38px;}	
.hero-slider__youtube-video	.play-btn {top: 45%;} 
.stories-youtube-slider .slick-list {padding: 0 !important;}
.new-template1 .presentation-popup .stories-youtube-slider .slick-prev,
.new-template1 .presentation-popup .stories-youtube-slider .slick-next {height: 192px;}
}

@media only screen and (max-width: 375px) {
.new-template1 .presentation-popup .stories-youtube-slider .slick-prev,
.new-template1 .presentation-popup .stories-youtube-slider .slick-next {height: 172px;}	
}

#old-template .section--stories {
    padding: 0 0 60px
}

#old-template .section--stories .slick-prev,#old-template .section--stories .slick-next, #old-template .section--stories .slick-prev,#old-template .section--stories .slick-next {
    background-color: #00aebc;
    background-repeat: no-repeat;
    width: 50px;
    height: 250px;
    right: -45px;
    cursor: pointer;
    -webkit-transition: all .2s cubic-bezier(.65,.05,.36,1);
    -moz-transition: all .2s cubic-bezier(.65,.05,.36,1);
    -o-transition: all .2s cubic-bezier(.65,.05,.36,1);
    transition: all .2s cubic-bezier(.65,.05,.36,1)
}

#old-template .section--stories .slick-prev {
    left: -45px;
    z-index: 1
}

#old-template .section--stories .slick-prev:hover,#old-template .section--stories .slick-next:hover {
    background-color: #00395d
}

#old-template .section--stories.section--stories-one-slide {
    max-width: 540px;
    padding-bottom: 25px
}

#old-template .section--stories.section--stories-one-slide .slick-list {
    box-shadow: 0 20px 55px -25px rgba(0,0,0,.3)
}

#old-template .section--stories.section--stories-one-slide .stories-slider__video {
    padding-top: 75%
}

#old-template .section--stories.section--stories-one-slide .stories-slider__slide.slick-center {
    transform: scale(1)
}

#old-template .section--stories.section--stories-one-slide .slick-prev,#old-template .section--stories.section--stories-one-slide .slick-next {
    background-size: 30%;
    top: unset;
    transform: unset;
    height: 50px;
    width: 50px;
    right: 0%;
    bottom: 0
}

#old-template .section--stories.section--stories-one-slide .slick-prev {
    left: 0%
}

#old-template .section--stories.section--stories-one-slide p {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    margin-top: 25px;
    letter-spacing: .5px
}




/*The WhiteSands Difference popup*/
#popup-comparative-grid {background: #f0f7f6;}
.comparison-steps {transition: all .2s cubic-bezier(.65,.05,.36,1); border: double 4px #00395D; margin: 0px auto 50px; padding: 0 0 15px;}
.comparison-steps.step1 {margin-top: 70px;}
.comparison-steps_title {padding: 0 20px;}
	.comparison-steps_title:hover, .comparison-steps_title:focus {cursor: pointer;color: #00aebc;}

.divider { width: 335px; height: 20px; background-image: url(/wp-content/themes/whitesandsv2/styles/new-new-template/images/img-divider.png);margin: 70px auto;text-align: center;}
.divider60 {margin: 60px auto;}
.comparison-steps_divider {text-align: center; margin: -10px auto 40px;}
.divider > span,
.comparison-steps_divider > span {background: #ade5e6; color: #003b5d;font-size: 20px;line-height: 16px;padding: 5px 15px 7px;border-radius: 25px;}


.new-template1 .presentation-popup .comparison-steps .row {margin: 0 auto;}

.comparison-steps .box-module {background: #fff;border-radius: 5px;border-top-left-radius: 25px;box-shadow: 0 10px 35px -25px rgb(0 0 0 / 30%); transition: all .2s cubic-bezier(.65,.05,.36,1); margin-bottom: 20px;/*min-width: 340px;*/padding: 0;border: none;}
.comparison-steps .box-module:hover {box-shadow: 0 20px 45px -25px rgb(0 0 0 / 30%);}
.new-template1 .presentation-popup .row .content .comparison-steps .box-module_title {
    text-align: center;
    color: #00395D;
    background: #ade5e6;
    /*padding: 30px 10px 10px;*/
	padding: 25px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0;
}
/*.new-template1 .presentation-popup .row .content .comparison-steps .box-module:first-child .box-module_title {padding: 34px 10px;}*/
.new-template1 .presentation-popup .row .content .comparison-steps .box-module_title span {
    display: block;
    text-transform: capitalize;
    font-style: italic;
    font-size: 15px;
    margin-top: 5px;
    font-weight: 400;
}
.new-template1 .presentation-popup .row .content .comparison-steps .box-module_content {
    padding: 30px 40px 35px;
    font-size: 18px;
    line-height: 26px;
	margin-bottom: 0;
}


.new-template1 .lity-close span  {
    display: block;
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    margin-top: 35px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}


/*large desktop only*/
@media only screen and (min-width: 1800px) {
.new-template1 .presentation-popup .row .content p.comparison-steps_paragraph {line-height: 30px;}	
}


/*desktop only*/
@media only screen and (min-width: 1048px) {
.comparison-steps {padding-left: 35px; padding-right: 35px;}
	
/*.new-template1 .presentation-popup .comparison-steps .row {display: grid;grid-auto-flow:column;gap: 3%;}*/
	
.new-template1 .presentation-popup .comparison-steps .row:last-child {display: grid;gap: 3%;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}	
.new-template1 .presentation-popup .comparison-steps .row:last-child:before {content:unset;}}
	
.comparison-steps_title {font-size: 40px; transition: all .2s cubic-bezier(.65,.05,.36,1);}
}

/*mobile and ipad*/
@media only screen and (max-width: 1048px) {
.new-template1 .presentation-popup .row .content .comparison-steps .box-module_content {padding: 20px 25px 25px;}	
}

/*mobile only*/
@media only screen and (max-width: 480px) {
.comparison-steps {margin-bottom: 30px;padding-bottom: 5px;}
.divider, .divider60 {margin: 30px auto; }
.comparison-steps_divider {margin: -10px auto 30px;}
.comparison-steps.step1 {margin-top: 40px;}
.new-template1 .presentation-popup .row .content p.comparison-steps_paragraph {font-size: 16px;line-height: 22px;margin-bottom: 5px;padding: 0 10px;}
.presentation-steps_list li,
.new-template1 .presentation-popup .row .content ul li:not(.list-inline-item) {padding-left: 30px;}
}



.section--welcome-message .video-photo_wrapper {background:url(/wp-content/themes/whitesandsv2/styles/new-new-template/images/img-photo-gallery.jpg) no-repeat; width: 410px; height: 300px;background-size: 100%;border-radius: 10px;display: inline-block;margin: 10px 30px 40px;box-shadow: 0 20px 55px -25px rgb(0 0 0 / 50%);transition: all .2s cubic-bezier(.65,.05,.36,1);vertical-align: top;border: 1px solid rgba(10, 125, 170, 0.5);transform: scale(1); cursor: pointer;z-index: 1;}
.section--welcome-message .video-photo_wrapper:hover {box-shadow: 0 20px 75px -25px rgb(0 0 0 / 100%);border: 1px solid rgba(10, 125, 170, 1);transform: scale(1.01);}
.section--welcome-message .video-photo_wrapper.video-tour {background-image:url(/wp-content/themes/whitesandsv2/styles/new-new-template/images/img-video-tour.jpg);}
.video-photo_content {
    margin-top: 28%;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;}
/*.video-photo_icon {margin: 0 25px -25px;}*/
.video-photo_icon {vertical-align: middle; /*margin: 2px 0 0 5px;*/ margin: 9px 0 0 10px;}
.video-photo_wrapper.photo-gallery .video-photo_content {padding-left: 20px;}
.video-photo_wrapper .dropdown-menu {
    background: #032443;
	background: #03adbd;
	background: #469f49;
    width: 100%;
	font-size: 20px;
    padding: 0px;
	margin-top: 10px;
    box-shadow: 0 20px 75px -25px rgb(0 0 0 / 100%)}
.video-photo_wrapper .dropdown-menu>li>a {
	color: #fff;
    white-space: unset;
    padding: 10px 25px;}
	.video-photo_wrapper .dropdown-menu>li:first-child>a {padding-top: 15px;}
	.video-photo_wrapper .dropdown-menu>li:last-child>a {padding-bottom: 15px;}
.video-photo_wrapper .dropdown-menu>li>a:hover, .video-photo_wrapper .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #07375f;
    background: #032443;
	background: #3a813d}

.gallery-and-video .presentation-steps:last-child {margin-left: 10px;width: 49%;}
.gallery-and-video .presentation-steps_list {margin-left: -35px;}
.gallery-and-video .presentation-steps_list li:before {content: none}


/*desktop only*/
@media only screen and (min-width: 1048px) {
.gallery-and-video .presentation-steps_list li {display: inline;}
}



/*mobile and ipad*/
@media only screen and (max-width: 1048px) {
.section--welcome-message .video-photo_wrapper {width: 45%;height: 125px;margin: 0 1.25%;}	
	.section--welcome-message .video-photo_wrapper:last-child {margin-bottom: 25px;}
.video-photo_content {margin-top: 17%;}
	.video-photo_content span {display: none;}
.video-photo_wrapper .dropdown-menu {width: 385px;width: 209%;}
.gallery-and-video .presentation-steps {padding: 15px 0px;}
.gallery-and-video .presentation-steps:last-child {width: 47%; padding: 15px; margin-left: 3%;}
	.gallery-and-video .presentation-steps:last-child .presentation-steps_list {margin: 25px 0;}
}

/*ipad only*/
@media only screen and (max-width: 1048px) and (min-width: 481px) { 
.section--welcome-message .video-photo_wrapper {height: 250px;}
.video-photo_content {margin-top: 26%;}
.video-photo_wrapper .dropdown-menu {width: 100%;}
}


.modal-dialog {
  max-width: 1175px;
  width: 100%;
  margin: 30px auto;
  padding-top: 15%;
}
.modal-content {background-color: #192f48;}

.modal-body {
  position: relative;
  padding: 0px;
}
.close {
    position: absolute;
    right: -40px;
    top: -30px;
    z-index: 999;
    font-size: 3rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
	text-shadow: none;
}
.close:hover, .close:focus {
    color: #03adbd;
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal-open .modal {
    background: rgba(0,0,0,.5);
    z-index: 9999;
}


.presentation-steps_section-number-xs {display: none;}

.nav-cue {position: absolute;top: 20%;left: 65%;height: 155px;width: 165px;}

/*mobile and ipad*/
@media only screen and (max-width: 1048px) {
.ws-logo {margin: 7px 10px;}
	
.gallery-and-video .presentation-steps_list {margin: 15px 0 0;padding: 0;}
.gallery-and-video .presentation-steps_list li {padding: 0; text-align: center;}
.presentation-steps_content.with-steps {padding: 0}
.presentation-steps_section-number-xs {
    background: #03adbd;
    color: #fff;
    width: 65px;
    border-radius: 25px;
    padding: 6px 5px 6px 6px;
    display: inline-block;
    /*vertical-align: top;*/
    margin: 0 12px 0 0px;}
	.presentation-steps_section-number-xs span.large {font-size: 18px;letter-spacing: -1px;}
	.presentation-steps_section-number-xs span.large:last-child {letter-spacing: -2px;}
	.presentation-steps_section-number-xs span.small {vertical-align: text-top;line-height: 16px;}
.presentation-steps_content.with-steps .presentation-steps_title {/*width: calc(100% - 85px);*/width: calc(100% - 30px);display: inline-block;text-align: left;border: none;line-height: 1.3em;vertical-align: middle;}
	.presentation-steps_content.with-steps .presentation-steps_title span {border-bottom: 1px dotted;}
	
	/*.presentation-steps_content.with-steps .presentation-steps_title a {border: none;}*/
.presentation-steps_content.with-steps .presentation-steps_subhead {/*margin-left: 85px;*/margin-left: 15px;text-align: left;}
.presentation-steps_list {margin-top: 20px;}
	
.nav-cue {height: 65px;top: 15%;}
	
}

.city-map {margin-top: 60px;box-shadow: 0 20px 35px -20px rgb(0 0 0 / 10%);}


/*Content pages video tour styles*/
.city-video {
    margin-top: 30px;
    box-shadow: 0 20px 35px -20px rgb(0 0 0 / 20%);
    border: 5px solid #ade5e7;
    border-radius: 25px;
    max-width: 700px;
    margin: 60px auto 70px;
    display: block;
    height: 400px;}

/*mobile*/
@media only screen and (max-width: 768px) {
.city-video {height: 250px; margin: 40px auto;}
}