/*@font-face {
    font-family:'Montserrat';
    src:url('../fonts/montserrat_regular.ttf') format('ttf');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../fonts/montserrat_semibold.ttf') format('ttf');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Playfair Display';
    src:url('../fonts/playfairdisplay_medium.ttf') format('ttf');
    font-weight:500;
    font-style:normal;
	font-display:swap;
	unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
@font-face {
    font-family:'Didot';
    src:url('../fonts/didot_bold.otf') format('otf');
    font-weight:700;
    font-style:normal;
}

// Variables 
@cbl               :black;
@cwh               :white;
@cblu              :blue;
@cre               :red;
@c95               :#950A12;
@c79               :#790604;
@cB5               :#B5B9B8;
@cda               :#DA9C40;
@ffMontserrat      :'Montserrat', sans-serif;
@ffPlayfairDisplay :'Playfair Display', serif;
@ffDidot           :'Didot', sans-serif;


*{font-family:@ffMontserrat; font-weight:400;}
html, body{} 
html{}
body{margin:0; padding:0; color:@cbl; font-size:16px; line-height:22px; position:relative; background-image:url("../images/bg_1.webp"); background-repeat:repeat-y;}
body::before{content:''; position:absolute; z-index:-1; transform:scaleX(-1);  top:0; right:0; bottom:0; left:1920px; background-image:url(../images/bg_1.webp); background-repeat:repeat-y; background-position:100% 0;}

img{max-width:100%;}
strong{font-weight:600;}

a{outline:none; text-decoration:underline;}
a:hover{color:@cbl; text-decoration:none;}

.imgholder, .imgl, .imgr{padding:4px; border:1px solid @cB5; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

h1, .h1, h2, .h2, h3, .h3, h4, h5, h6{display:block; margin:0; margin-bottom:50px; position:relative;}
h1, .h1{font-size:40px; display:block; padding:10px 0 25px; line-height:42px; font-family:@ffPlayfairDisplay;}

h2, .h2{font-size:48px; margin:0 0 20px; padding:20px 0 60px; background:url("../images/union.svg") no-repeat bottom center; text-align:center; font-family:@ffPlayfairDisplay; font-weight:500;}

h3, .h3{font-size:32px; font-family:@ffPlayfairDisplay; margin:0; padding:20px 0 20px 30px;}
h3:before, .h3:before{content:''; position:absolute; background-color:@cda; width:20px; height:20px; left:0; top:50%; margin-top:-8px; clip-path:polygon(0px 50%, 50% 0px, 100% 50%, 50% 100%);}
h3:after, .h3:after{content:''; position:absolute;}
h4, .h4{font-size:20px; margin-bottom:20px;}
h5, .h5{font-weight:600; font-size:18px; line-height:25px; margin:0; padding:10px 0 20px; text-transform:none;}
p, li{}

.sup{font-size:24px; font-weight:600; color:@cda; vertical-align:top;}

.mixin_button_1{
	background:linear-gradient(130deg, @c95 5%, @cda 30%, @cda 70%, @c95 95%); background-size:1000% 10%; background-position:0% 0%; transition:all .2s linear 0s;
}
.mixin_button_hover_1{
	background:linear-gradient(130deg, @c95 5%, @cda 30%, @cda 70%, @c95 95%); background-size:1000% 10%; background-position:50% 0%;
}

.container1200{max-width:1200px; margin:auto;}
.container.container_body{max-width:1830px; padding-right:0; padding-left:0; box-shadow:0 0 100px rgba(0, 0, 0, 0.5);}

.header_image_wrap{background:url("../images/top_bg.webp"); background-position:center 60%; background-repeat:no-repeat; background-size:cover; position:relative; width:100%; height:100vh; max-height:1300px; overflow:hidden; z-index:5;
    
	.header_text_wrap{position:relative; height:100%;}
	.header_text{font-family:@ffDidot; color:@c95; font-size:36px; font-weight:700; position:absolute; line-height:38px;}
	.header_text small{font-family:@ffDidot;}
	.header_text.t1{top:8vh; left:10px; font-size:50px; line-height:54px;}
	.header_text.t1 small{font-size:36px; display:block;}
	.header_text.t1 span{font-weight:700; font-family:@ffDidot; display:block}
	.header_text.t2{top:11vh; right:10px; font-size:36px; }
	.header_text.t2 small{font-size:24px;}
	.header_text.t3{bottom:20vh; left:10px;}
	.header_text.t3 small{font-size:24px;}
	.header_text.t4{bottom:12vh; right:10px;}
	.header_text.t4 small{font-size:24px;}
}
.logo_top{
    position:relative; display:flex; align-items:center; height:100%; justify-content:center;
	
    svg{width:100%; height:100%; max-width:800px}
}

.info_block_wrap{background-color:@c95; margin:auto; overflow:hidden;
	
	.info_block{padding-left:170px; position:relative;
		&:before{content:''; position:absolute; width:151px; height:151px; margin-top:-75px; top:50%; left:0; z-index:1; background-image:url("../images/info_ico.svg"); background-position:center; background-repeat:no-repeat;}
		p{margin:0 5px; padding:0; color:@cwh}
		.item:first-child{}
		.item{padding:25px 0;}
		a{color:@cwh; display:inline-block;}
	}
}

.banner_wrapper{background-color: @cwh; padding:40px 0 10px;}
.banner{background:linear-gradient(270deg, @c79 0%, @c95 100%); padding:25px 10px;

	p{margin: 0; padding: 0; color: @cwh; font-size: 26px; line-height: 36px; text-align:center;}
	p strong{}

	.sun_wrap{display: inline-block; width: 30px; height: 26px; position: relative;}
	.sun{transform: rotate(0deg); transform-origin: left top; animation: 8s linear infinite rotate_sun; transform-origin:center; position: absolute; position: absolute; width: 30px; left: 0; text-align: center; height: 36px;}
}
@keyframes rotate_sun {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
  }


.bg_mine{background-image:url('../images/bg__footer.webp'), url("../images/bg_1.png"); background-position:bottom center, top center; background-repeat:no-repeat, repeat; background-color:@cwh; display:block; position:relative; z-index:8}

.slider_header{margin:auto; overflow:hidden; margin:20px auto 10px auto; position:relative;
	
   .h3{padding-top:0; padding-right:0; padding-bottom:0;}
   .h3 span{font-family:@ffPlayfairDisplay; font-size:32px; position:relative; /*padding-right:40px;*/}
   .h3 span i{display:inline-block; line-height:20px; margin-left:12px; /*position:absolute; right:0; top:50%; margin-top:-13px;*/}
   .h3 span svg{width:40px; height:40px; fill:transparent}
   .h3 span a{display:inline-block;}
   /*.h3 span a:hover svg{fill:#DA9C40}*/
}

