@charset "utf-8";
/* CSS Document */
/* full version */
/********************************* reset style ***************************************/
* {
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family: Circe, sans-serif;
	font-weight: 100;
	color: #42303E;
}
img {
	vertical-align: bottom;
}
.flex-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
a {color: #42303E; text-decoration:none;}

.dymmi-100 { height:100px;}


.btn-dark { background:#371B56; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; height:40px; border-radius:20px;align-items: center;
    justify-content: center;
    padding: 0px 20px; padding-top:2px; font-size:14px;}

.line-content {
    width: 90%;
    margin-left: 5%;
}
.mobile-text { display:none;}
.mobile-bar { display:none;}
.not-desk { display:none;}
/*** fonts ***/
@font-face {
	font-family: Circe;
	font-display: swap;
	src:url(../fonts/Circe-light.woff) format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: Circe;
	font-display: swap;
	src:url(../fonts/Circe-Regular.woff) format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: Circe;
	font-display: swap;
	src:url(../fonts/Circe-Bold.woff) format('woff');
	font-weight: 500;
	font-style: normal;
}

.fonts-icons:before {font-family: FontAwesome;
    font-weight: normal;}
.fonts-icons:after {font-family: FontAwesome;
    font-weight: normal;}
	
/***header-line***/
.header-line { position:fixed; height:100px; width:100%; top:0; left:0; background:rgba(0, 0, 0, 0.3); z-index:10; border-bottom:1px solid #f5f5f5;transition:0.3s;}
.wite-header {background:#fff; transition:0.3s; border-bottom: 1px solid #b1afaf;}
.nav-panel { width:450px; position:absolute; left:-470px; background:#fff; height:100vh; top:0px; z-index:11; overflow:auto; padding:28px 50px;flex-direction: column;justify-content: space-between; transition:0.5s; position:fixed; z-index:100000;}
.nav-panel-act {left:0px; transition:0.5s;}
.nav-panel-inner {flex-direction: column;}
#nav-panel-close { display:block; width:48px; height:48px; background: url(../icons/close.jpg) center center no-repeat; background-size: contain; cursor:pointer; opacity:0.6;}
#nav-panel-close:hover { opacity:1;}


.nav-panel-item {flex-direction: column; margin-top:25px; border-bottom:1px solid rgba(55, 27, 86, 0.1);}
.nav-item { border-top:1px solid rgba(55, 27, 86, 0.1); padding:13px 0px;flex-direction: column;}
.nav-item a { display:block; font-size:18px; padding:8px 0px;}

.region-change { margin-top:25px; flex-direction: row;
    align-items: center;}
.region-change div { cursor:pointer; flex-direction: row;
    align-items: center; margin-right:30px;font-size:18px;}
#region-select:before { content:''; display:block; background:url(../icons/map-pin.svg) left center no-repeat; background-size:contain; height:22px; width:26px;}
#region-select:after { content:''; display:block; background:url(../icons/select.svg) right center no-repeat; background-size:contain; height: 8px;
    width:14px;margin-top: 4px;}
#lang-select:before { content:''; display:block; background: url(../icons/settings.svg) left center no-repeat; background-size:contain; height:22px; width:26px;}		
.callback { background:rgba(193, 193, 193, 0.2); height:160px; margin-top:25px;flex-direction: column;
    align-items: center;
    justify-content: center;}
.callback .phone-number { margin-bottom:20px; margin-top:10px; font-size:26px; color:#371B56;}	
.callback p { font-size:14px; text-transform:uppercase; margin:0px;}

.copy { display:block; text-align:center; margin-top:15px;}

.header-line-content { width:90%; margin-left:5%; flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 95px;}
.vizible-menu {align-items: center; width:350px;}
.vizible-menu a { margin-left:25px; color:#fff;}
.icons-menu {align-items: center; width:350px;justify-content: flex-end;}	
.icons-menu a { margin-left:25px; display:block; height:23px; width:23px;}
.lk-enter { background:url(../icons/cart-icons-wite.svg) center left no-repeat;}
.small-cart { background:url(../icons/cart-icons-wite.svg) center right no-repeat;}
.open-menu-icon { width:42px; height:10px;    flex-direction: column;
    justify-content: space-between; cursor:pointer;}
.open-menu-icon span { display:block; width:100%; height:1px; background:#FFF;}	

.header-logo-b { display:block; width:233px; height:51px; background:url(../img/logo-w.svg) center center no-repeat; background-size:contain;}
.wite-header .header-logo-b { background: url(../img/logo-b.png) center center no-repeat; background-size:contain;}
.wite-header .open-menu-icon span {background: #42303E;}
.wite-header .vizible-menu a { color:#42303E;}
.wite-header .lk-enter { background:url(../icons/cart-icon.svg) center left no-repeat;}
.wite-header .small-cart { background: url(../icons/cart-icon.svg) center right no-repeat;}
/*** slider ***/
.slider-line { width:90%; margin:30px 5%; position: relative;}

.item-banner-slide { width:100%; height:calc(100vh + 50px); position:relative;}
.item-banner-slide-text { position:absolute; top:0px; width:100%; bottom:0px; left:0px; background:rgba(0,0,0,0.4); color:#fff;flex-direction: column;
    align-items: center;
    justify-content: flex-end;}
.item-banner-slide-text-title {font-size: 18px;
    text-transform: uppercase;
    opacity: 0.6;}
.item-banner-slide-text-desk {    display: block;
    text-align: center;
    margin-top: 20px;
    font-size: 54px;
    line-height: 1;
    font-weight: 300;}
.item-banner-slide-text-link {height: 48px;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 24px;
    padding: 0px 30px;
    color: #fff;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 150px;
    margin-top: 35px;}
	
.item-banner-slide-text-link2 {
    font-size: 18px;
    text-transform: uppercase;
    flex-direction: row;
    align-items: center;
	margin-bottom: 150px;
    margin-top: 35px;
	color: #fff;
}
.item-banner-slide-text-link2:after {
	content:'';
        width: 25px;
        height: 18px;
		margin-bottom:2px;
        background: url(../icons/left-angle-w.svg) center center no-repeat;
        background-size: contain;
    }	
	
#slik-one {height:100vh!important; width:100%;}	
#slik-one .slick-list { height:100vh!important;}
#slik-one .slick-track { height:100vh!important;}
#slik-one .slick-slide {
     height:100vh!important;
    border: none !important;
}
#first-my-slider .slick-arrow { display:none !important;}
/***spo***/

.spo-text {background:rgba(193, 133, 178, 0.2); width:50%;    flex-direction: column;
    justify-content: center;
    align-items: center;}
	
.spo-img { width:50%;}	

.spo-category { color:#42303E; font-size:21px; text-transform:uppercase; margin-bottom:20px; text-align:center; opacity:0.6;}

.spo-desk { text-align: center;
    font-size: 62px;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 20px;}

.spo-link {justify-content: center;
    width: 100%;
    margin-bottom: 90px;}
.spo-link a {font-size: 18px;
    text-transform: uppercase;
    flex-direction: row;
    align-items: center;}
.spo-link a:after {content:' '; display:block; width: 25px;
    height: 16px; margin-left:5px; background:url(../icons/left-angle.svg) center center no-repeat; background-size:contain; margin-top: -2px;}
/*** end spo***/

/***product item***/
.product-item-container { padding:30px 0px;}
.product-item { width:20%;flex-direction: column;
    align-items: center;padding: 10px;
    border: 1px solid rgba(55, 27, 86, 0.1);}
.product-item-img {align-items: center;
    justify-content: center; background:#F4F4F4; height:300px; margin-bottom:20px;}	
.product-item-img img { width:70%;}
.product-item-count {font-size: 18px;
    text-transform: uppercase;
    color: #C185B2;}
.product-item-name { color:#42303E;font-size: 24px;}
.product-item .cart-plus { width:90%;  margin-top:20px; margin-bottom:10px;}	
.product-item-cekout { width:100%; border:1px solid #C185B2; padding:0px 10px; height:60px; border-radius:30px;justify-content: space-between;
    align-items: center;}
.product-item-cart-button {height:40px; width:40px; background:#C185B2 url(../icons/shopping-bag.svg) center center no-repeat; background-size: 44%; border-radius:20px;}
.product-item-price span { font-size:19px;flex-direction: row;
    align-items: center;}
.product-item-price .original-item-price { text-decoration:line-through; opacity:0.6; margin-left:10px;}	
.product-item-price span:after { content:''; display:block; background:url(../icons/ruble.svg) center center no-repeat; background-size:contain; width: 20px;
    height: 15px;margin-top: -2px;} 
.product-item-price {color:rgba(66, 48, 62, 1);padding-top: 2px;}
/***end product item***/	
/*** product link category***/
.product-link-category {justify-content: center;
    width: 100%;
    padding-bottom: 90px;}
.product-link-category a {font-size: 18px;
    text-transform: uppercase;
    flex-direction: row;
    align-items: center;}
.product-link-category a:after {content:' '; display:block; width: 25px;
    height: 16px; margin-left:5px; background:url(../icons/left-angle.svg) center center no-repeat; background-size:contain; margin-top: -2px;}
/*** end product link category***/
/*** footer-line ***/
.footer-line { background:#371B56;}
.footer-line-content {width:90%; margin-left:5%; flex-direction: row;
    justify-content: space-between;
    align-items: stretch; color:#fff; padding:50px 0px;}
.footer-1-col {flex-direction: column;
    align-items: flex-start;
    justify-content: space-between; width:340px;}	
.logo-footer { height:58px; width:232px; background:url(../img/logo-w.svg) center center no-repeat; background-size:contain;}
.footer-copy { text-transform:uppercase; color:rgba(255, 255, 255, 0.4); font-size:12px;}	

.first-footer .footer-2-col {flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;width:580px;}
.footer-menu {flex-direction: column;
    align-items: flex-start;}
.footer-menu-title { color:rgba(255, 255, 255, 0.6); margin-bottom:15px; font-size:16px;}	
.footer-menu a { color:#fff;font-size:16px; margin-bottom:10px;}

.footer-callback { background:rgba(255, 255, 255, 0.03); width:358px; height:159px; flex-direction: column;
    align-items: center;
    justify-content: center;}
.footer-callback .phone-number { margin-bottom:20px; margin-top:10px; font-size:26px; color:#fff;}	
.footer-callback p { font-size:14px; text-transform:uppercase; margin:0px; color:#fff; opacity:0.5;}
.footer-callback .btn-dark { border:1px solid rgba(255, 255, 255, 0.15); background:none; font-size:12px;}

.last-footer .footer-2-col {flex-direction: row;
    justify-content: space-between;
    align-items: center; width:700px;}
.last-footer a { color:#fff;font-size:16px;}
.last-footer .footer-3-col { width:235px;justify-content: flex-end;}
.wite-header {background:#fff;}