body{
font-size:6.4vw;
line-height:8vw
}
.wrapper{
background:url(../images/promo.jpg) 90% 52vw/197.3333vw no-repeat
}
.widfix{
width:89.6vw
}
.header{
padding-top:5.3333vw
}
.logo{
width:46.9333vw;
height:15.4667vw
}
.content{
padding:0 0 55vw
}
#promo{
height:157.0667vw;
margin-bottom:8vw;
margin-top:-15.7333vw;
padding-top:20.8vw
}
#promo h1{
font:500 11.2vw/9.8667vw "Google Sans";
width:100%
}
#promo h1 b{
font:italic 400 21vw/16vw "EB Garamond"
}
#promo .description{
top:initial;
bottom:0;
left:0;
width:100%;
padding:3.7333vw 5.3333vw 3.7333vw 14.6667vw;
font:400 4.2667vw/5.3333vw "Google Sans";
border-radius:8vw
}
#promo .description:before{
width:6.9333vw;
height:5.3333vw;
top:4.2667vw;
left:4.8vw
}
#promo .btn{
width:54.9333vw;
padding:2.9333vw 13.3333vw 2.9333vw 4.2667vw;
font:500 4.2667vw/5.3333vw "Google Sans";
border-radius:5.3333vw;
height:24.8vw;
bottom:initial;
top:73.8667vw;
}
#promo .btn:after{
width:8.5333vw;
height:6.4vw;
top:3.2vw;
right:2.1333vw
}
#about h2{
font:500 10.6667vw/100% "Google Sans";
padding:0;
margin-bottom:3.2vw
}
#about .grey_box{
width:100%;
margin-right:0;
padding:6.1333vw 6.1333vw 24vw 6.1333vw;
border-radius:8vw;
font:400 5.3333vw/6.4vw "Google Sans";
}
#about .connor{
width:29.3333vw;
height:29.3333vw
}
#about .connor:before{
width:8vw;
height:29.3333vw;
right:21.3333vw;
border-radius:0 0 8vw 0
}
#about .connor:after{
width:21.3333vw;
height:8vw;
bottom:21.3333vw;
border-radius:0 0 8vw 0
}
#about .connor2{
width:21.3333vw;
height:21.3333vw
}
#about .connor2:before{
width:8vw;
height:8vw;
bottom:13.3333vw;
right:13.3333vw
}
#about .connor2:after{
width:21.3333vw;
height:21.3333vw;
border-radius:8vw 0 0 0
}
#about a.video_pop{
width:13.3333vw;
height:13.3333vw;
bottom:3.4667vw;
right:3.4667vw
}
#about .image{
width:100%;
margin-top:6.6667vw;
border-radius:8vw
}
#feature{
margin-top:7.2vw
}
#feature h2{
font:500 13.3333vw/13.3333vw "Google Sans";
width:100%
}
#feature .text{
margin:4.8vw 0 0;
font-size:5.3333vw;
line-height:6.4vw;
}
#steps{
margin:6.9333vw 0 12.5333vw;
flex-wrap:wrap;
padding-bottom:23.4667vw;
}
#steps h2{
font:500 10.6667vw/11.2vw "Google Sans";
width:100%;
margin-bottom:5.0667vw
}
#steps h2:before{
display:none;
}
.steps_list{
width:100vw;
margin:0 -5.0667vw 0 -5.3333vw;
}
.steps_list .owl-carousel .owl-item{
padding:0 5.0667vw 0 5.3333vw;
box-sizing:border-box;
}
.steps_list_item{
width:89.6vw;
height:124.2667vw;
padding:7.2vw 6.9333vw;
border-radius:8vw
}
.steps_list_item .number{
bottom:6.9333vw;
right:4.8vw;
font:500 26.6667vw/25.3333vw "Google Sans";
height:16vw
}
.steps_list_item h3{
font:500 6.4vw/8vw "Google Sans";
margin-bottom:3.7333vw
}
.steps_list_item .text{
font:400 4.8vw/5.8667vw "Google Sans";
opacity:1;
}
.steps_list_item .text p{
margin-bottom:2.1333vw
}
.steps_list_item .text ul li{
padding-left:2.6667vw
}
.steps_list_item .text ul li:before{
top:2.6667vw;
width:1.0667vw;
height:1.0667vw
}
.steps_nav{
justify-content:center;
width:100%;
}
.steps_nav .prev, .steps_nav .next{
width:19.4667vw;
height:19.4667vw;
background:url(../images/arrow.svg) 50% 50%/9.8667vw no-repeat #000;
margin:0 2.1333vw
}
.consultation_btn{
font:500 9.3333vw/11.4667vw "Google Sans";
padding:0 6.4vw;
height:33.0667vw;
margin-bottom:6.4vw;
border-radius:5.0667vw;
background:url(../images/link_thing_mob.jpg) 50% 50%/cover no-repeat;
}
.consultation_btn.type2{
background:url(../images/link_thing_mob.jpg) 50% 50%/cover no-repeat;
}
.consultation_btn span:after{
display:none
}
#advantages{
margin-bottom:4.2667vw;
flex-wrap:wrap;
}
#advantages h2{
font:500 10.6667vw/11.2vw "Google Sans";
}
#advantages .grey_box{
width:100%;
margin-right:0;
padding:5.3333vw 5.8667vw 17.8667vw 5.8667vw;
border-radius:8vw;
font:400 10.6667vw/11.2vw "Google Sans";
margin-bottom:8vw;
}
#advantages .connor{
width:29.3333vw;
height:29.3333vw
}
#advantages .connor:before{
width:8vw;
height:29.3333vw;
right:21.3333vw;
border-radius:0 0 8vw 0
}
#advantages .connor:after{
width:21.3333vw;
height:8vw;
bottom:21.3333vw;
border-radius:0 0 8vw 0
}
#advantages .connor2{
width:21.3333vw;
height:21.3333vw
}
#advantages .connor2:before{
width:8vw;
height:8vw;
bottom:13.3333vw;
right:13.3333vw
}
#advantages .connor2:after{
width:21.3333vw;
height:21.3333vw;
border-radius:8vw 0 0 0
}
.advantages_list li{
border-top:0.5333vw solid #1B5A77;
padding:6.1333vw 0 6.1333vw 10.9333vw;
font-size:5.3333vw;
line-height:6.4vw;
}
.advantages_list li:before{
width:7.4667vw;
top:5.6vw;
height:7.4667vw
}
#video{
margin-bottom:8.8vw
}
.video_box{
width:100%;
height:50.4vw;
border-radius:8vw
}
.video_box:after{
width:37.3333vw;
height:37.3333vw;
margin:-18.6667vw 0 0 -18.6667vw
}
#recommendation h2{
width:100%;
margin-top:0;
font:500 10.6667vw/11.2vw "Google Sans";
margin-bottom:6.1333vw;
}
#recommendation .text{
width:100%;
font:400 5.3333vw/6.4vw "Google Sans";
}
#recommendation ul{
margin:6.1333vw 0 0 0
}
#recommendation li{
font:400 5.3333vw/6.4vw "Google Sans";
border-radius:8vw;
padding:5.6vw 4.5333vw;
height:58.1333vw;
width:100%;
margin:0 0 4.5333vw 0
}
#recommendation .rec01{
width:100%;
}
#recommendation .rec02{
padding-right:37.3333vw;
}
#recommendation .rec04{
width:100%;
}
#recommendation .rec05{
width:100%;
}
#recommendation .rec05 br{
display:none;
}
#recommendation li:after{
opacity:1 !important;
z-index:2 !important;
transform:none !important;
}
#recommendation .rec01:after{
width:52vw;
height:70.4vw;
top:-21.3333vw;
right:-12.5333vw;
}
#recommendation .rec02:after{
width:65.8667vw;
height:81.8667vw;
top:-23.4667vw;
right:-10.4vw;
}
#recommendation .rec03:after{
width:65.8667vw;
height:76.5333vw;
top:-23.7333vw;
right:-5.3333vw;
}
#recommendation .rec04:after{
width:50.9333vw;
height:63.4667vw;
top:-17.8667vw;
right:-7.2vw;
}
#recommendation .rec05:after{
width:53.6vw;
height:60.2667vw;
top:-17.6vw;
right:-7.4667vw;
}
#price{
margin:10.6667vw 0;
font:500 6.9333vw /8.5333vw "Google Sans"
}
#price div{
border-radius:8vw;
padding:5.3333vw;
width:100%;
}
#price b{
margin:4vw 0;
}
#consultation_form{
margin:4.8vw 0 5.3333vw;
flex-wrap:wrap;
}
#consultation_form h2{
font:500 10.6667vw/11.2vw "Google Sans";
width:100%
}
#consultation_form form{
width:100%;
margin-top:4.5333vw
}
#consultation_form .field label{
font:500 8.5333vw/10.6667vw "Google Sans";
top:2.6667vw
}
#consultation_form .field.filled label{
font-size:5.3333vw;
top:-3.2vw;
line-height:6.4vw
}
#consultation_form .field input{
border-bottom:0.5333vw solid #425559;
margin-bottom:5.3333vw;
height:14.6667vw;
font:500 8.5333vw/10.6667vw "Google Sans";
}
#consultation_form button{
width:100%;
padding:4.2667vw 18.6667vw 4.2667vw 6.4vw;
font:500 6.4vw/8vw "Google Sans";
border-radius:8vw;
height:37.3333vw;
margin-top:4.8vw
}
#consultation_form button:after{
width:12.8vw;
height:10.6667vw;
top:4.8vw;
right:3.4667vw
}
.btn_whatsapp{
position:inherit;
width:100%;
margin:8vw 0 13.3333vw;
font-size:5.8667vw;
padding:5.3333vw 8vw 5.3333vw 18.6667vw;
background:url(../images/wapp.svg) 5.3333vw 50% /12vw no-repeat rgb(42, 181, 64);
border-radius:8vw;
}
.footer{
margin:-55vw auto 0;
height:55vw;
font-size:4.2667vw
}
.footer .widfix{
flex-direction:column;
padding-bottom:5.3333vw
}
.footer:after{
top:-266.6667vw;
background:url(../images/footer.jpg) 50% 100%/384vw no-repeat
}
.footer .logo{
width:46.9333vw;
height:24vw
}
.pop_modal_video .close{
font:300 16vw /5.3333vw "Google Sans";
top:5.3333vw;
right:5.3333vw;
color:#fff
}
.pop_modal_video_box video{
max-width:100%;
max-height:100%;
}
.pop_modal_success .close{
font:300 16vw /5.3333vw "Google Sans";
top:5.3333vw;
right:5.3333vw;
}
.pop_modal_success_box div{
width:90%;
padding:5.3333vw;
box-shadow:0 0 13.3333vw rgba(0, 0, 0, 0.3);
border-radius:5.3333vw;
}
.pop_modal_success_box h3{
font:700 8vw /9.0667vw "Google Sans";
margin-bottom:5.3333vw;
}
.pop_modal_politik .close,.pop_modal_impressum .close{
font:300 16vw /5.3333vw "Google Sans";
top:5.3333vw;
right:5.3333vw;
}
.pop_modal_politik_box > div,.pop_modal_impressum_box > div{
width:100%;
padding:5.3333vw;
max-height:100vh;
box-shadow:0 0 13.3333vw rgba(0, 0, 0, 0.3);
border-radius:5.3333vw;
}
.pop_modal_politik_box h3,.pop_modal_impressum_box h3{
font:700 8vw /9.0667vw "Google Sans";
margin-bottom:5.3333vw;
}
.pop_modal_politik_box .scroll_box,.pop_modal_impressum .scroll_box{
font-size:4.8vw;
line-height:6.4vw;
max-height:70vh;
}
.scroll_box p{
margin-bottom:4vw;
}
.scroll_box p:last-child{
margin-bottom:0;
}
.scroll_box h4{
margin:10.6667vw 0 5.3333vw;
}
.scroll_box ul{
margin:4vw 0 4vw 5.3333vw;;
}
.scroll_box li{
padding-left:5.3333vw;
}
.scroll_box li:before{
top:2.6667vw;
width:1.6vw;
height:1.6vw;
}