.main-svg-sprite{
display:none;
}
.svg-icon{
display:inline-block;
width:24px;
height:24px;
fill:currentColor;
font-size:0;
}
.svg-icon__link{
vertical-align:top;
fill:inherit;
width:inherit;
height:inherit;
}
.app-footer{
-ms-flex:none;
-webkit-box-flex:0;
-webkit-flex:none;
flex:none;
background:#00e1c9;
color:#000;
font-weight:300;
line-height:1.2;
font-size:4vw;
font-size:20px;
padding:25px 0 120px;
}
.app-footer__logo img{
width:100%;
max-width:258px !important;
}
html,
body{
margin:0;
padding:0;
}
html{
min-height:100%;
min-height:100vh;
font-size:20px;
}
.app{
display:-ms-flexbox;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-ms-flex-direction:column;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
flex-direction:column;
height:100%;
height:100vh;
font-family:'Rubik', sans-serif;
font-weight:400;
font-size:18px;
line-height:1.38;
background:#fff;
color:#000;
padding-top:143px;
}
.app__wrapper{
display:-ms-flexbox;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-ms-flex-direction:column;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
flex-direction:column;
height:100%;
height:100vh;
}
.app__content{
-ms-flex:1 0 auto;
-webkit-box-flex:1;
-webkit-flex:1 0 auto;
flex:1 0 auto;
}
.app img{
max-width:100%;
}
.app ul,
.app ol{
padding:0;
margin:0;
list-style:none;
}
.app__main{
position:relative;
overflow:hidden;
-webkit-overflow-scrolling:touch;
}
.wpcf7-acceptance label{
display:block;
cursor:pointer;
padding-left:30px;
position:relative;
font-size:15px;
line-height:1.3;
}
.wpcf7-acceptance label input{
position:absolute;
left:0;
top:0;
opacity:0;
cursor:pointer;
z-index:1;
}
.wpcf7-acceptance label input:checked + .wpcf7-list-item-label:before{
opacity:1;
}
.wpcf7-acceptance .wpcf7-list-item-label:after{
content:'';
position:absolute;
display:block;
width:20px;
height:20px;
border:2px solid #111;
left:0;
top:0;
}
.wpcf7-acceptance .wpcf7-list-item-label:before{
content:'';
display:block;
position:absolute;
width:12px;
height:6px;
left:4px;
top:6px;
opacity:0;
border-left:2px solid #111;
border-bottom:2px solid #111;
margin-top:-1px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.btn1{
border:none;
background:#b5c2b5;
color:#fff;
padding:8px 35px;
display:-ms-inline-flexbox;
display:-webkit-inline-box;
display:-webkit-inline-flex;
display:inline-flex;
-ms-flex-align:center;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
justify-content:center;
text-align:center;
text-decoration:none;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.btn1:hover,
.btn1:focus{
background:#23668d;
color:#fff;
text-decoration:none;
}
.b-form{
background:#00e2c9 url("../img/bg_form.jpg") 50% 0 no-repeat;
-webkit-background-size:cover;
background-size:cover;
padding:25px 0 35px;
position:relative;
}
.b-form.is-fixed{
top: 60px;
left:0;
right:0;
position:fixed;
z-index:4;
padding:10px 0 5px;
}
.b-form.is-fixed .b-form__block{margin-top: 0px!important;}
.b-form__title{
color:#1a2a57;
font-size:35px;
font-weight:700;
line-height:1;
}
.b-form .form-control{
border-color:#fff;
height:31px;
padding:0 18px;
color:#d1d3d4;
font-size:22px;
font-weight:400;
line-height:1;
max-width:196px;
}
.b-form .form-control::-webkit-input-placeholder{
color:#d1d3d4;
}
.b-form .form-control::-moz-placeholder{
color:#d1d3d4;
}
.b-form .form-control:-ms-input-placeholder{
color:#d1d3d4;
}
.b-form .form-control::-ms-input-placeholder{
color:#d1d3d4;
}
.b-form .form-control::placeholder{
color:#d1d3d4;
}
.b-form__btn{
padding:5px 23px;
color:#ffd700;
background:#f41e26;
border-radius:18px;
display:-ms-inline-flexbox;
display:-webkit-inline-box;
display:-webkit-inline-flex;
display:inline-flex;
-ms-flex-align:center;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-shadow:0 4px 0 #1f191a;
box-shadow:0 4px 0 #1f191a;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
font-weight:500;
font-size:24px;
height:38px;
white-space:nowrap;
text-shadow:2px 2px 2px #000;
}
.b-form__btn:hover,
.b-form__btn:focus{
-webkit-box-shadow:0 0px 0 #1f191a;
box-shadow:0 0px 0 #1f191a;
color:#ffd700;
background:#ef0e08;
}
.b-form__trigger{
min-width:30px;
min-height:30px;
width:8vw;
height:8vw;
max-width:40px;
max-height:40px;
left:50%;
bottom:-5px;
background:#fff;
-webkit-transform:translate(-50%, 50%);
-ms-transform:translate(-50%, 50%);
-o-transform:translate(-50%, 50%);
transform:translate(-50%, 50%);
z-index:2;
border-radius:50%;
-webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.4);
box-shadow:4px 4px 8px rgba(0,0,0,0.4);
}
.b-form__trigger:before,
.b-form__trigger:after{
content:'';
display:block;
position:absolute;
top:50%;
width:40%;
height:2px;
margin:-1px 0 0 0;
background:#000;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.b-form__trigger:before{
left:50%;
margin-left:-6.5%;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.b-form__trigger:after{
right:50%;
margin-right:-6.5%;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.b-map{
margin:270px 0 380px;
z-index:1;
padding-top:110px;
}
.b-map__part{
top:-110px;
left:-10px;
width:568px;
height:387px;
padding:10px 35px;
background:url("../img/map_title.png") 0 0 no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
}
.b-map__part:before{
content:'';
display:block;
position:absolute;
width:576px;
height:472px;
left:-120px;
top:-100px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-map__container:before{
content:'';
display:block;
position:absolute;
width:1181px;
height:967px;
right:-880px;
top:-561px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-map__title{
color:#000;
font-size:87px;
font-weight:500;
line-height:1;
margin-bottom:10px;
}
.b-map__text{
font-size:29px;
font-weight:300;
line-height:1.2;
}
.b-info{
margin:200px 0;
}
.b-info__title{
width:927px;
height:276px;
background:url("../img/info_title.png") 0 0 no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
font-size:118px;
font-weight:500;
line-height:1;
padding-top:30px;
margin-bottom:80px;
}
.b-info__title:before{
content:'';
display:block;
position:absolute;
width:576px;
height:472px;
left:-197px;
top:-114px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-info__col-img{
height:115px;
}
.b-info__col-img img{
max-height:100%;
}
.b-info__col-title{
font-size:50px;
font-weight:500;
line-height:1.1;
margin-bottom:20px;
}
.b-info__col-text{
font-size:23px;
font-weight:400;
line-height:1.3;
}
.b-block1{
margin:140px 0 280px;
padding-top:140px;
}
.b-block1 img{
width:100%;
}
.b-block1__container{
position:relative;
padding-right:300px;
}
.b-block1__part{
width:800px;
height:619px;
background:url("../img/title1.png") 0 0 no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
padding:30px 60px;
position:absolute;
top:-147px;
right:-80px;
}
.b-block1__part:before{
content:'';
display:block;
position:absolute;
width:626px;
height:513px;
left:174px;
top:147px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-block1__title{
font-size:82px;
font-weight:500;
line-height:84px;
margin-bottom:20px;
}
.b-block1__text{
font-weight:400;
font-size:27px;
line-height:36px;
}
.b-block1__img{
position:relative;
}
.b-block1__img-text{
color:#fff;
position:absolute;
font-size:14px;
font-weight:400;
line-height:1;
left:0;
top:0;
-webkit-transform:rotate(-90deg) translate(-100%, 10px);
-ms-transform:rotate(-90deg) translate(-100%, 10px);
-o-transform:rotate(-90deg) translate(-100%, 10px);
transform:rotate(-90deg) translate(-100%, 10px);
-webkit-transform-origin:left;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left;
}
.b-block2{
margin:400px 0 300px;
}
.b-block2 img{
width:100%;
}
.b-block2__container{
position:relative;
padding-left:300px;
}
.b-block2__part{
width:827px;
height:484px;
background:url("../img/title2.png") 0 0 no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
padding:40px 60px;
position:absolute;
top:-120px;
left:-80px;
}
.b-block2__part:before{
content:'';
display:block;
position:absolute;
width:1040px;
height:853px;
left:-682px;
top:-524px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-block2__title{
font-size:82px;
font-weight:500;
line-height:84px;
margin-bottom:20px;
}
.b-block2__text{
font-size:27px;
font-weight:400;
line-height:1.2;
}
.b-block2__img{
position:relative;
}
.b-block2__img:before{
content:'';
display:block;
position:absolute;
width:1040px;
height:853px;
right:-663px;
top:161px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-block3{
margin:300px 0 330px;
}
.b-block3 img{
width:100%;
}
.b-block3__container{
position:relative;
padding-right:300px;
}
.b-block3__part{
width:695px;
height:354px;
background:url("../img/title3.png") 0 0 no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
padding:145px 40px 0 60px;
position:absolute;
top:313px;
right:0;
}
.b-block3__part:before{
content:'';
display:block;
position:absolute;
width:616px;
height:505px;
left:-10px;
top:-170px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-block3__title{
font-size:82px;
font-weight:500;
line-height:84px;
margin-bottom:20px;
}
.b-block3__text{
font-size:27px;
font-weight:400;
line-height:36px;
}
.app-header{
-ms-flex:none;
-webkit-box-flex:0;
-webkit-flex:none;
flex:none;
left:0;
right:0;
top:0;
z-index:10;
background-color:#fff;
}
.app-header__container{
height:143px;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.app-header__list{
font-size:28px;
font-weight:400;
line-height:1;
}
.app-header__list a{
color:#000;
text-decoration:none;
padding-bottom:10px;
position:relative;
}
.app-header__list a:after{
content:'';
display:block;
height:3px;
background:#d71e24;
margin-top:7px;
opacity:0;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.app-header__list li a:hover,
.app-header__list li a.is-active,
.app-header__list li a:focus{
text-decoration:none;
}
.app-header__list li a:hover:after,
.app-header__list li a.is-active:after,
.app-header__list li a:focus:after{
opacity:1;
}
.app-header__logo img{
max-height:73px;
width:230px;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.b-header__phone {
font-weight: 700;
text-decoration: none;
color: #d61e24;
font-size: 30px;
background: transparent;
border: 0;
padding: 0;
}
.app-header__trigger{
padding:10px;
margin:0 -10px;
}
.app-header__trigger img{
width:26px;
}
.app-header__trigger.is-opened img{
opacity:0;
}
.app-header__trigger.is-opened:before,
.app-header__trigger.is-opened:after{
opacity:1;
}
.app-header__trigger img{
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.app-header__trigger:before,
.app-header__trigger:after{
content:'';
display:block;
position:absolute;
width:80%;
height:2px;
background:#000;
left:50%;
top:50%;
margin:-1px 0 0 -40%;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
opacity:0;
}
.app-header__trigger:before{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.app-header__trigger:after{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.b-first{
font-size:0;
line-height:0;
background:#ffc430;
min-height:33vw;
z-index:1;
overflow:hidden;
}
.b-first--thanks{
height:-webkit-calc(100vh - 143px);
height:calc(100vh - 143px);
padding-bottom:143px;
min-height:1px !important;
}
.b-first--thanks h1{
font-size:8vw;
font-weight:bold;
color:#fff;
line-height:1;
text-shadow:4px 4px 6px #000;
}
.b-first--thanks h2{
font-size:2.8vw;
color:#fff;
line-height:1;
text-shadow:4px 4px 6px #000;
}
.b-first lottie-player{
left:12vw;
bottom:0;
width:50vw;
}
.b-first__bg--1{
right:-10px;
bottom:-10px;
z-index:1;
}
.b-first__bg--1 img{
width:50vw;
}
.b-first__bg--2{
left:-5vw;
right:-5vw;
top:-5vw;
bottom:-5vw;
z-index:-1;
}
.b-first__bg--2 img{
width:100%;
height:100%;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.b-first__bg--5{
left:50%;
top:50%;
z-index:-1;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.b-first video{
max-width:100%;
width:100%;
}
.b-first__phone{
left:10px;
top:100px;
z-index:5;
background: transparent;
border: 0;
padding: 0;
}
.b-first__whatsapp{
left:5px;
top:140px;
z-index:5;
}
.b-first__whatsapp img{
width: 42px;
}
.b-first__phone img{
width:32px;
}
.b-video{
z-index:1;
}
.b-video__block{
-webkit-background-size:cover;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 50%;
margin:0 auto;
cursor:pointer;
}
.b-video__block:before{
content:'';
display:block;
padding-top:53.2%;
}
.b-video__icon{
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.modal .modal-content{
background:#000;
}
.modal#telPopup .modal-content,.modal#telPopupMob .modal-content {
background: url(../images/popup-bg.jpg) center no-repeat;
border: 0;
border-radius: 0;
width: 400px;
min-height: 450px;
margin: 0 auto;
}
.modal .modal-body{
padding:0;
display:-ms-flexbox;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-ms-flex-align:center;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
}
.modal#telPopup .modal-body,
.modal#telPopupMob .modal-body {
padding: 1rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal#telPopup .modal-content p,
.modal#telPopupMob .modal-content p {font-size: 4.5vmin;font-weight: 700;line-height: 1;text-align: center;}
.modal .close {
top: 0;
margin: 5px;
right: 0;
right: 0;
width: 30px;
background: transparent;
border: 0;
font-size: 35px;
line-height: 30px;
height: 30px;
padding: 0;
position: absolute;
}
.modal#videoPopup .close{
top:0;
margin:5px;
width:50px;
height:50px;
border-radius:50%;
background:#f41e26;
border:none;
z-index:2;
}
.modal#videoPopup .close svg{
fill:#fff;
}
.grecaptcha-badge{
visibility:hidden;
}
.app-footer__btn{
padding:5px 23px;
color:#fff;
background:#f41e26;
border-radius:18px;
display:-ms-inline-flexbox;
display:-webkit-inline-box;
display:-webkit-inline-flex;
display:inline-flex;
-ms-flex-align:center;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
-ms-flex-pack:center;
-webkit-box-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-shadow:0 4px 0 #1f191a;
box-shadow:0 4px 0 #1f191a;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
font-weight:500;
font-size:inherit;
}
.app-footer__btn:hover,
.app-footer__btn:focus{
-webkit-box-shadow:0 0px 0 #1f191a;
box-shadow:0 0px 0 #1f191a;
color:#fff;
background:#ef0e08;
}
.app.article{
padding-top:0 !important;
}
.b-block4{
font-size:16px;
font-weight:400;
line-height:1.2;
}
.b-block4--blue{
background:#cff9f5;
}
.b-block4 h3{
font-size:135%;
font-weight:700;
margin:0;
}
.b-block4 img{
width:100%;
}
.article-header{
-webkit-background-size:cover;
background-size:cover;
background-repeat:no-repeat;
background-position:50% 0;
padding:60px 0 150px;
font-size:24px;
}
.article-header h1{
font-size:77px;
font-weight:600;
margin:0;
line-height:1.1;
font-size:148%;
}
.article-header h2{
font-weight:600;
margin:0;
line-height:1.1;
font-size:100%;
}
.article-header__text{
max-width:820px;
}
@media (min-width: 576px){
.position-sm-static{
position:static !important;
}
.position-sm-relative{
position:relative !important;
}
.position-sm-absolute{
position:absolute !important;
}
.position-sm-fixed{
position:fixed !important;
}
.position-sm-sticky{
position:-webkit-sticky !important;
position:sticky !important;
}
}
@media (min-width: 768px){
.position-md-static{
position:static !important;
}
.position-md-relative{
position:relative !important;
}
.position-md-absolute{
position:absolute !important;
}
.position-md-fixed{
position:fixed !important;
}
.position-md-sticky{
position:-webkit-sticky !important;
position:sticky !important;
}
}
@media screen and (min-width: 768px){
.b-form__block{
height:auto !important;
}
.b-form__item--check{
position:absolute;
right:0;
top:100%;
margin-top:-10px;
}
.article-header{
padding:60px 0 200px;
}
}
@media (min-width: 992px){
.position-lg-static{
position:static !important;
}
.position-lg-relative{
position:relative !important;
}
.position-lg-absolute{
position:absolute !important;
}
.position-lg-fixed{
position:fixed !important;
}
.position-lg-sticky{
position:-webkit-sticky !important;
position:sticky !important;
}
}
@media screen and (min-width: 992px){
.app.article .app-footer{
padding:80px 0 120px;
}
.b-block4{
font-size:20px;
}
.article-header{
padding:60px 0 250px;
font-size:40px;
}
}
@media (min-width: 1200px){
.position-xl-static{
position:static !important;
}
.position-xl-relative{
position:relative !important;
}
.position-xl-absolute{
position:absolute !important;
}
.position-xl-fixed{
position:fixed !important;
}
.position-xl-sticky{
position:-webkit-sticky !important;
position:sticky !important;
}
}
@media screen and (min-width: 1200px){
.b-map__container{
padding-left:284px;
}
.app-header__container{
max-width:1280px !important;
}
.app-header.is-scroll .app-header__container{
height:60px;
}
.app-header.is-scroll .app-header__logo img {
max-height: 50px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1380px){
.container{
max-width:991px;
}
}
@media screen and (min-width: 1381px){
.app-footer{
padding:85px 0 170px;
font-size:30px;
}
.container{
max-width:1530px;
}
.b-map__container{
padding-left:494px;
}
.b-block4{
font-size:28px;
}
.article-header{
font-size:52px;
}
}
@media screen and (min-width: 1481px){
.b-block1__container{
padding-right:530px;
}
.b-block2__container{
padding-left:580px;
}
.b-block3__container{
padding-right:610px;
}
.app.article .container{
max-width:1460px;
}
.article-header .container{
max-width:1360px !important;
padding-right:100px !important;
}
}
@media screen and (max-width: 1580px){
.b-block2__part{
left:-50px;
width:700px;
height:360px;
}
.b-block2__text{
font-size:21px;
line-height:1.2;
}
}
@media screen and (max-width: 1380px){
.app{
padding-top:100px;
}
.b-map{
margin:140px 0;
}
.b-map__title{
font-size:50px;
line-height:1.2;
margin:0;
}
.b-map__text{
font-size:18px;
line-height:1.2;
}
.b-map__part{
width:360px;
height:245px;
padding:5px 35px;
}
.b-info__col-img{
height:80px;
width:70px;
}
.b-info__col-title{
font-size:30px;
}
.b-info__col-text{
font-size:16px;
}
.b-block1{
margin:140px 0 140px;
}
.b-block1__title{
font-size:50px;
line-height:1.2;
}
.b-block1__text{
font-size:18px;
line-height:1.2;
}
.b-block1__part{
width:540px;
height:420px;
top:-300px;
}
.b-block2{
margin:140px 0 140px;
}
.b-block2__title{
font-size:50px;
line-height:1.2;
}
.b-block2__text{
font-size:18px;
line-height:1.2;
}
.b-block2__part{
width:520px;
height:300px;
padding:25px 40px;
}
.b-block3{
margin:140px 0 140px;
}
.b-block3__title{
font-size:50px;
line-height:1.2;
}
.b-block3__text{
font-size:18px;
line-height:1.2;
}
.b-block3__part{
width:510px;
height:260px;
padding:105px 40px 0 60px;
}
.app-header__container{
height:100px;
}
}
@media screen and (max-width: 1199px){
.b-first--thanks{
height:-webkit-calc(100vh - 47px);
height:calc(100vh - 47px);
padding-bottom:47px;
}
.app{
padding-top:47px;
}
.b-map{
padding:0;
margin:100px 0;
}
.b-map__part{
top:0;
margin-bottom:-50px;
}
.b-map__container:before{
width:378px;
height:310px;
right:-240px;
top:-192px;
}
.b-block1{
margin:100px 0;
padding:300px 0 0;
}
.b-block1__container{
padding:0 100px 0 0;
}
.b-block1__part{
top:-400px;
}
.b-block2{
margin:100px 0;
padding:200px 0 0;
}
.b-block2__container{
padding-left:100px;
}
.b-block2__part{
top:-260px;
}
.b-block3__container{
padding-right:100px;
}
.app-header__container{
height:47px;
}
.app-header__logo img{
max-height:27px;
width:86px;
}
.app-header__list{
background:#fff;
top:46px;
left:0;
right:0;
bottom:0;
opacity:0;
visibility:hidden;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.app-header__list.is-opened{
opacity:1;
visibility:visible;
}
.b-video__icon img{
max-width:20vw;
}
.b-video__block:before{
padding-top:52.2%;
}
}
@media screen and (max-width: 1090px){
.app-footer__logo img{
max-height:10vw;
}
}
@media screen and (max-width: 991px){
.b-first{
min-height:59vw;
}
.app-footer{
padding-bottom:60px;
}
.b-info{
margin:70px 0;
}
.b-info__title{
font-size:41px;
font-weight:600;
line-height:27px;
width:324px;
height:97px;
margin-bottom:36px;
padding-top:20px;
}
.b-info__title:before{
width:202px;
height:165px;
left:-48px;
top:-48px;
}
.b-info__col-img{
height:50px;
}
.b-info__col-title{
font-size:20px;
font-weight:500;
line-height:22px;
margin-bottom:2px;
}
.b-info__col-text{
font-size:12px;
font-weight:300;
line-height:14px;
}
.b-first lottie-player{
left:0;
width:90vw;
z-index:2;
}
.b-first__bg--2{
left:0;
}
}
@media screen and (max-width: 767px){
.b-first--thanks h2{
font-size:4.8vw;
margin-bottom:0px;
}
.b-first--thanks h1{
font-size:10vw;
margin-bottom:0px;
}
.b-form .form-control{
font-size:17px;
}
.b-form{
padding:20px 0;
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.b-form-wrap{
min-height:380px;
}
.b-form__item{
width:100%;
}
.b-form__item--check{
font-size:15px;
}
.b-form__item--check .form-check{
text-align:right;
}
.b-form .form-control{
max-width:213px;
margin:0 auto;
}
.b-form__title{
font-size:5vw;
}
.b-form__block{
margin-bottom:30px;
}
.b-form.is-close .b-form__trigger:before{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.b-form.is-close .b-form__trigger:after{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.b-form + *{
-webkit-transition:0.4s ease all;
-o-transition:0.4s ease all;
transition:0.4s ease all;
}
.b-form.is-fixed{
top:47px;
left:0;
right:0;
position:fixed;
z-index:4;
padding:10px 0 5px;
max-height:-webkit-calc(100vh - 47px);
max-height:calc(100vh - 47px);
}
.b-form.is-fixed + *{
padding-top:150px;
}
.b-form__container{
max-width:100% !important;
}
.b-form.is-fixed .b-form__container{
max-height:-webkit-calc(100vh - 87px);
max-height:calc(100vh - 87px);
overflow-y:auto;
-webkit-overflow-scrolling:touch;
}
.b-map{
margin:40px 0;
}
.b-map__part{
width:242px;
height:165px;
padding:10px 20px;
margin-bottom:-30px;
}
.b-map__part:before{
width:202px;
height:165px;
top:10px;
left:-28px;
}
.b-map__title{
font-size:30px;
font-weight:500;
line-height:1;
margin:0;
}
.b-map__text{
font-size:13px;
font-weight:300;
line-height:1.2;
}
.b-block1__img-text{
left:auto;
right:0;
-webkit-transform:rotate(-90deg) translate(-20px, -7px);
-ms-transform:rotate(-90deg) translate(-20px, -7px);
-o-transform:rotate(-90deg) translate(-20px, -7px);
transform:rotate(-90deg) translate(-20px, -7px);
-webkit-transform-origin:right;
-ms-transform-origin:right;
-o-transform-origin:right;
transform-origin:right;
font-size:6px;
}
.b-block1{
padding-top:240px;
margin:0 0 40px;
}
.b-block1__part{
width:330px;
height:267px;
top:-240px;
right:-20px;
padding:20px 40px 30px 40px;
}
.b-block1__part:before{
width:233px;
height:191px;
top:48px;
left:-60px;
}
.b-block1__title{
font-size:26px;
font-weight:500;
line-height:27px;
margin:0;
}
.b-block1__text{
font-weight:300;
font-size:15px;
line-height:1.2;
}
.b-block1__text b{
font-weight:500;
}
.b-block2{
padding-top:200px;
margin:40px 0;
}
.b-block2__container{
padding-left:40px;
}
.b-block2__part{
width:371px;
height:246px;
top:-200px;
left:-40px;
padding:15px 20px 10px 20px;
}
.b-block2__part:before{
width:364px;
height:298px;
top:-168px;
left:275px;
}
.b-block2__title{
font-size:26px;
font-weight:500;
line-height:27px;
margin:0;
}
.b-block2__text{
font-size:14px;
font-weight:300;
line-height:1.2;
}
.b-block2__text b{
font-weight:500;
}
.b-block2__img:before{
content:'';
display:block;
position:absolute;
width:378px;
height:310px;
right:auto;
left:-280px;
top:70px;
background:url("../img/bg.png") 50% 50% no-repeat;
-webkit-background-size:100% 100%;
background-size:100% 100%;
z-index:-1;
}
.b-block3{
margin:40px 0 120px;
}
.b-block3__container{
padding-right:40px;
}
.b-block3__part{
width:265px;
height:164px;
top:100%;
margin-top:-34px;
right:10px;
padding:55px 30px 0 40px;
}
.b-block3__part:before{
width:233px;
height:191px;
top:0;
left:-40px;
}
.b-block3__title{
font-size:26px;
font-weight:500;
line-height:27px;
margin:0;
}
.b-block3__text{
font-weight:300;
font-size:14px;
line-height:1.2;
}
.b-block3__text p{
margin-bottom:10px;
}
.b-block3__text b{
font-weight:500;
}
.modal#telPopup .modal-content,
.modal#telPopupMob .modal-content {
width: 250px;
min-height: 300px;
}
.modal#telPopup .modal-content p,
.modal#telPopupMob .modal-content p {
font-size: 29px;
}
}
@media screen and (max-width: 575px){
.app.article #accessibility-btn{
top:0;
background:#30e1ca;
left:0;
right:auto;
}
.app.article #accessibility-btn.open{
left:0;
}
.app.article .accessibility-menu{
top:44px;
}
}
@media screen and (max-width: 540px){
.b-block2__part{
left:auto;
right:-10px;
}
}
@media screen and (max-width: 480px){
.b-info br{
display:none;
}
}