.remodal_clip_content{
	
	
}
.clip_text_item{margin-bottom:25px;
	h4{margin-bottom:10px;}
}

.clip_img_wrap{font-size:0; margin-top:-5px;
	img{max-width:60px; margin:5px;}
}


.product_arrows{position: absolute; z-index: 15; font-size: 0; margin-top: -16px; top: 50%; right: 0;
    
     svg{display:inline-block; width:34px; height:34px; fill:none; cursor:pointer; stroke:@cB5;}
     svg:hover{stroke:@cda;}
     .icon_arrow_left{transform:rotate(180deg); margin-top:-1px;}
     .icon_arrow_right{margin-left: 20px;}

	 svg.swiper-button-disabled, svg.swiper-button-disabled:hover{cursor:default; opacity:.4; stroke:@cB5} 
}


.swiper_product, .swiper_model, .swiper_as_art_wrap{
	overflow:hidden; position:relative;
}

.swiper-pagination{padding:8px 0 0;}
.swiper-pagination-bullet{background-color:@cwh; opacity:.8; width:16px; height:16px; box-shadow:0 0 9px rgba(0,0,0,.5);}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:@c95;}

.swiper_product .item{margin:12px;

    .header{font-family:@ffMontserrat; font-weight:600; font-size:20px; margin:10px 0; padding-bottom:10px; border-bottom:@cB5 1px solid;}
    .text p{margin:0; padding:0;}
	.text span.price{display:inline-block;}
    a.product_button{float:right; font-family:@ffMontserrat; font-weight:600; font-size:16px; color:@cwh; display:inline-block; padding:10px 8px; text-decoration:none; .mixin_button_1}
	a.product_button:hover{.mixin_button_hover_1}
	
	.swiper_wrap_bg{padding: 3px; background-color:#f1f1f1; position: relative; box-shadow: 0 0 10px -4px rgba(0,0,0,0.6);}
	.swiper_wrap_bg.limited{background-color: @c95;}
	
    .small_swiper .swiper_counter{position:absolute; z-index:10; top:10px; right:10px; font-size:16px; font-family:@ffPlayfairDisplay; color:@cwh; text-shadow:0 0 4px rgba(0,0,0,0.2), 0 0 3px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,1);}

	.small_swiper .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
	.small_swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left: auto; right: 0; transform: translateX(0%); opacity:1;}
	
	.swiper_wrap_bg .limited{position:absolute; z-index:10; color: white; bottom: 12px; left:0; font-size: 12px; font-weight: 500; padding:12px 0 0 13px; height:41px;}
	.swiper_wrap_bg .limited:after{background: url("/images/limited.png") no-repeat; content: ''; position:absolute; left: 0; top: 0; width:188px; height:inherit; left: 0; z-index: -1;}

	/*.limited{position:absolute; z-index:10; bottom: 12px; left:5px; background: linear-gradient(130deg, black 5%, #950A12 95%); color: white; font-size: 12px; font-weight: bold; padding:2px 6px; border-radius: 25px; opacity:.85;}*/

	.text_wrap .row{flex-wrap:initial;}
	.text_wrap .row > div[class^="col-"]:first-child{padding-right:0; flex:auto; max-width:none; flex-grow:1;}
	.text_wrap .row > div[class^="col-"]:last-child{padding-left:0; flex:0 0 115px; max-width:115px}
}



