.only_mobile{
display:block
}
.only_desktop{
display:none !important
}
body{
font:3.7333vw/4.8vw 'Roboto',Arial,sans-serif
}
.widfix{
width:89.6vw;
padding:0
}
.bg_image{
min-height:79.2vw;
height:79.2vw;
top:23.4667vw
}
#wrapper_bgndVideo{
min-height:79.2vw !important;
height:79.2vw !important;
top:23.4667vw !important
}
.title{
font:7.4667vw/9.0667vw 'Montserrat';
margin-bottom:9.6vw
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{
width:12.8vw;
height:12.8vw;
background:url(../images/arrow.svg) 50% 50%/6.4vw no-repeat #232323;
border-radius:2.1333vw;
bottom:-6.4vw
}
.owl-carousel .owl-nav button.owl-prev{
left:5.3333vw
}
.owl-carousel .owl-nav button.owl-next{
right:5.3333vw
}
.owl-dots{
bottom:0.8vw
}
.owl-carousel button.owl-dot{
height:12.8vw;
width:4vw;
margin:0 0.8vw
}
.owl-carousel button.owl-dot.active{
width:8vw
}
.owl-carousel button.owl-dot:after{
height:0.8vw;
border-radius:0.8vw
}
/* Header-----------------------------------------------------------------------------*/
.header{
height:23.4667vw;
position:fixed;
top:0;
left:0;
right:0
}
.logo{
width:42.6667vw;
height:23.4667vw
}
.mobile_menu{
position:relative;
width:40%;
height:23.4667vw
}
.burger{
position:absolute;
top:7.4667vw;
right:0;
width:8.5333vw;
height:8.5333vw;
border-radius:1.0667vw;
background:url(../images/menu.svg) 50% 50%/6.4vw no-repeat #EEBB33;
transition:0.2s
}
.mobile_menu.open .burger{
background:url(../images/close.svg) 50% 50%/5.0667vw no-repeat #232323
}
.mobile_menu_dropdown{
display:flex;
position:fixed;
left:-100vw;
right:100vw;
top:23.4667vw;
opacity:0;
z-index:100;
background:#EEBB33;
padding:12.8vw;
justify-content:center;
flex-wrap:wrap;
transition:0.5s
}
.mobile_menu.open .mobile_menu_dropdown{
left:0;
right:0;
opacity:1
}
.top_menu{
font:500 3.7333vw/4.2667vw 'Roboto';
margin-right:0;
width:100%
}
.top_menu ul{
flex-wrap:wrap
}
.top_menu li{
margin:0;
width:100%;
text-align:center
}
.top_menu a{
padding:2.6667vw 0
}
.phone a{
font:500 3.7333vw/4.2667vw 'Roboto';
padding:2.6667vw 0;
text-align:center;
margin:4.8vw 0 1.3333vw
}
.phone a:before{
width:5.3333vw;
height:5.3333vw;
margin-right:2.1333vw
}
.contacts{
width:100%;
justify-content:center;
margin-bottom:5.3333vw
}
.contacts a{
width:6.4vw;
height:6.4vw;
margin:0 2.1333vw
}
.btn_chat{
font:700 2.6667vw/3.2vw 'Roboto';
border-radius:3.7333vw;
height:10.6667vw;
padding:3.2vw 4vw;
margin:0 auto
}
.btn_chat span:before{
width:6.1333vw;
height:5.3333vw;
margin:-0.8vw 2.1333vw 0 0
}
/* Middle-----------------------------------------------------------------------------*/
.content{
padding:0
}
.btn{
height:10.6667vw;
border-radius:5.3333vw;
font:700 2.6667vw/3.2vw 'Roboto';
padding:4vw 8vw
}
.top_promo{
min-height:79.2vw;
top:0;
height:79.2vw;
margin:23.4667vw 0 0
}
.top_promo .widfix{
padding:0 8vw;
align-items:center
}
.top_promo .title{
font:800 6.4vw/7.7333vw 'Montserrat';
margin-bottom:4.2667vw;
text-align:center
}
.top_promo p{
font:400 4.8vw/5.6vw 'Roboto';
text-align:center
}
.top_promo .btn{
margin-top:9.6vw;
text-align:center
}
.inline-YTPlayer{
top:21.8667vw
}
#about{
padding:14.9333vw 0
}
#about .widfix{
flex-wrap:wrap
}
#about p{
margin-bottom:5.3333vw
}
#about .col{
width:100%
}
#about .col + .col{
margin-top:16vw
}
.about_slide{
border-radius:4.2667vw;
height:53.6vw
}
.about_slide img{
border-radius:4.2667vw
}
#process{
padding-bottom:21.3333vw
}
#process .widfix{
width:100vw
}
#process .title{
margin:0 auto 4.2667vw;
width:89.6vw
}
#process p{
margin:0 auto;
width:89.6vw
}
#process .owl-carousel{
margin-top:9.6vw
}
#process .owl-carousel .owl-nav button.owl-prev{
left:10.6667vw
}
#process .owl-carousel .owl-nav button.owl-next{
right:10.6667vw
}
.process_slide{
height:86.4vw;
width:100vw;
border-radius:0
}
.process_slide b{
font:800 7.4667vw/9.0667vw 'Montserrat';
margin-bottom:1.0667vw;
text-transform:uppercase;
padding:0 8vw;
box-sizing:border-box
}
#order_map{
padding-bottom:12.5333vw
}
#order_map .title{
margin-bottom:9.6vw
}
#order_map ol{
flex-wrap:wrap
}
#order_map ol li{
font:400 3.2vw/3.7333vw 'Roboto';
padding-left:24vw;
width:100%;
margin-bottom:9.6vw;
min-height:19.7333vw
}
#order_map ol li:before{
width:19.7333vw;
height:19.7333vw;
border:1.6vw solid #cecece;
border-radius:1.6vw;
font:700 15.4667vw/70 'Fira Sans'
}
#order_map ol li b{
font:700 4.8vw/5.6vw 'Roboto';
margin-bottom:2.1333vw
}
#order_features{
padding-bottom:5.3333vw
}
#order_features .widfix{
padding:0
}
#order_features .title{
margin-bottom:12.2667vw
}
#order_features ul{
flex-wrap:wrap;
justify-content:center;
margin:0 -2.6667vw
}
#order_features li{
width:42.1333vw;
margin:0 2.6667vw 9.6vw
}
#order_features li span{
font:500 4.2667vw/5.0667vw 'Roboto';
padding-top:4.2667vw;
margin-top:3.7333vw;
height:initial;
width:32vw
}
#order_features li span:before{
width:23.4667vw;
height:0.8vw;
margin-left:-11.7333vw
}
#installations{
padding-bottom:5.3333vw
}
.installation_item{
width:100%;
margin-bottom:9.6vw
}
.installation_item .image{
border-radius:3.2vw;
margin-bottom:6.4vw
}
.installation_item h3{
font:700 4.8vw/5.6vw 'Roboto';
margin-bottom:2.1333vw
}
#faq{
padding-bottom:14.9333vw
}
.faq_item{
width:100%
}
.faq_item_title{
font:500 4.2667vw/5.0667vw 'Roboto';
padding:4.8vw 8vw 5.0667vw 0
}
.faq_item_title:after{
width:4.2667vw;
height:4.2667vw;
right:0.2667vw;
margin-top:-2.1333vw
}
.faq_item_text{
padding-right:8vw
}
.faq_item_text p{
margin-bottom:5.3333vw
}
#delivery{
padding-bottom:18.6667vw
}
#delivery .title{
margin-bottom:9.6vw
}
.delivery_item{
width:100%;
border-radius:2.1333vw;
padding:8vw 6.6667vw 9.3333vw;
text-align:center;
margin-bottom:9.6vw
}
.delivery_item_header{
margin-bottom:4.2667vw;
flex-wrap:wrap;
justify-content:center
}
.delivery_item_header h3{
font:700 4.8vw/5.6vw 'Roboto';
width:100%;
margin-top:2.6667vw
}
#configurator{
padding-bottom:14.9333vw;
overflow:hidden
}
#configurator .col{
width:100%;
border-radius:3.2vw;
font:400 3.2vw/3.7333vw 'Roboto';
padding:8vw 5.3333vw;
margin-left:5.3333vw
}
#configurator .col.main_options{
padding:8vw 0 10.6667vw 5.3333vw
}
.main_options .btn{
height:9.8667vw;
padding:3.2vw 16vw 2.6667vw 10.6667vw;
font-size:2.6667vw;
line-height:3.2vw;
border-radius:2.6667vw
}
.main_options .btn:after{
width:6.4vw;
right:8vw;
transform:rotate(-90deg)
}
.main_options.open .btn{
right:0
}
.main_options.open .btn:after{
right:8vw;
transform:rotate(90deg)
}
.rub{
width:2.1333vw;
height:3.2vw;
margin-left:0.8vw
}
.field{
margin-bottom:4.5333vw;
width:100%
}
.field_half{
width:38.9333vw !important
}
.field_select{
margin:5.8667vw 0 4.5333vw;
width:72.8vw
}
.field_radio{
width:41.8667vw;
margin-bottom:4.8vw
}
.field_radio h3{
font:700 3.7333vw/4.2667vw 'Roboto';
margin-bottom:4.2667vw
}
.field_radio label{
margin-bottom:4.8vw
}
.field_radio b{
font:400 3.2vw/3.7333vw 'Roboto';
margin-left:0.2667vw
}
.field_radio .jq-radio{
vertical-align:-0.8vw;
width:3.7333vw;
height:3.7333vw;
margin:0 2.1333vw 0 0;
border-radius:0.5333vw
}
.jq-radio.checked .jq-radio__div{
width:1.6vw;
height:1.6vw;
margin:0.5333vw 0 0 0.5333vw
}
.field_radio i,.field_radio a{
width:12.8vw;
margin:0 2.1333vw 0 0;
border-radius:0.8vw
}
.field_radio em{
width:18.6667vw;
vertical-align:middle
}
.field_radio em b{
margin-top:1.3333vw
}
#configurator .col.add_options{
margin:-200% 0 0;
width:100%;
overflow:hidden
}
#configurator .col.add_options.open{
margin:4vw 0 0
}
#configurator .col.add_options.open:before{
content:'';
width:100%;
height:9.8667vw;
background:#FEBD18;
position:absolute;
top:-5.8667vw;
left:0;
border-radius:2.6667vw
}
.add_options .field_radio em{
width:36.8vw
}
.jq-selectbox__select{
font:400 3.2vw/3.7333vw 'Roboto';
height:7.4667vw;
padding:1.8667vw 2.1333vw
}
.jq-selectbox__trigger{
width:8vw
}
.jq-selectbox__trigger-arrow{
background:url(../images/arrow.svg) 50% 50%/3.2vw no-repeat;
width:8vw
}
.jq-selectbox__dropdown{
font:400 3.2vw/3.7333vw 'Roboto'
}
.jq-selectbox li{
padding:1.8667vw 2.1333vw 1.3333vw
}
.field h3,.field_select h3{
font:700 3.7333vw/4.2667vw 'Roboto';
margin-bottom:2.1333vw
}
.field textarea{
height:14.1333vw;
border-radius:1.0667vw;
font:400 3.2vw/3.7333vw 'Roboto';
padding:1.6vw 2.1333vw
}
#configurator .col.result{
width:100%;
padding:6.4vw 3.2vw 10.4vw;
margin:9.6vw 0 0
}
#configurator .col.result.hide{
margin:-200% 0 0
}
.result .base b{
font:400 4.2vw/4.7333vw 'Roboto'
}
.result .base > span{
font:700 6.4vw/7.4667vw 'Roboto'
}
.result .final_options{
font:700 3.6667vw/4.2vw 'Roboto';
padding:2.9333vw 6.4vw 1.3333vw;
border-radius:3.2vw;
margin:2.6667vw 0 2.6667vw
}
.result .final_options dl{
margin-bottom:1.6vw
}
.result .final_options dt{
width:35.2vw;
padding-right:2.6667vw;
box-sizing:border-box
}
.result .final_options dd{
width:35.2vw
}
.result .final b{
font:400 4.8vw/5.6vw 'Roboto'
}
.result .final > span{
font:700 12.2667vw/14.4vw 'Roboto'
}
.result .rub{
width:6.1333vw;
height:10.1333vw
}
.result .base .rub{
width:3.2vw;
height:6.6667vw;
margin-left:-0.2667vw
}
.result .final .rub{
width:6.1333vw;
height:12.2667vw;
margin-left:-1.6vw
}
.result .btn{
width:100%;
height:18.1333vw;
margin:4.2667vw 0 0;
font:700 4.8vw/5.6vw 'Roboto';
padding:6.6667vw 8vw
}
#configurator .col.order_data{
margin:-200% 0 0;
width:100%;
padding:8vw 3.7333vw
}
#configurator .col.order_data.open{
margin:9.6vw 0 0
}
#configurator .col.order_data.hide{
margin:-200% 0 0;
opacity:0;
z-index:-1
}
.order_data h3{
font:700 4.8vw/5.6vw 'Roboto';
margin-bottom:3.7333vw
}
.order_data .final{
margin-bottom:3.2vw
}
.order_data .final b{
font:400 3.2vw/3.7333vw 'Roboto'
}
.order_data .final > span{
font:700 4.8vw/5.6vw 'Roboto'
}
.order_data .rub{
background-image:url(../images/rub_gold.svg);
width:2.6667vw;
height:5.3333vw;
margin-left:-0.2667vw
}
.order_data .field{
margin-bottom:2.1333vw
}
.order_data .field input{
font:400 3.2vw/3.7333vw 'Roboto';
height:8.5333vw;
border-radius:1.0667vw;
padding:2.6667vw
}
.order_data .field textarea{
font:400 3.2vw/3.7333vw 'Roboto';
padding:2.1333vw 2.6667vw;
display:block
}
.order_data .btn{
margin-top:2.6667vw;
font:700 4.8vw/5.6vw 'Roboto';
height:18.1333vw;
padding:6.6667vw 8vw
}
#configurator .col.success{
margin:-200% 0 0;
width:100%;
height:76.2667vw;
text-align:center;
padding:8vw 3.7333vw
}
#configurator .col.success.open{
margin-top:9.6vw
}
.success h3{
font:500 7.4667vw/8.8vw 'Roboto';
margin-bottom:2.1333vw
}
.success p{
font:400 3.2vw/3.7333vw 'Roboto';
margin-bottom:2.1333vw
}
.success b{
font:700 3.2vw/3.7333vw 'Roboto'
}
/* Footer-----------------------------------------------------------------------------*/
.footer{
margin:0 auto;
height:initial
}
.footer .widfix{
height:initial;
flex-wrap:wrap;
justify-content:center
}
.footer .logo{
width:66.9333vw;
margin:4vw 0 0
}
.copyright{
font:400 3.2vw/3.7333vw 'Roboto';
top:-2.6667vw;
left:0;
position:relative;
width:100%;
text-align:center
}
.footer .phone a{
font:500 3.7333vw/4.2667vw 'Roboto';
padding:2.6667vw 0;
margin-top:5.3333vw
}
.footer .phone a:before{
width:5.3333vw;
height:5.3333vw;
margin-right:2.1333vw
}
.email a{
font:500 3.7333vw/4.2667vw 'Roboto';
padding:2.6667vw 0;
margin-right:4vw;
margin-top: 3.8333vw;
}
.email a:before{
width:6.9333vw;
height:7.2vw;
margin-right:2.1333vw;
top:0.5333vw;
}
.footer .btn_chat{
font:700 2.6667vw/3.2vw 'Roboto';
border-radius:3.7333vw;
height:10.6667vw;
padding:3.2vw 4vw;
margin: 0 auto
}
.footer .btn_chat span:before{
width:6.1333vw;
height:5.3333vw;
margin:-0.8vw 2.1333vw 0 0
}
.socnets{
width:100%;
justify-content:center;
margin:5.3333vw 0 9.6vw -4.2667vw
}
.socnets a{
width:6.4vw;
height:6.4vw;
margin-left:4.2667vw
}
.totop{
bottom:10px
}.totop.visible{
right:10px
}
.popup_win{
	padding:6.6vw;
	border-radius:2.6667vw;
	font:400 3.2vw/4.2667vw 'Roboto';
	max-width:100%;
	box-shadow:0 0 10.6667vw rgba(0,0,0,0.2);
}
.mod_close{
	width:10.3333vw;
	height:10.3333vw;
	background-size:4.2667vw auto;
}
.agree_scroll{
	padding-right:5.3333vw;
	margin-right:-5.3333vw;
}
.mod_agree h2{
font:700 6.4vw/8vw 'Roboto';
	margin-bottom:2.6667vw;
}
.mod_agree p + h2{
	margin-top:5.3333vw;
}
.feedback_form .col{
	width:100% !important;
}
.mod_feedback .field input{
	font:400 3.2vw/3.7333vw 'Roboto';
	height:8.5333vw;
	border-radius:1.0667vw;
	padding:2.6667vw;
}
.mod_feedback .field textarea{
	font:400 3.2vw/3.7333vw 'Roboto';
	padding:2.1333vw 2.6667vw;
	height:34.6667vw;
}
.mod_feedback .btn{
	margin-top:2.6667vw
}
.mod_success{
	width:106.6667vw;
	font:400 4.2667vw/5.8667vw 'Roboto';
}
.mod_picture{
padding: 5vw;
}
.mod_picture_box p{
	font:700 4.8vw/6.4vw 'Roboto';
	margin-top:2.6667vw;
	margin-bottom:-2.6667vw;
}
.show-more {
	margin-top:2.6667vw;
}
.jq-selectbox__dropdown{
	width:100% !important;
}
.jq-selectbox li, .jq-select-multiple li{
white-space:normal;
}