@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

@font-face {
    font-family: 'Helvethaica';
    src: url('../fonts/DB-Helvethaica-X-55-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Mitr';
    src: url('../fonts/Mitr-Regular.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
select::-ms-value {background: none;color:#000;}
::-webkit-input-placeholder {color:#d1e7e7}
:-moz-placeholde {color:#d1e7e7}
::-moz-placeholder {color:#d1e7e7}
:-ms-input-placeholder {color:#d1e7e7}
::-ms-input-placeholder {color:#d1e7e7}
::placeholder {color:#d1e7e7}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;-webkit-appearance: none;-webkit-box-sizing: border-box;-webkit-box-align: start;-webkit-border-fit: border;-webkit-margin-collapse: discard;-webkit-border-radius: 0;outline:none;}
body,html {max-width:100%;min-width:375px;overflow-x:hidden;text-align:center;font-family:'Quicksand',sans-serif;font-size:20px;line-height:30px;margin:0;padding:0;background: #f4fcfc;color:#4b4b62;font-weight:500;min-height:100vh;letter-spacing: 0;font-style:normal;text-transform:none;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;box-sizing: border-box;overflow:hidden;min-height:100vh;background:#f4fcfc}
.page.blur {filter: blur(5px);transform:scale(1.01)}
a {text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#0196b4;}
a:hover {text-decoration:underline;color:#0196b4;}
.clear, hr, .content .inner:after, .social-menu ul:after {clear:both;float:none;display:block;border:0;margin:0;padding:0;content:''}
h1,h2,h3,h4,h5,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4,h5 {font-weight:700;margin-bottom:24px;}
h1, h2 {font-size: 80px;line-height:88px;}
h3 {font-size: 32px;line-height:40px;}
h3.large {font-size: 48px;line-height:56px;}
h4 {font-size:25px;line-height:30px;}
h5 {font-size: 20px;line-height:25px;text-transform:uppercase;color:#0196b4;}
p {margin-bottom:24px;box-sizing:border-box;}
b, strong {font-weight:700;}
sup {display:inline-block;font-size:.4em;top:0;margin:0;padding-top:.5em;line-height:.5em;vertical-align:top;}
table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.bg {padding: 12px;width:1448px;margin:auto;box-sizing: border-box;max-width:100%;}
.inner {padding: 12px;clear:both;float:none;box-sizing: border-box;width:100%;}

.col15 {width:15%}
.col20 {width:20%}
.col25 {width:25%}
.col30 {width:30%}
.col35 {width:35%}
.col33 {width: 33.3333%}
.col40 {width: 40%}
.col45 {width: 45%}
.col50 {width: 50%}
.col55 {width: 55%}
.col60 {width:60%}
.col66 {width: 66.6666%}
.col70 {width:70%}
.col75 {width:75%}
.col80 {width:80%}
.col100 {width:100%;}

.inline {display: inline-block;}
.flex {display: flex;flex-wrap:wrap;}
.flexcenter {align-items:center;}
.flexbottom {align-items:flex-end}
.flextop {align-items:flex-start}
.flexbetween {justify-content:space-between;}
.justifycenter {justify-content:center;}

.taleft {text-align:left}
.taright {text-align:right}
.tacenter {text-align:center;}
.fleft {float:left!important;}
.fright {float: right!important}
.tag {top:-112px;position:absolute;left:0;display:block;}
.anim {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.abs {position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:0!important;}
.upper {text-transform:uppercase;}
.cols2 {column-count:2;column-gap:100px;}

label {display:block;text-align:left;font-size:16px;font-weight:700;color:#0196b4;line-height:20px;text-transform:uppercase;}
input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:'Quicksand',sans-serif;border:0;padding:5px;height:40px;line-height:30px;font-size:20px;
color:#4b4b62;border-radius: 0;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background-color:#fff;resize:none;padding-left:0;padding-right:0;font-weight:500;display: block;box-shadow: none;border-bottom:3px solid #e8f9f9;}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
textarea {min-height:110px;}
input:focus, textarea:focus , select:focus {border-color:#ff8078!important;}

button {cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;border:0;}
input[type="submit"] {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;}

.btn, .menu ul li.button a, .single .cf7mls-btns .cf7mls_next.action-button {display: inline-block;box-sizing: border-box;padding:10px;padding-left:36px;padding-right:36px;border:0;color:#fff;text-transform:none;text-decoration:none;font-size:20px;line-height:30px;min-height:54px;font-family:'Quicksand',sans-serif;font-weight:700;border:2px solid #0196b4;box-shadow: 0 5px 25px rgba(7,153,181,.25);border-radius: 54px;background: #0196b4;float:none;margin:auto;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;
}

.btnyellow {background: #ff8078;box-shadow: 0 0 25px rgba(255,128,120,.25);}

.btn:not(.btnborder) {border:0;padding-top:12px;padding-bottom:12px;}
.btnborder, .menu ul li.button a {box-shadow:none;border-color:#ff8078;background:transparent;color:#ff8078}
.btn:hover, .btnborder:hover, .menu ul li.button a:hover, .single .cf7mls-btns .cf7mls_next.action-button:hover {border-color:#ff8078;color:#fff;text-decoration:none;background:#ff8078;box-shadow:none;}
.btnyellow:hover {background-color:#ff8078}

.icon:before, .menu ul li.icons a:before {display:inline-block;width:30px;height:30px;line-height:30px;content:'';background: url(../img/ic_login.png) no-repeat center center;background-size:contain;margin-right:8px;margin-left:-8px;vertical-align:middle;}

.menu ul li.icons a:hover:before, .icon:before {background-image: url(../img/ic_login-green.png)}
.icon:hover:before {background-image: url(../img/ic_login-white.png)}

.footer .menu ul li.icons.become a:before {background-image: url(../img/ic_become.png)}
.icon.become:before, .menu ul li.icons.become a:before, .footer .menu ul li.icons.become a:hover:before {background-image: url(../img/ic_become-white.png)}
.header .menu ul li.icons.become a {color:#fff;border-color:#fff;background-color:transparent!important;}

.menu ul li.icons.signup a:before {background-image: url(../img/ic_signup.png)}
.menu ul li.icons.signup a:hover:before, .icon.signup:before, .icon.signup:hover:before {background-image: url(../img/ic_signup-white.png)}


.menu ul li.icons.schedule a:before, .icon.schedule:before {background-image: url(../img/ic_schedule.png?v1)}
.btnyellow.icon.schedule:before, .menu ul li.icons.schedule a:hover:before {background-image: url(../img/ic_schedule-white.png?v1)}
.btnyellow.icon.schedule:hover:before {background-image: url(../img/ic_schedule-white.png?v1)}

.icon.chat:before {background-image: url(../img/ic_chat-green.png)}
.icon.chat:hover:before {background-image: url(../img/ic_chat-white.png)}

.icon.ic_send:before {background-image: url(../img/ic_send.png)}
.icon.ic_send:hover:before {background-image: url(../img/ic_send.png)}
.icon.ic_time:before {background-image: url(../img/ic_time.png);margin-left:0;}

.icon.ic_message, .icon.ic_download {color:#ff8078!important;display:inline-flex;align-items:center;font-weight:700}
.icon.ic_message:before {background-image: url(../img/ic_message.png)!important;}
.icon.ic_download:before {background-image: url(../img/ic_download.png)!important;}
.icon.ic_photo:before {background-image: url(../img/ic_photo.png)!important;}

.more, .ic_arrow {font-weight:700;padding-right:36px;background: url(../img/ic_arrow.svg) no-repeat right center;background-size:30px auto;display:inline-block;}
.underline {font-weight:700;text-decoration:underline;}
.underline:hover {text-decoration:none;}
.ic_arrow {background-image: url(../img/ic_arrow-small.png);padding-right:18px;background-size: auto;}



/* Header */
.fix {position:fixed;min-width:375px;width:100%;z-index: 99;top:0;left:0;right:0;background:#fff;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.scroll .fix {background: #fff;box-shadow: 0 5px 25px rgba(7,153,181,.1);}
.fix .ic_menu {display:none;cursor:pointer;float:right;}
.fix .inner:after, .footermenu .inner:after, .menu ul:after {display:block;float:none;clear:both;content:'';}

.menu {display:block;width:auto;max-width:calc(100% - 204px);font-weight:700;float:right;}
.footermenu .menu {width:auto;max-width:calc(100% - 204px);}
.menu ul {display:block;margin-left:32px;margin-right:-32px;}
.menu ul li {display:block;float:left;margin-left:32px;margin-right:32px;padding-top:5px;padding-bottom:5px;}
.menu ul li:not(.button) a {display:block;line-height:54px;height:54px;white-space:nowrap;color:#4b4b62;}
.menu ul li:not(.button) a:hover {color:#0196b4;text-decoration:none;}
.menu ul li.button {float:right;}
.menu ul:after {display:none!important;}

@media only screen and (min-width:1061px) {
  .fix .inner, .footermenu .inner {display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:nowrap;}
  .menu, .footermenu .menu {width:calc(100% - 302px);}
  .menu ul {display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-left:32px;margin-right:-16px;}
  .menu ul li {float:none!important;margin-left:16px;margin-right:16px;}
  .menu ul li.button a {float:none;white-space:nowrap;}
}

.logo {display:block;float:left;width:302px;height:auto;aspect-ratio:302/46;text-align:left;text-indent:-9999px;line-height:1em;overflow:hidden;background: url(../img/bwe-logo.png) no-repeat center center;background-size:contain;}


.section {padding-top:60px;padding-bottom:60px;min-height:calc(100vh - 112px);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.dark {background-color:#0196b4;}
.dark h2, .dark h3, .dark h4, .dark h5, .dark p, .dark ul {color:#fff}

/* Promo */
.promo {min-height:100vh;overflow:hidden;background: #fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:110px;box-sizing:border-box;padding-bottom:64px;}
.promo img {width:auto;max-width:100%;margin:0;height:auto;}
.promo p {width:600px;max-width:100%;}

.promo .bg {z-index:3;}
.promo .thumbnail, .about .thumbnail {position:absolute;top:0;left:0;right:0;bottom:0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.about .thumbnail {background-size:contain;}
@media only screen and (max-width:1061px) {
  .promo {display:block;min-height:1px;overflow:hidden;}
  .promo .thumbnail {position:relative;width:200vw;height:50vw;background-position:right center;margin-left:-100vw;margin-right:0;}
}

/* BlueBG */
.bluebg {background: linear-gradient(45deg, rgba(7,153,181,1) 0%,rgba(76,188,194,1) 100%);}
.bluebg h5, .bluebg h2 {color:#fff;}

.pagination {margin-top:60px;display:block;text-align:center;}
.pagination .swiper-pagination-bullet {display:inline-block;width:12px;height:5px;border-radius:5px;background:#6bc4d1;outline:none;border:0;margin:6px;cursor:pointer;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.pagination .swiper-pagination-bullet-active {background:#fff;width:32px;}

.pagination .swiper-pagination-bullet {background:#bde7ed;}
.pagination .swiper-pagination-bullet-active {background: linear-gradient(to right,  rgba(1,150,180,1) 0%,rgba(152,226,208,1) 100%);}
.pag-history .swiper-pagination-bullet-active {background:#fff;}

.ic_pdf {display:inline-block;font-weight:700}
.ic_pdf:before {display:inline-block;width:40px;height:40px;margin-right:8px;vertical-align:middle;background: url(../img/ic_pdf.png) no-repeat center center;background-size:contain;content:''}

/* About */
.about, .develop {background-color:#fff;}
.about ul {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%;}
.about ul li {width:35%;padding-top:48px;padding-bottom:48px;}
.about h2.blue {color:#179fbb;margin-bottom:0;}
.about h3, .about p {margin-bottom:6px;}
.about br {display:none;}
.about img {margin:auto;}
@media only screen and (max-width:1061px) {
  .about ul li {width:48%;}
  .about .thumbnail {opacity:1;left:50%;width:560px;max-width:100vw;transform:translate(-50%,0);}
}

/* Inspiring */
.inspiring img {margin:auto;max-width:100%;width:auto;height:auto;margin-bottom:12px;}

/* Story */
.story {background:#fff url(../img/img_story-texture.png) no-repeat center bottom;}
.story .overimg {margin-left:-6px;}
.story .col100 {padding-top:48px;}
.story ul, .develop ul {display:flex;flex-wrap:wrap;justify-content:center;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);}
.story ul li, .develop li {width:calc((100%/3) - 24px);margin:12px;border-radius:10px;background:#fff;box-shadow:0 5px 25px rgba(7, 153, 181, .10);padding:48px;padding-left:210px;padding-right:24px;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;}
.story ul li h4, .develop ul li h4 {margin-bottom:6px;width:100%;}
.story ul li p {margin:0;width:100%;}
.story ul li br, .develop ul li br {display:none;}
.story ul li p br, .develop ul li p br {display:inline;}
.story ul li .icon {margin-top:6px;}
.story img {max-width:100%;}
.story ul li img {position:absolute;top:50%;left:0;width:210px;height:210px;object-fit:contain;transform:translate(0,-50%);display:block;margin:0;}

/* Develop */
.develop {background:#fff url(../img/img_develop-texture.png) no-repeat center top;background-size:100% auto;}
.develop ul li {padding:24px;display:block;}
.develop ul li img {display:block;width:40%;max-width:100%;height:auto;aspect-ratio:17/10;object-fit:contain;margin:auto;margin-bottom:24px;}
.develop ul li .more {padding:0;width:30px;height:30px;display:inline-block;}
.develop ul li p:last-child {margin-bottom:0;}

table {margin-bottom:24px;overflow:hidden;max-width:100%;width:auto;}
table td, table th {padding:12px;text-align:left;background:transparent;}
table tr:nth-child(odd) td, table tr:nth-child(odd) th {background: #f4fcfd}
table tr {border:2px solid #f4fcfd;}

/* Places */
.places {background:#fff url(../img/img_places-texture.png) no-repeat center left;}
.tab:not(.active) {display:none!important;}
.places h2.smaller {font-size:.8em;}
.places .tabs {display:inline-flex;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.places .tabs li {border:2px solid #e8f9f9;padding:12px;padding-right:40px;padding-left:40px;margin-left:-1px;border-radius: 0;line-height:1.4em;cursor:pointer}
.places .tabs li:first-child {border-radius: 40px 0 0 40px}
.places .tabs li:last-child {border-radius: 0 40px 40px 0;}
.places .tabs li.active {background:#e8f9f9}
.places .tab img {max-width:100%;width:auto;margin:0;}

/* Contact */
.contact {background: #fff url(../img/img_contact-gradient.png) no-repeat bottom center;background-size:100% auto;border-top:3px solid #e8f9f9}
.contact .overimg img {width:auto;max-width:100%;height:auto;margin:auto;}
.contact .contactbox {background:#fff;width:100%;margin-top:48px;padding:48px;border-radius:10px;box-shadow:0 5px 25px rgba(7, 153, 181, .10);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.contact .contactbox .desc {max-width:50%;margin:auto;}
.contact .contactbox p:last-child {margin:0;}
.contact .contactbox img {width:auto;max-width:20%;height:auto;margin:auto;margin-left:0;margin-right:0;}
.form {width:710px;max-width:100%;margin:auto;}
.form .inner {padding-top:16px;padding-bottom:16px;}

/* How */
.how {background:#fff url(../img/img_how-texture.png) no-repeat center center;background-size:100% auto;border:0;}
.how ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.how ul, .how p {z-index:3}
.how ul li {width:20%;margin-right:30%;text-align:left;padding-top:48px;padding-bottom:48px;}
.how ul li:nth-child(even) {margin-left:30%;margin-right:0;text-align:right;}
.how ul li img {margin-bottom:6px;margin-left:0;margin-right:auto;}
.how ul li:nth-child(even) img {margin-left:auto;margin-right:0;}
.how .overimg img {position:absolute;top:0;left:50%;transform:translate(-50%,-100%);max-width:60%;}
.how .favicon {margin:auto;}

/* Gallery */
.gallery {background:#fff url(../img/img_gallery-texture.png) no-repeat bottom center;background-size:100% auto;}
@media only screen and (min-width:1061px) {
  .grid {margin-top:48px;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;aspect-ratio:1400/740}
  .box1 { grid-area: 1 / 1 / 2 / 2; }
  .box2 { grid-area: 1 / 2 / 2 / 3; }
  .box3 { grid-area: 2 / 1 / 4 / 3; }
  .box4 { grid-area: 1 / 3 / 3 / 5; }
  .box5 { grid-area: 3 / 3 / 4 / 4; }
  .box6 { grid-area: 3 / 4 / 4 / 5;}
}
.box {background:#3eb4bf;overflow:hidden;border-radius:10px;}
.box6 {display:flex;align-items:center;justify-content:center;}
.gallery .btnborder {color:#fff;border-color:#fff;}
.gallery .btnborder:hover {background:none;}
.galleryitem {position:absolute;top:0;left:0;right:0;bottom:0;display:block;background-repeat:no-repeat;background-size:cover;background-position:center center;cursor:pointer;}
.box.hidebox  {display:none;}
.box6 .galleryitem {opacity:0;z-index:4}

@media only screen and (max-width:1060px) {
  .grid {display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;}
  .box {margin:12px;}
  .box:not(.box6) {width:calc(50% - 24px);aspect-ratio:1/1;height:auto;}
  .box6 {width:calc(100% - 24px);}
  .box6 .inner {padding:24px;}
  .box5 {display:none}
}

/* Footer */
.footer {background:#fff;}
.footermenu {padding-top:40px;padding-bottom:40px;border-bottom: 3px solid #e8f9f9;}
.footer .copy {padding-top:40px;padding-bottom:40px;}
.footer .copy a {color:#4b4b62;}
.footer .copy a:hover {text-decoration:none;color:#0196b4;}
.footer .copy a img {display:inline-block;margin-left:8px;vertical-align:middle;}

.social-menu {display:inline-block;}
.social-menu ul {margin-left:-12px;margin-right:-12px;}
.social-menu ul li {float:left;margin-left:12px;margin-right:12px;}
.social-menu ul li a {display:block;width:32px;height:32px;overflow:hidden;text-align:left;text-indent:-9999px;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.social-menu ul li.ic_fb a {background-image: url(../img/ic_fb.png)}
.social-menu ul li.ic_ig a {background-image: url(../img/ic_ig.png)}
.social-menu ul li.ic_line a {background-image: url(../img/ic_line.png)}
.social-menu ul li.ic_li a {background-image: url(../img/ic_li.png)}
.social-menu ul li.ic_tw a {background-image: url(../img/ic_tw.png)}

.footer .copy p, .footer .contact-menu, .footer .contact-menu ul li {display:inline-block;}
.footer .copy p {margin-bottom:0;}
.footer .contact-menu ul li {margin-left:12px;margin-right:12px;}
.footer .contact-menu ul {margin-left:12px;border-left:2px solid #ddf3f3;}

@media only screen and (max-width:1400px){
  .footer .contact-menu {display:block;}
  .footer .contact-menu ul {margin-left:-12px;margin-right:-12px;border:0;}
  .footer .copy p {margin-bottom:12px;}
}

/* Layer */
.layer {display: none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-x:hidden;z-index:999;min-width:375px;background: rgba(1,91,108,.95);}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.layer .closelayer {position:fixed;top:0;left:0;bottom:0;right:0;display:block;width:100%;height:100%;}
.layer .ic_close {float:left;height:40px;width:40px;position:absolute;top:24px;right:24px;background: #0196b4 url(../img/close_FILL0_wght400_GRAD0_opsz48_white.svg) no-repeat center center;background-size: 24px auto;display: block;text-align:left;overflow:hidden;text-indent:-9999px;cursor:pointer;border-radius:40px;}
.layer .ic_close:hover {background-color:#0196b4}

.layer .over {max-width: 100%;box-sizing: border-box;display: block;padding: 0;margin: auto;padding:0}
.layer .boxlayer {background:#fff;width: auto;max-width:100%;box-sizing: border-box;text-align:center;padding:56px;height:auto;max-height:none;border-radius:0;width: 920px;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;box-shadow: 0 0 32px rgba(1,91,108,.2);border-radius:20px;}
.layer .cont {width:100%;display:block;min-height:375px;}

.layer .overimg {width:100%;height:100%;display: flex;justify-content:center;align-items:center;}
.layer .overmovie {display:block;width:800px;max-width:100%;}
.layer .overiframe {display:block;width:100%;padding-bottom:65%;height:0;box-shadow: 0 0 32px rgba(1,91,108,.2);}
.layer .overmovie iframe, .layer .overmovie video {width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:0;outline:none;}

.gallery_layer .swiper-container .inimg {max-width: 100%;max-height: 100%;margin: auto;z-index: 2;}
.gallery_layer .swiper-container img { max-width: 100%;max-height: 100vh;height: auto;width: auto;margin: auto;}

/* Spinner */
.spinner {width: 48px;height:48px;margin:auto;border-radius: 48px;border: 4px solid #e8f9f9;box-sizing:border-box;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.spinner:after {display:block;width:48px;height:48px;border-radius: 48px;border:4px solid transparent;border-top-color:#0196b4;content:'';position:absolute;top:50%;left:50%;box-sizing:border-box;margin-left:-24px;margin-top:-24px;animation: spin 3s linear infinite;}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: center;display: flex; justify-content: center;flex-shrink: 0;}
.swiper-button-disabled {opacity:0;cursor:default!important;}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}

.next, .prev {display:block;width:48px;height:48px;position:absolute;top:50%;left:-64px;transform:translate(0,-50%);background: url(../img/ic_arrow-left.png) no-repeat center center;background-size:contain;cursor:pointer;z-index:9}
.next {left:auto;right:-64px;transform: translate(0,-50%) rotate(180deg)}

.layer .next, .layer .prev {width:24px!important;height:24px!important;}
.layer .next {right:12px!important;}
.layer .prev {left:12px!important;}

@media only screen and (min-width:1341px){
  .noscroll.opened {overflow-y:auto!important;}
}

@media only screen and (max-width:1340px) {
body,html, .faq .toggle ul li h3, .btn, .menu ul li.button a {font-size:14px;}
h1, h2 {font-size: 56px;line-height:60px;}
h3 {font-size: 22px;line-height:28px;}
h3.large {font-size: 34px;line-height:40px;}
h4 {font-size:18px;line-height:22px;}
h5 {font-size: 14px;line-height:20px;margin-bottom:12px;}
input, textarea, select {font-size: 14px;line-height:20px;padding-top:10px;padding-bottom:10px;}
label {font-size: 12px;line-height:16px;}
.menu ul {margin-right:-16px;}
.menu ul li {margin-left:16px;margin-right:16px;}
.countgrad {font-size:130px;line-height:130px;}
}

@media only screen and (min-width:1061px) {
.mobile {display:none!important;}
}

@media only screen and (max-width:1060px) {
.next, .prev {width:24px;height:24px;}
.prev {left:-48px;}
.next {right: -48px;}
.layer .ic_close {top:12px;right:12px;}
.desktop {display:none!important;}
h1, h2 {font-size: 40px;line-height:45px;}
.btn {padding-left:24px;padding-right:24px;}
.tag {top:-72px;}
.logo {width:200px;height:48px;aspect-ratio:200/48}
.footer .logo {float:none;margin:auto;margin-bottom:24px;}
.bg {width:560px!important;}
.header .bg {padding-top:0;padding-bottom:0;}
.section {min-height:1px;padding-top:24px;padding-bottom:24px;}
.fix .menu  {display:none;width:100%;max-width:100%;margin:0;float:none;clear:both;padding-top:40px;padding-bottom:40px;}
.fix .menu ul {margin:0;}
.fix .menu ul li {margin:0;display:block;float:none!important;padding-top:0;padding-bottom:0;}
.fix .menu ul li.button,  .footer .menu ul li.button {padding-top: 16px;}
.fix .menu ul li a {display:inline-block;}
.fix .ic_menu {display:block;line-height:48px;height:48px;width:48px;text-transform:uppercase;font-size: 14px;font-weight:700;color:#0196b4;float:right;overflow:hidden;border-radius:100%;text-indent:-99999px;text-align:left;border-radius: 54px;background:transparent;border: 2px solid #0196b4;}
.fix .ic_menu:before {display:block;position:absolute;top:-2px;left:-2px;width:48px;height:48px;background: url(../img/menu_FILL0_wght400_GRAD0_opsz48.svg) no-repeat center center;background-size: 24px auto;content:''}
.opened .fix .ic_menu:before {background-image:url(../img/close_FILL0_wght400_GRAD0_opsz48.svg);}
.opened .fix {background: #fff;height:100%;overflow-x:hidden;}
.opened .fix .menu {display:block;}

.footer .menu {width:100%;max-width:100%;margin:0;float:none;}
.footer .menu ul {margin:0;}
.footer .menu ul li {float:none!important;display:block;padding-top:0;padding-bottom:0;margin:0;}
.footer .menu ul li.icons {display:block;}
.footer .menu ul li.icons a {display:inline-block;}
.footer .col50 {width:100%;}
.footer .col50 .inner {text-align:center!important;margin:0;}
.footer .copy {padding-top:12px;padding-bottom:12px;}

.promo {padding-top:72px;padding-bottom:72px;}
.promo .col50, .contact .col50 {width:100%;}
.promo .order1 {order:1}
.promo .order2 {order:2}
.promo .overimg {margin:0;margin-bottom:12px;}
.promo .overimg img {max-width:100%;margin:auto;width:400px;}

.promo .order1 p {display:none!important;}
.promo .order3 h1, .promo .order3 h5 {display:none!important;}

.ic_pdf:before {width:24px;height:24px;}

.contact .contactbox {display:block;padding:24px;}
.contact .contactbox img {margin:auto;max-width:25%;}
.contact .overimg img {max-width:80%;}
.contact .contactbox .desc {max-width:100%;padding-top:12px;padding-bottom:12px;}

.story .col50 {width:100%;}
.story .col100 {padding:0;}
.story ul li, .develop ul li {width:calc(100% - 24px);padding:24px;padding-left:150px;}
.develop ul li {padding:24px;}
.story ul li img {width:150px;height:150px;}
.how ul li {width:48%!important;margin:0!important;padding-top:12px;padding-bottom:12px;}
.how .overimg img {position:relative;margin:auto;transform:none;top:auto;left:auto;max-width:100%}
.how p {position:static;}
.how .btn {position:absolute;bottom:0;left:50%;transform:translate(-50%,0);flex-wrap:nowrap;z-index:5;white-space:nowrap;}
.places .col50 {width:100%;}
.places table {width:100%;}
.places .tabs {display:block;width:100%;}
.places .tabs li {width:100%;display:block;border-radius:0;padding-left:24px;padding-right:24px;text-align:center;margin:0;margin-top:-1px;}
.places .tabs li:first-child {border-radius: 10px 10px 0 0;}
.places .tabs li:last-child {border-radius: 0 0 10px 10px;}
}

@media only screen and (max-width:420px) {
  .form .col50 {width:100%;}
  .layer .boxlayer {padding:24px;}
  .layer h2 {padding-right:40px;}
}

#wpadminbar, .otgs-development-site-front-end {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block;}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:#ff6600!important}
.wpcf7-not-valid-tip {font-size: 14px!important;color:#ff6600!important;display: inline-block;padding-top:4px;padding-bottom:0;}
.wpcf7 form .wpcf7-response-output {margin:0!important;padding:12px!important;border:0!important;text-align:left;}
@media only screen and (max-width:1340px) {
  .wpcf7-not-valid-tip {font-size:10px!important;}
}

.wpcf7-acceptance label {margin:0;padding-left:32px;font-weight:400;display:block;text-transform:none;color:#4b4b62;padding-top:0;}
.wpcf7-acceptance label .wpcf7-list-item-label {display: block;position:static;cursor:pointer;}
.wpcf7-acceptance label .wpcf7-list-item-label:before {display: block;content:'';width: 18px;height:18px;border-radius: 4px;position:absolute;top:50%;left:0;box-shadow:none;background:#fff;border:3px solid #e8f9f9;box-shadow: 0 5px 25px rgba(7,153,181,.1);transform:translate(0,-50%)}
.wpcf7-acceptance label .wpcf7-list-item-label:after {display: block;content:'';width: 24px;height:24px;border-radius: 4px;position:absolute;top:50%;left:0;background:#0196b4 url(../img/check_FILL0_wght400_GRAD0_opsz48.svg?v1) no-repeat center center;background-size: contain;opacity:0;border-color:#0196b4;transform:translate(0,-50%)}
.wpcf7-acceptance label input:checked ~ .wpcf7-list-item-label:after {opacity:1;}

@media only screen and (min-width:1341px) {
  html.th, .th body {font-size:22px;}
  .th label {font-size:20px;}
}

html.th, .th body {
  font-family: 'Helvethaica','Quicksand',sans-serif;
  letter-spacing:.04em;
}
.th h1, .th h2, .th h3, .th H4, .th h5, .th h6, .th .btn, .th .menu ul li.button a, .th ol.tabs, .th .more, .th .ic_arrow {
  font-family: 'Mitr','Quicksand',sans-serif;
  letter-spacing: 0;
}
.th .menu ul li:not(.button) a {
  font-weight:400;
}

.openmoviemp4 {cursor:pointer;}
.contact .wpcf7-form {overflow:visible;}
.wpcf7-list-item {display:block;margin:0;}