.certificate_block{margin-top:40px; margin-bottom:60px;}
.certificate{}
.certificate_item{
	position:relative; height:250px; background-color:@cwh; border-radius:10px; overflow:hidden; transition:background-color 0.9s ease-in-out; box-shadow: 0 0 20px rgba(0,0,0,0.2);

    svg{width:524px; height:528px; fill:@cwh; position:absolute; left:0; bottom:-100px; z-index:1; transition:all 0.6s ease-in-out; filter:drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.2));}
    .text{color:@cB5; font-family:@ffPlayfairDisplay; position:relative; z-index:10; margin:15px 0 0 20px;}
    .price{position:relative; z-index:5; text-align:center;}
    .price > span{font-family:@ffPlayfairDisplay; color:@cda; font-size:90px; line-height:90px; display:block;}
    .price > span > span{ font-size:50px; font-weight:bold;}
    .button{position:absolute; z-index:15; left:15px; bottom:15px; right:15px;}
    .button a{display:block; font-family:@ffMontserrat; border:solid 1px @cda; padding:10px 0; text-align:center; color:@cbl; text-decoration:none;}

    &:hover{
        background-color:@c95;

        .text{color:@cwh;}
        svg{left:-30px; bottom:-130px; z-index:1; fill:@c95; filter:drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.9));}
        .button a{color:@cwh;}
    }
}


.as_art_block{margin-bottom:30px;

    p{text-align:center;}
    p.strong_text{font-weight:600; font-size:24px; margin-bottom:0;}
}
.swiper_as_art_wrap{margin:0 0 50px;
	
	.swiper-slide .item{text-align:center; padding:0 10px; transition:all 0.3s ease-in-out; opacity:.2; transform:scale3d(0.8, 0.8, 1)}
	.swiper-slide .item img{transform-style:preserve-3d;}
	.swiper-slide.swiper-slide-next .item,
	.swiper-slide.swiper-slide-next + .swiper-slide .item{opacity:1; transform:scale3d(1, 1, 1);}
	
	.swiper-pagination{bottom:10px; padding:8px 0 0;}
	
	
	.swiper_nav{position:absolute; z-index:10; text-align:right; width:1200px; margin-left:-600px; left:50%; top:50%; margin-top:-63px; height:0;}
	.swiper_nav svg{display:inline-block; width:34px; height:34px; fill:none; cursor:pointer; stroke:@c95; }
    .swiper_nav span{border:solid 1px white; padding:25px; border-radius:50%; display:inline-block; cursor:pointer;}
    .swiper_nav span:first-child{float:left; transform:rotate(180deg);}

    .swiper_nav span:hover{ background-color:@c95; border:none;}
    .swiper_nav span:hover svg{stroke:@cwh;}
	
}

.we_salon{margin:80px 0 0 ;

    .item{}
    .img_block{ margin:0 0 20px;;}
    .img_block img:first-child{ margin-right:15px; vertical-align:top;}
    .text{}
}

.model_wrap{ margin:0 0 50px;
	
	.slider_header{margin-bottom:30px;}
    h4{font-weight:600; margin-bottom:0;}
	
}

.swiper_model{
	
    .item{margin:20px 20px 35px ;}
    .text{ margin-top:10px;}

    .img_block{text-align:center;}
    .big_img{display:inline-block; margin:auto; position:relative;}
    .big_img img{}
    .small_img{}
    .small_img img{max-width:100px; position:absolute; bottom:10px; right:10px;}
	
	.swiper-pagination{bottom:0;}
}


