/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CUSTOM PRELOAD */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#loader-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:#fff;animation: loader 1s linear;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes loader{0%{opacity: 1;}70%{opacity: 1;}99%{opacity: 0;}100%{display: none;visibility: hidden;z-index: -10;}}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
*{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust:none;box-sizing:border-box;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar{width:6px;height:6px;}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track{background:#e1e1e1;}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb{background:#00757e;}
:focus, :active, :visited{outline: none;}
body *::selection {color:#fff;background:#009fe3;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html{height: 100%;}
body{height: 100%; overflow: hidden; font-size: 18px;}
#content-block{overflow: hidden; position: relative;}
.overflow-hidden{overflow: hidden;}
html.overflow-hidden body{overflow: hidden;}

footer,
.block {
    background: #fff;
}

.block.header_block {
 background: transparent;   
}
.swiper-slide:not(:first-child){display: none;}
.align-content >*{margin:0 auto;}
.upper{text-transform:uppercase;}
.no-padd{padding:0;}
.section{position:relative;}
.section.full-height{height:100vh;}
.mb-40{margin-bottom:40px;}
.mb-80{margin-bottom:80px;}
.pt-40{padding-top:40px;}
.section-top-80{margin-top:80px;}
.section-top-50{margin-top:50px;}
/*spacers*/
.spacer{clear:both;}
.spacer-xl{height: 100px;}
.spacer-lg{height: 80px;}
.spacer-md{height: 70px;}
.spacer-sm{height: 50px;}
.spacer-xs{height: 30px;}
@media(max-width: 1199px){
  .spacer-xl{height:110px;}
  .spacer-lg{height:80px;}
}
@media(max-width: 991px){
  .spacer-xl{height:80px;}
  .spacer-lg,.spacer-md{height:50px;}
}
@media(max-width: 767px){
  .spacer-xl,.spacer-lg,.spacer-md,.spacer-sm{height:30px;}
  .mb-40{margin-bottom:30px;}
  .pt-30{padding-top:30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*body *{font-family: 'Poppins', sans-serif;}*/
b, strong{font-weight: 700;}
a{cursor:pointer;text-decoration:none;outline:none;color:inherit;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
a:link, a:visited, a:active, a:hover{cursor:pointer;text-decoration:none;outline:none;}
iframe{border:none;outline:none;}
ul, ol{list-style: none;}
.simple-item{position: relative;z-index: 1;}
/*.text{font-size:16px;line-height:28px;color:#999;font-weight:400;}
.text-md{font-size:14px;line-height:24px;}
.text-sm{font-size:13px;line-height:24px;}*/
.text.color-2{color:#fff;}
.text.color-3{color:#333;}
.text *{margin-bottom:10px;}
.text *:last-child{margin-bottom: 0;}
.text img{max-width: 100%; height: auto; display: block;}
.text ul li, .text ol li{position:relative;padding-left:25px;margin-bottom:0px;}
.text ul li:before{content: "";position: absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#00757e;}
.text ol{counter-reset: number;}
.text ol li{padding-left:30px;}
.text ol li:before{color:#00757e;font-weight:700;counter-increment: number;content: "0" counter(number) ".";position:absolute;top:0;left:0;font-size:14px;}
.text ul li:last-child,.text ol li:last-child{margin-bottom:0;}
.text ul li span,.text ol li span{color:#00757e;font-weight:500;}
.text a{position:relative;/*color:#00757e;*/cursor:pointer;white-space: nowrap;}
.text a:before{content:"";position:absolute;bottom:0;left:auto;right:0;height:1px;width:0;/*background:#d3a94e;*/transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
/*.text span{color:#00757e;}*/
blockquote{position: relative;color: #999;font-size: 20px;line-height: 30px;font-weight: 500;padding-left: 20px;text-align: left;border-left: 2px solid #00757e;}
h1,.h1{font-size:28px;line-height:1.1em;}
h2,.h2{font-size:24px;line-height:1.1em;}
h3,.h3{font-size:22px;line-height:1.1em;}
h4,.h4{/*font-size:18px;*/line-height:1.1em;}
h5,.h5{font-size:16px;line-height:1.1em;}
h6,.h6{font-size:14px;line-height:1.1em;}
.section-title{margin-bottom:30px;}
/*.title{font-weight:300;color:#000;}*/
.title.color-2{color:#fff;}
.title-decor{position:relative;padding-top:36px;}
.title-decor:before{content:"";position:absolute;left:50%;margin-left:-31px;top:0;width:62px;height:2px;/*background:#00757e;*/}
.title-decor.decor-left:before{left:0;margin-left:0;}
.text-truncate{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.only-mob{display:none;}
/*media*/
@media(min-width: 1200px){
  .text-xl-left{text-align: left;}
  .text-xl-center{text-align: center;}
  .text-xl-right{text-align: right;}
  .text a:hover:before{width:100%;right:auto;left:0;}
}
@media(max-width:991px){
  .title-decor{padding-top:20px;}
}
@media(max-width:767px){
  h1,.h1,h2,.h2{font-size:22px;}
  blockquote{font-size:16px;line-height:24px;padding-left: 15px;}
  .xs-hide,.title br{display:none;}
  .text,.text-sm{font-size:14px;line-height:22px;}
  .text ul li:before{top:8px;}
  .only-mob{display:block;}
  .text-center.mob-left{text-align:left;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*-------------------------------------------------------------------------------------------------------------------------------
.btn{display:inline-block;vertical-align:bottom;text-align:center;position:relative;cursor:pointer;text-decoration:none;border:none;padding:0;background:#009fe3;font-weight:400;line-height:1em;letter-spacing:0.1px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border:2px solid #009fe3;min-width:100px;color:#fff;}
.btn-lg{font-size:20px;padding:13px 30px;}
.btn-md{font-size:18px;padding:14px 30px;}
.btn.type-2{background:#fff;border-color:#fff;color:#009fe3;}
.btn-block{display: block; width: 100%;}
.btn.disabled-btn{pointer-events:none;cursor:inherit;}
.btn-close{position:absolute;top:0;right:0;width:50px;height:50px;line-height:50px;text-align: center;cursor: pointer;background:#009fe3;z-index: 1;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.btn-close span{height: 10px;width: 10px;display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-close span:before, .btn-close span:after{content: "";height: 1px;width: 12px;display: block;position: absolute;top: 5px;left: -1px;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;backface-visibility: hidden;}
.btn-close span:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
/*media
@media(min-width:1200px){
  .btn:hover{background:transparent;color:#009fe3;}
  .btn.type-2:hover{background:#009fe3;border-color:#009fe3;color:#fff;}
  .btn-close:hover:before{width:100%;left:0;right:auto;}
  .btn-close:hover span:before, .btn-close:hover span:after{background:#000;}
}*/
@media(max-width:991px){
  .btn{min-width:auto;}
  .btn-lg,.btn-md{font-size: 16px;padding: 10px 20px;}
}
@media(max-width:767px){
  .btn-close{width:40px;height:40px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header{position:fixed;top:0;width:100%;height:145px;z-index:20;padding: 0;backface-visibility: /*hidden;background: rgba(255,255,255, 0.8);*/}
.admin-bar header { top: 32px; }
header.active-layer-close .layer-close{position: fixed;left: 0;top: 0;right: 0;bottom: 0;}
/*header #logo{position:relative;margin-top:22px;display:inline-block;width:120px;height:auto;font-size:0;}*/
header #logo a{display:block;}
header #logo img{width:100%;height: auto;}
header .header-inner{margin: 0 auto;height:inherit;position:relative;width:100%;padding: 0 15px;}
header .top-mobile-menu{text-align: center;}
header .top-mobile-menu .book-btn{text-align:right;position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); z-index: 99999;}
header .nav-wrapp{position:relative;text-align:center;z-index:1;display:block;}
nav{text-align:center;font-size:0;display:block;}
nav ul{font-size:0;text-align:center;}
nav ul li{display:block;position:relative;}
nav ul li:last-child{margin-right:0;}
/*nav ul li a{line-height:30px;font-size:28px;color:#009fe3;font-weight:400;display:inline-block;position:relative;backface-visibility:hidden;padding:28px 0;}
nav ul li a:before{content:"";position:absolute;left:50%;margin-left:-31px;top:0;width:0;height:2px;background:#009fe3;}*/
nav ul li.active a:before{width:62px;}
.toggle-block{display: block;/*width: 100%;*/left: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);position: fixed;top: 0;height: 100%;max-height: 100%;/*background: rgba(255,255,255,1);text-align: center;*/padding: 150px 15px 15px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 100;overflow: auto;}
header.open-menu .toggle-block{-webkit-transform: translateY(0);transform: translateY(0);}

header.open-menu .toggle-block:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-image: url("../img/menu-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;*/
}

header.active-layer-close .layer-close{position:fixed;left:0;top:0;right:0;bottom:0;}
/*mobile-button*/
.mobile-button{will-change:transform;display:block;position:absolute;top:50%;margin-top:-11px;left:50px;width:33px;height:22px;cursor:pointer;z-index:101;}
/*.mobile-button span{display:block;position:absolute;top:50%;left:0;width: 100%;height:2px;background:#009fe3;}
.mobile-button:before,header .mobile-button:after{content: "";position: absolute;display:block;top:50%;left:0;width:100%;height:2px;background:#009fe3;margin-top:10px;}*/
.mobile-button:before{margin-top:-10px;}
.mobile-button.active:before,.mobile-button.active:after{-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);-webkit-transform-origin: center center;transform-origin: center center;}
.mobile-button.active:after{-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg);-webkit-transform-origin: center center;transform-origin: center center;}
.mobile-button.active span{-webkit-transform: translateX(30px);transform: translateX(30px);opacity: 0;}
.margin-header{height:145px;}
header.scrolled{box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3);height:100px;}
/*header.scrolled #logo{margin-top:10px;width:96px;}*/
/*media*/
@media(min-width:992px){
  header,header nav,header ul,header #logo,header #logo img,.margin-header,nav ul li a:before{-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
  .mobile-button i,.mobile-button span:before, .mobile-button span b:before, .mobile-button span b:after{-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
}
@media(min-width:1200px){
  header .header-inner{padding:0 50px;}
  header #logo:hover img{opacity:0.8;}
  nav ul li a:hover{color:#009fe3;}
  nav ul li a:hover:before{width:62px;}
  
  .toggle-block{padding-top:100px}
  
  /*nav ul li a {
      padding: 20px 0;
  }*/
}
@media(max-width:991px){
  header,header.scrolled{height:80px;box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3);}
  /*header #logo,header.scrolled #logo{width:74px;margin-top:9px;}*/
  .mobile-button{left:15px;}
  header .top-mobile-menu .book-btn{right:15px;}
  .margin-header{height:80px;}
  nav ul li a{font-size:26px;padding: 20px 0;}
}

.mobile-image {
    display: none;
    overflow: hidden;
    height: 250px;
    position: relative;
}

.mobile-image .title {
    background: rgba(255,255,255, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px;
    z-index: 1;
    line-height: 1.3;
}

.mobile-image .title:before {
    display: none;
}

.mobile-image .title span {
    max-width: 60%;
    display: block;
}

.mobile-image .bg {
    position: absolute;
    top: 0;
    background-size: cover;
    bottom: 0;
    left: 0;
    right: 0;
}

@media(max-width:767px){
    
    .mobile-image {
        display: block;
    }
    
    .swiper-slide .bg {
        display: none;
    }
    
    .image_slider_block .swiper-slide .bg {
        display: block;
    }
    
    .mobile-image .bg {
        display: block;
    }
    
    .slider-block .swiper-entry .banner-align {
        height: auto;
    }
    
    .image_slider_block .slider-block .swiper-entry .banner-align {
        height: 300px;
    }
    
    .features_block .review-block {
        min-height: 0;
    }
    
    
    
  /*.toggle-block{padding-top:100px}*/
  nav ul li a{font-size: 20px;line-height: 20px;padding: 12px 0;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.banner{position:relative;}

.banner.main-banner .bg {
    background-attachment: fixed;
}

.banner-align{display: table-cell;vertical-align: middle;position: relative;width: 10000px;padding:30px 0;/*height:600px*/;z-index:2;}
.banner-align.full-h{height:100vh;min-height:560px;}
.banner-align.size-2{height:530px;}
.banner-align.size-3{height:550px;}
.banner-align.align-top{vertical-align:top;}
.banner-align.align-bottom{vertical-align:bottom;}
.banner.main-banner .banner-align{padding: 0;vertical-align:top; height: auto; min-height: 0;}

.banner.main-banner .banner-align .row {
    height: 100vh;
    min-height: 100vh;
    align-items: center;
}

.header_block.smaller_header .banner.main-banner .banner-align .row {
    height: auto;
    min-height: auto;
    padding: 235px 0 90px;
}

.header_block .background-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}


.banner.banner-detail{margin-bottom:50px;}
.banner-content{position:relative;text-align:center;}
.banner-content >*{margin-bottom:30px;}
.banner-content >*:last-child{margin-bottom:0;}

.banner-content p {
    color: #fff;
    font-size: 20px;
}


.header_block .iframe-wrapper {
    background: #eee;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
}

.header_block .iframe-wrapper iframe {
  box-sizing: border-box;
    height: 56.25vw;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh;
}

.banner-content .buttons,
.banner-content .icons {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
}

.banner-content .icons .icon {
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner-content .buttons {
    margin-bottom: 0;
}

.bg-white{background:#fff;}
.icon-scroll{position:absolute;left:50%;margin-left:-17px;bottom:50px;width:34px;height:18px;cursor:pointer;z-index:2;}
.icon-scroll:before{content: "";position: absolute;left: 5px;top:-10px;width: 23px;height: 23px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.banner-border{position: absolute;top: 50px;right: 50px;bottom: 50px;left: 50px;/*border: 2px solid #009fe3;*/z-index: 1;}
.block-content >*{margin-bottom:30px;}
.block-content >*:last-child{margin-bottom:0;}
.content-with-border{position:relative;display: inline-block;/*border:2px solid #009fe3;*/background-color:rgba(0,0,0,0.2);padding:60px 43px 55px;}
.content-with-border .title{margin-bottom:10px; text-transform: uppercase;}
/*.banner-content .main-title{font-family: 'Asul', sans-serif;font-size:77px;color:#fff;font-weight:700;letter-spacing:7px;text-transform:uppercase;}*/
.intro-section{padding:60px 0 50px;}

.header_block.smaller_header .banner-content .main-title {
    font-size: 60px;
}


/*media*/
@media(min-width:1200px){
  /*.icon-scroll:hover:before{border-color: #009fe3;}*/
}
@media(max-width:1199px){
  .banner-content .main-title{font-size:60px;}
  .header_block.smaller_header .banner-content .main-title { font-size: 50px }
}
@media(max-width:991px){
  .banner-align,.banner-align.size-2,.banner-align.size-3{height:400px;}
  .content-with-border{padding:30px;}
  .banner-content .title{font-size:18px;}
  .banner-content .main-title{font-size:46px;}
  .banner-content >*{margin-bottom:20px;}
  .banner-content .text br{display:none;}
  .intro-section{padding:40px 0;}
  .banner-border{top: 15px;right: 15px;bottom: 15px;left: 15px;}
  
  .banner.main-banner .bg {
      background-attachment: scroll;
  }
}


.message_block {
    background: #009fe3;
}
.message_block .intro-section {
    padding: 30px 0;
}

.message_block .title,
.message_block p,
.message_block a {
    color: #fff;
}

.message_block .title {
    margin-bottom: 10px;
}


@media (pointer: coarse) {
    .banner.main-banner .bg {
      background-attachment: scroll;
  }
}

@media(max-width:767px){
  .banner-align{height:260px;}
  .banner-content >*{margin-bottom:15px;}
  .block-content >*{margin-bottom:20px;}
  .content-with-border{padding:15px;}
  .banner-content .title{font-size:16px;}
  .banner-content .main-title{font-size: 40px;letter-spacing: 2px;}
  .banner-align, .banner-align.size-2, .banner-align.size-3{height:260px;}
  
    .iphone .icon-scroll {
        bottom: 90px;
    }
    
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* COLORS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.color-primary{color:#009fe3;}
.color-secondary{color:#000;}