body{
font-size:3.7333vw;
line-height:4.8vw
}
.widfix{
width:100%;
padding:0 4vw;
box-sizing:border-box
}
.btn{
padding:2.6667vw 4vw;
font:300 3.7333vw/8.5333vw 'Montserrat';
border-radius:1.3333vw
}
.field{
margin-bottom:5.3333vw
}
.field label{
font-size:4.2667vw;
margin-bottom:1.3333vw
}
.field input{
height:13.3333vw;
padding:0 5.3333vw;
border:1px solid #ddd;
font:300 6.4vw/8.5333vw 'Montserrat';
border-radius:1.3333vw
}
.field textarea{
height:26.6667vw;
padding:1.3333vw 5.3333vw;
border:1px solid #ddd;
font:300 6.4vw/8.5333vw 'Montserrat';
border-radius:1.3333vw
}
h1{
font-size:9.6vw;
line-height:11.2vw;
margin-bottom:5.3333vw;
text-align:center
}
h2{
font-size:10.8vw;
line-height:12.6667vw;
margin-bottom:10.6667vw
}
/* Header-----------------------------------------------------------------------------*/
.header{
height:16vw
}
.burger{
display:flex;
width:100%;
height:16vw;
position:absolute;
top:0;
right:0;
justify-content:center;
align-items:center;
z-index:100
}
.burger span{
width:8vw;
height:0.5333vw;
background:#000;
position:relative;
transition:0.2s
}
.burger span:before,.burger span:after{
content:'';
position:absolute;
width:100%;
height:100%;
background:#000;
left:0;
transition:0.2s
}
.burger span:before{
top:-2.6667vw
}
.burger span:after{
bottom:-2.6667vw
}
.open .burger span{
background:transparent
}
.open .burger span:before{
transform:rotate(45deg);
top:0
}
.open .burger span:after{
transform:rotate(-45deg);
bottom:0
}
.header .widfix{
border-bottom:0.2667vw solid #ddd
}
.main .header.start .widfix{
border-bottom:0.2667vw solid transparent
}
.header .logo{
width:50.6667vw;
margin-right:4vw
}
.topmenu{
margin:0 -4vw 0 0;
width:16vw;
order:10;
position:relative
}
.topmenu ul{
position:absolute;
width:100vw;
height:100vh;
background:#fff;
flex-direction:column;
top:-100vh;
right:-100vw;
transition:0.5s;
opacity:0
}
.topmenu.open ul{
top:0;
right:0;
opacity:1
}
.topmenu li{
margin:1.3333vw 0
}
.topmenu a{
font-size:6.4vw;
padding:4vw 0;
display:block;
text-transform:none
}
.lang_menu{
position:relative;
margin:0 auto
}
.lang_menu > span{
display:flex;
justify-content:center;
align-items:center;
height:100%;
font-family:'Cormorant Unicase';
color:#000;
font-weight:700;
font-size:4.8vw;
text-transform:uppercase;
padding:0 4vw
}
.lang_menu ul{
position:absolute;
background:#fff;
flex-direction:column;
top:12vw;
left:0;
transition:0.2s;
width:initial;
padding:1.3333vw 4vw;
box-shadow:0 0 2.6667vw rgba(0,0,0,0.3);
height:initial;
top:-32.5333vw;
opacity:0
}
.lang_menu.open ul{
top:12vw;
opacity:1
}
.lang_menu a{
font-size:4.8vw;
padding:2.1333vw 0 !important;
display:block
}
/* Middle-----------------------------------------------------------------------------*/
.content{
padding:26.6667vw 0 5.3333vw
}
.main .content{
padding:21.3333vw 0 10.6667vw
}
.main_slider .owl-carousel .owl-dots{
bottom:8vw
}
.main_slider .owl-carousel button.owl-dot{
width:2.6667vw;
height:2.6667vw;
margin:0 2.6667vw
}
.main_slider .owl-carousel button.owl-dot.active{
width:8vw
}
.slider_item{
height:50vh;
background-size:contain !important
}
.slider_item.top{
padding-top:13.3333vw
}
.slider_item.bottom{
padding-bottom:13.3333vw
}
.slider_item .btn{
font-size:3.7333vw;
border:1px solid #000
}
.slider_item p + .btn,.slider_item h3 + .btn{
margin-top:5.3333vw
}
.slider_item_text{
font-size:4.8vw;
line-height:7.4667vw;
transform:translateX(200px);
width:100%
}
.bg_white .slider_item_text{
padding:5.3333vw
}
.slider_item_text h3{
font-size:9.6vw;
line-height:11.2vw;
margin-bottom:10.6667vw
}
.main_about{
text-align:left;
padding:5.3333vw 0 21.3333vw;
font-size:5.3333vw;
line-height:6.9333vw
}
.main_about h3{
font-size:9.6vw;
line-height:11.2vw;
margin-bottom:10.6667vw
}
.main_about .col{
width:100%
}
.main_about .col:first-of-type{
width:100%;
margin:0 0 10.6667vw
}
.main_about .col:nth-child(2n+2) {
width:100%;
margin:-20px 0 20px
}
.main_about p{
margin-bottom:5.3333vw
}
.main_about img + img{
margin-top:5.3333vw
}
.main_reviews{
padding:10.6667vw 0
}
.main_reviews .owl-carousel button.owl-prev, .main_reviews .owl-carousel button.owl-next{
width:8vw;
height:8vw;
border-top:0.5333vw solid #000;
border-left:0.5333vw solid #000;
margin-top:-3.4667vw
}
.main_reviews .owl-carousel button.owl-prev.disabled, .main_reviews .owl-carousel button.owl-next.disabled{
border-top:0.5333vw solid #fff;
border-left:0.5333vw solid #fff
}
.main_reviews .owl-carousel button.owl-prev{
left:-10.6667vw
}
.main_reviews .owl-carousel button.owl-next{
right:-10.6667vw
}
.main_reviews h3{
font-size:9.6vw;
line-height:8.5333vw;
margin-bottom:10.6667vw
}
.reviews_list{
padding-top:26.6667vw
}
.reviews_list > p{
font-size:5.3333vw;
line-height:6.9333vw
}
.reviews_list .btn{
top:0;
font-size:5.3333vw
}
.reviews_item{
padding:5.3333vw;
border-radius:1.3333vw
}
.reviews_list .reviews_item{
padding:5vw;
margin-bottom:8vw
}
.reviews_item_header{
margin-bottom:4vw
}
.reviews_item_image{
width:18.6667vw;
height:18.6667vw
}
.reviews_item_title{
margin-left:5.3333vw
}
.reviews_item_title b{
font-size:7.4667vw;
line-height:6.5vw;
margin-bottom:1.6vw
}
.reviews_item_title span{
font-size:3.7333vw
}
.reviews_item_rating{
width:26.6667vw;
height:5.3333vw;
margin-bottom:2.6667vw
}
.reviews_item_text, .reviews_item_preview_text{
font-size:5.3333vw;
line-height:6.9333vw
}
.reviews_item_answer{
font-size:4vw;
line-height:5vw
}
.reviews_item_text span{
margin-top:1.3333vw;
font-size:3.7333vw
}
.reviews_item_switch span{
margin-top:1.3333vw;
font-size:3.7333vw
}
#map{
height:70vh;
filter: grayscale(0) !important;
}
.contacts{
margin-bottom:5.3333vw;
flex-wrap:wrap
}
.contacts .col{
width:100% !important
}
.contacts #map{
height:70vh;
margin-bottom:10.6667vw
}
.contacts h3{
font-size:6.4vw;
line-height:6.9333vw;
margin-bottom:1.3333vw
}
.contacts p{
font-size:4.8vw;
line-height:6.9333vw
}
.contacts p + h3{
margin-top:8vw
}
.contacts p a{
border-bottom:0.2667vw solid #ddd
}
.contacts p a:hover{
border-bottom:0.2667vw solid transparent
}
.gallery{
margin:0 0 -5.3333vw 0
}
.gallery_item{
width:100%;
margin:0 0 5.3333vw 0;
border:1px solid #ddd;
height:58.4vw
}
.gallery_item .switch{
right:calc(50% - 1.3333vw);
width:2.6667vw
}
.gallery_item .switch:before{
left:1.0667vw;
width:0.5333vw
}
.gallery_item .switch:after{
left:-0.8vw;
height:4.2667vw;
width:4.2667vw;
margin:-3.2vw 0 0 0
}
.gallery_item .gallery_item_before small,.gallery_item .gallery_item_after small{
top:2.6667vw;
font-size:4.2667vw;
padding:0.8vw 1.3333vw;
line-height:3.7333vw
}
.gallery_item .gallery_item_before small{
left:2.6667vw
}
.gallery_item .gallery_item_after small{
right:2.6667vw
}
.team{
margin:0 0 -5.3333vw
}
.team_item{
width:100%;
padding:5.3333vw;
border-radius:1.3333vw;
border:1px solid #ddd;
margin:0 0 5.3333vw 0
}
.team_item:hover{
box-shadow:0 0 4vw rgba(0,0,0,0.1)
}
.team_item_header{
margin-bottom:4vw;
flex-wrap:wrap
}
.team_item_image{
width:100%;
height:60vw;
margin-bottom:5.3333vw
}
.team_item_image img{
width:60vw;
filter:none
}
.team_item_title{
margin:0
}
.team_item_title b{
font-size:7.4667vw;
margin-bottom:1.6vw;
line-height:7.4667vw
}
.team_item_title span{
font-size:3.7333vw
}
.team_item_text{
font-size:4.8vw;
line-height:6.9333vw
}
.price{
margin-bottom:0
}
.price > p{
text-align:left
}
.price_group{
border:1px solid #ddd;
padding:3.7333vw 5.3333vw;
margin-bottom:5.3333vw
}
.price_group.open{
padding:3.7333vw 5.3333vw 0
}
.price_group.open h2{
margin-bottom:4.8vw
}
.price_group:after{
right:6.4vw;
top:7.2vw;
width:4vw;
height:4vw;
border-bottom:1.8667vw solid #000;
border-right:1.8667vw solid #000
}
.price_group.open:after{
top:9.3333vw
}
.price_list{
margin-bottom:-13.6vw
}
.price_list_item{
padding:0 0 5.3333vw;
border-radius:0;
margin:0 0 8vw;
border-bottom:0.2667vw solid #ddd;
flex-wrap:wrap
}
.price_list_item_image{
width:100%;
height:60vw;
margin:0 0 5.3333vw
}
.price_list_item_image img{
width:60vw;
height:auto;
filter:none
}
.price_list_item_title{
font-size:8.5333vw;
margin-bottom:2.6667vw;
line-height:9.6vw
}
.price_list_item_text{
font-size:4.2667vw;
line-height:5.8667vw;
width:100%
}
.price_list_item_text p{
margin-bottom:1.3333vw
}
.price_list_item_price{
font-size:8.5333vw;
margin:2.6667vw 0 0;
line-height:9.6vw;
width:100%;
text-align:right
}
.news{
margin:0 0 -5.3333vw 0
}
.news_item{
width:100%;
margin:0 0 5.3333vw 0;
border:1px solid #ddd;
padding:53.3333vw 5.3333vw 5.3333vw;
border-radius:1.3333vw
}
.news_item_header{
height:53.3333vw
}
.news_item_title{
bottom:5.3333vw;
left:5.3333vw;
right:5.3333vw;
font-size:7.4667vw
}
.news_item_text{
font-size:4.8vw;
line-height:5.8667vw
}
.after_reviews_title_text{
text-align:left
}
/* Footer-----------------------------------------------------------------------------*/
.footer{
margin:0 auto 0;
height:initial;
font-size:3.7333vw
}
.footer .widfix{
border-top:0.2667vw solid #ddd;
flex-wrap:wrap;
padding:8vw 4vw 0
}
.main .footer .widfix{
flex-wrap:wrap;
padding:2.6667vw 4vw 0
}
.footer .widfix .col{
width:100%;
!i;
!;
margin-bottom:5.3333vw
}
.footer .widfix .col p + p{
margin-top:2.6667vw
}
.footer .widfix .col:first-child{
text-align:center
}
.footer .widfix .col:last-child{
width:50%;
justify-content:center
}
.footer .logo{
height:10.6667vw;
margin:0 0 2.6667vw 0;
background-position:50%
}
.copyrights{
font-size:3.7333vw
}
.footer .ico_insta{
width:8vw;
height:8vw
}
.fix_btn{
bottom:2.6667vw;
right:2.6667vw;
padding:1.3333vw 4vw;
font:300 4.8vw/8.5333vw 'Montserrat';
border-radius:1.3333vw;
box-shadow:0 0 5.3333vw rgba(255, 255, 255, 1)
}
.pop_window{
padding:8vw;
box-shadow:0 0 13.3333vw rgba(0,0,0,0.1)
}
.pop_callback .pop_window{
width:100%
}
.pop_review .pop_window{
width:100%
}
.pop_window .close{
top:2.6667vw;
right:2.6667vw;
font-size:13.3333vw;
line-height:6.9333vw
}
.pop_title{
font-size:7.4667vw;
line-height:8.8vw;
margin-bottom:5.3333vw
}
.pop_window .btn{
margin-bottom:2.6667vw;
font-size:4.8vw;
height:13.3333vw;
line-height:4.8vw
}
.pop_window small{
font-size:3.7333vw
}
.pop_loading .pop_window{
width:66.6667vw;
height:66.6667vw
}
.show_more{
padding:4vw 8vw;
font-size:5.5vw;
margin-bottom:8vw
}