.shops_block{
     padding-bottom:20px;

    .item{border-bottom:solid @cda 2px;  position:relative; min-height:60px;}
    .text{line-height:30px; font-size:24px; margin-bottom:40px;}
    .text a{color:@cbl; font-weight:600; text-decoration:none;}
    .icon{background-color:@cwh; width:60px; height:60px; position:absolute; right:0; top:0; border-radius:50%; line-height:60px; text-align:center;}
    .icon svg{stroke:@cda; fill:none; width:30px; height:30px;}
}  

.contacts_block{
     padding-bottom:30px;

	.col_item{position: relative;}
	.col_item:before{position: absolute; content: ''; bottom: 0; left:10px; right: 10px; border-bottom:solid @cda 2px;}
	

	.item_wrap:first-child{}
    .item{position:relative; display: inline-block; padding-right: 80px;}
    .text{line-height:30px; font-size:24px; position: relative; z-index: 10; margin-bottom: 20px;

		a{color:@cbl; font-weight: 600; text-decoration:none; line-height: 36px; vertical-align: middle;}
		a:hover{color: #950A12;}
		b{font-weight: 600;}
		
		.phone_item:first-child{margin: 5px 0;}
		svg{width:30px;}
		.social_a{display: inline-block;}
		.social_icon{vertical-align: text-bottom;}
		
	}

    .icon{background-color:@cwh; width:60px; height:60px; position:absolute; right:0; top:0; border-radius:50%; line-height:60px; text-align:center;}
    .icon svg{stroke:@cda; fill:none; width:30px; height:30px;}
}  


/*-- REMODAL --*/
.remodal{
	background:url("/images/bg_1.png") @cwh;
	
	.remodal-confirm{font-family:@ffMontserrat; font-weight:600; font-size:16px; padding:15px 30px; .mixin_button_1}
	.remodal-confirm:hover,
	.remodal-confirm:focus{color:white; text-shadow:0 0 5px rgba(0,0,0,.4); .mixin_button_hover_1}
	.remodal-close{background:@c95;}
	.remodal-close:hover, .remodal-close:focus{background:@cda; color:white;}
}



/*-- Адаптивное меню --*/
#trigger_overlay{position:fixed; z-index:999; right:10px; top:10px; padding:2px; background:@cB5; border:none; outline:none; font-size:0;}
#trigger_overlay svg{height:38px; width:40px; fill:@c95;}

/* Overlay style */
.overlay{position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(181, 185, 184, 0.9); z-index:1000;}

/* Overlay closing */
.overlay #overlay_close{position:absolute; right:10px; top:10px; padding:2px; border:none; background:@cB5; font-size:0; outline:none; z-index:10;}
.overlay #overlay_close svg{height:38px; width:40px; fill:@c95;}

/* Menu style */
.overlay nav{text-align:center; position:relative; top:50%; height:100%; transform:translateY(-50%); overflow:auto;}

.overlay .menu_items{display: flex; align-items: center; height: 100%; justify-content:center;}
.overlay .menu_items ul{display:block;}
.overlay ul{list-style:none; padding:10px 15px; margin:0 auto; display:inline-block; position:relative;}
.overlay ul li{display:block; padding:3px 0;}
.overlay ul li a{font-size:24px; font-weight:300; padding:8px 0; display:inline-block; color:@c95; -webkit-transition:color 0.2s; transition:color 0.2s; line-height:normal;}

.overlay ul li a:hover,
.overlay ul li a:focus {color:#f0f0f0;}

/* Effects */
.js_body_container {
	-webkit-transition:-webkit-transform 0.5s;
	transition:transform 0.5s;
}

.js_body_container.overlay-open {
	-webkit-transform:scale(0.95);
	transform:scale(0.95);
}

.overlay-contentscale {
    visibility:hidden;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	-webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s;
	transition:transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentscale.open {
	visibility:visible;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
	-webkit-transition:-webkit-transform 0.5s;
	transition:transform 0.5s;
}

@media screen and (max-height:30.5em) {
	.overlay nav {
		height:100%;
		font-size:34px;
	}
	.overlay ul li {
		min-height:34px;
	}
}


.form-control{ border-radius:0;}
.form-control:focus{border-color:@cda; box-shadow:0 0 0 0.2rem rgba(218,156,64,.25);}
.google-recaptcha-container div{text-align:center; margin:auto;}
label.error{color:@cre; font-size:14px; font-weight:bold;}
.form-group label{font-weight:bold;}
h2.modal_title{background:none; font-size:36px; margin:0; padding:0 0 18px;}
.text_modal_price{font-size:20px; font-weight:bold;}
.remodal form{margin:25px 0 0;}

.text_modal_product{font-size:20px; font-family:@ffMontserrat; font-weight:600; color:@c95;}

@media (max-width:1285px) {
	.header_image_wrap{
		 background-size:cover; height:auto; height: calc(var(--vh) * 100);
		
		.logo_top svg{max-width:480px;}
		
		.header_text.t1, .header_text.t2, .header_text.t3, .header_text.t4{font-size:26px; line-height:30px;}
		.header_text.t4{top:auto; bottom:6vh}
		.header_text.t1 small, .header_text.t2 small, .header_text.t3 small, .header_text.t4 small{font-size:18px;}
	}
}

@media (max-width:1200px) {
	.certificate_item{height:200px;
	
	.price span{font-size:50px; line-height:70px;}
	.price span span{font-size:30px}
	}
	.swiper_as_art_wrap{
		.swiper-slide.swiper-slide-next .item,
		.swiper-slide.swiper-slide-next + .swiper-slide .item{opacity:.2; transform:scale3d(0.8, 0.8, 1);}
		.swiper-slide-active + .swiper-slide .item{opacity:1; transform:scale3d(1, 1, 1);}
	}
}

@media (max-width:1100px) {
	
	.info_block_wrap{}
	.info_block .item{flex:0 0 100%; max-width:100%; padding:10px 0}
	.info_block .item:first-child{padding-top:15px; padding-bottom:5px}
	.info_block .item:last-child{padding-bottom:15px; padding-top:5px}
	
	.slider_header{}
	
	.model_wrap .h4,
	.slider_header .h3{margin-left:15px; margin-right:120px;}
	
	.certificate_block h3, footer h3{margin-left:15px;}
	
	.product_arrows{margin-right:15px}
}

@media (max-width:992px) {
	
	.info_block_wrap .info_block{padding-left:80px;}
	.info_block_wrap .info_block:before{background-position:-45px center;}
	
	.certificate_item{height:210px; margin:10px 0; box-shadow:0 0 15px rgba(0,0,0,0.3);}
	.certificate_item .price span{font-size:60px; line-height:80px;}
	.certificate_item .price span span{font-size:36px}
	
	.swiper_product{
		.item .text{margin-bottom:10px;}
		.item a.product_button{float:none; display:block; text-align:center}
		
	}
	
	
	
	
	
}

@media (max-width:768px) {
	.header_image_wrap{
		
		background-size:cover; height:100vh; height:calc(var(--vh) * 100);
		
		.logo_top{}
		.logo_top svg{max-width:400px;}
		
		.header_text.t1{}
		.header_text.t1, .header_text.t2, .header_text.t3, .header_text.t4{transform:scale(0.7);}
		.header_text.t3{top:auto; bottom:8vh;}
		.header_text.t4{top:auto; bottom:10vh;}
		.header_text.t1 small, .header_text.t2 small, .header_text.t3 small, .header_text.t4 small{font-size:18px;}
	}

	.swiper_wrap_bg .limited{display: none;}

	.shops_block{padding-bottom:100px;}
	
	.contacts_block{padding-bottom:60px;}
	
	.swiper_as_art_wrap{
		.swiper-slide .item,
		.swiper-slide.swiper-slide-next .item,
		.swiper-slide.swiper-slide-next + .swiper-slide .item{opacity:1; transform:none;}
		.swiper-slide-active + .swiper-slide .item{opacity:1; transform:none;}
		
		.swiper-pagination{bottom:5px}
	}
	
	.we_salon .img_block{text-align:center}
	
	.shops_block .item{margin-bottom:20px;}
	.shops_block .text{margin-bottom:10px;}
	
	
	.info_block_wrap .info_block{}
	
	
	.contacts_block {
		.item{margin-bottom:20px; min-height: auto;}
		.text{margin-bottom:0;}
		.col_item:last-child .item_wrap .item{margin-top: 20px;}
		.item_wrap .item{display: block;}
		.phone_item a{font-size: 20px; line-height: 24px; display: inline-block;}
	}
	

	.swiper_model{
		.img_block{}
		.big_img{ max-width: 100px;}
		.small_img img{position: relative; bottom: auto; right: auto; padding-top: 10px;}
		.item .text{text-align:center;}
	}
	
	.swiper_product .item {
		.text_wrap .row{flex-wrap: wrap;}
		.text_wrap .row > div[class^="col-"]:first-child{padding-right:15px; flex: 0 0 100%; max-width: 100%; flex-grow:inherit;}
		.text_wrap .row > div[class^="col-"]:last-child{padding-left:15px; flex: 0 0 100%; max-width: 100%;}
	}
	
	.slider_header .h3 span{font-size:28px;}
	.slider_header span i{}
	
	.remodal{padding:20px;}
}


@media (max-width:550px) {
	
	
}