@font-face {
  font-family: gotham_medium;
  src: url(/fonts/new/gotham-medium.woff);
}

@font-face {
  font-family: gotham_book;
  src: url(/fonts/new/gotham-book.woff);
}


@font-face {
  font-family: gotham_light;
  src: url(/fonts/new/gotham-light.woff);
}


@font-face {
  font-family: gotham_black;
  src: url(/fonts/new/gotham-black.woff);
}


.f900
{	font-weight:normal!important;
font-family: gotham_black, Verdana, sans-serif!important;
}

.f700,#desc b,#desc strong
{	font-weight:normal!important;
font-family: gotham_medium, Verdana, sans-serif!important;
}

.f500
{	font-weight:normal!important;
  font-family: gotham_book, Verdana, sans-serif!important;
}

.f400
{	font-weight:normal!important;
  font-family: gotham_light, Verdana, sans-serif!important;
}


body,html{font-family: gotham_medium, Verdana, sans-serif;margin:0;padding:0;font-style:normal;font-size:16px;line-height:1;color:#000;text-align:left;background:#fff;white-space:normal;min-width:1150px;min-height:100%;height:100%}

*{margin:0;padding:0;box-sizing:border-box;text-align:left;border:none;outline:0;color:#000;background-repeat:no-repeat;	font-weight:normal!important;}

#cur0
{
	display:none;
}

.oldprice
{
	margin-right:10px;
	text-decoration:line-through;
	font-weight: normal !important;
    font-family: gotham_book, Verdana, sans-serif !important;
}

.but
{

height: 62px;
background: #E1ABC5;
border-radius: 10px;
color:#fff!important;

text-align:center;
padding-top:19px;
font-size: 16px;
display:block;
line-height: 19px;
cursor:pointer;
transition:all .3s;
}
#cats>div>div
{
	height: 60px;
    padding-top: 22px;
}
#cats>div>div>a
{
	position:relative;
	padding-right:20px;
}
#cats>div>div>a:after
{
	position:absolute;
	right:2px;
	top:2px;


    border: solid rgb(100, 100, 100);
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    content: '';
   
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.3s;
    z-index: 2;

}

.cats_parent
{
	display:none;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:bold;
	margin:0px;
	padding:0px;
}


.title.f700,h1.f700,h2.f700,h3.f700,h4.f700,h5.f700
{
	font-weight:400;
}

.title
{
	
font-size: 50px;

line-height: 60px;

}
.title2{

font-size: 32px;
line-height: 38px;
}

#lright
{
	display:flex;
		position:absolute;
	right:0px;
	top:15px;
}
#cart_top
{
	position:relative;
	margin-right:41px;
	top:0px;
}
#cats
{
    z-index: 20;
    position: relative;
    background: #fff;
	height:60px;
	display:flex;
	    align-items: center;
    justify-content: center;
}

#cart_top
{
	line-height:1;
	display:flex;    align-items: center;
}
#cart_top>a
{

	line-height:1;
	display:flex;    align-items: center;
}
#cart_top span
{
	display:flex;    align-items: center;
	font-size:15px;	margin-left:4px;
	line-height:1;
    margin-right: -31px;
position: relative;
top:1px;

}
#cart_top b
{
	margin-left:4px;	line-height:1;
}
#cart_top span>i
{
	background: #B3866F;
width:20px;
height:20px;
text-align:center;
padding-top:4px;
font-size:12px;
font-style:normal;
color:#fff;
border-radius:100%;
margin-right:9px;
}

#search
{
	cursor:pointer;
	position:relative;
margin-right: 46px;
	top:2px;
}
#search_form
{
	display:none;
}

#phone{
	
font-size: 15px;
font-weight: 500;
position:absolute;
	left:90px;
	top:20px;
	padding-left:36px;
}

#phone img
{
	position:absolute;
	left:0px;
	top:-3px;
}

#menu
{
	cursor:pointer;
	position:absolute;
	left:0px;
	top:15px;
}
#logo
{
	margin:0px auto;

	position:absolute;
	left:50%;
	margin-left:-87px;
	top:7px;
}
#top
{
	z-index:21;
	position:fixed;
	left:0px;
	top:0px;
	height:60px;
	background:#fff;

	right:0px;
}

#top:after
{

background: linear-gradient(90deg, rgba(192, 192, 192, 0) 0%, #C0C0C0 50.07%, rgba(192, 192, 192, 0) 100%);

height:1px;

position:absolute;
left:0px;
right:0px;
bottom:0px;
content:'';

}

a,a:link, a:visited
{
text-decoration:none;
color: #000;
}

table{border-collapse:collapse;border-spacing:0}

.wrapper
{
margin-left:calc(8/57*100vw - 139px);
margin-right:calc(8/57*100vw - 139px);
position:relative;
}
.wrapper22
{
margin-left:calc(8/57*100vw - 161px);
margin-right:calc(8/57*100vw - 161px);
position:relative;
}
.wrapper2
{
margin-left:calc(8/57*100vw - 139px);
margin-right:calc(8/57*100vw - 139px);
position:relative;
}
.wrapper1{margin:0 auto}

#b0_1,.swipe-menu
{
	display:none;
}


.clear {
    clear: both;
} 

#cur
{
	padding-right:15px;
	position:relative;
	
	top:6px;
}

#cur img
{
	position:absolute;
	right:0px;
	top:4px;
}
.break_title_price
{
	height:30px;
}
.cl_price 
{
	height:50px;
	    align-items: center;
    justify-content: center;
	display:flex;
}
.cl_body
{
	padding-bottom:47px;
	border-top:none;
	border-bottom-left-radius:10px;
	

}

.cl_price>a span
{
	
font-size: 18px;
color:rgb(125, 125, 125);
line-height: 22px;

}
.cl_price>a
{
	color:rgba(76, 77, 88);
font-size: 22px;
line-height: 26px;
}

.catsize{
	border:1px solid rgb(224, 224, 224);
	padding:9px 12px 11px 12px;
	border-radius:6px;
	cursor:pointer;
}

.hovnew>i
{
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.25);
}

.hovnew
{
	z-index:1;
}

.hovnew .catsizes
{
display:flex;
}

.catsizes
{
	display:none;
	position:absolute;
	top:100%;
	margin-top:-10px;
	justify-content: center;
	display:none;
	gap:20px;
	left:27px;
	right:27px;
}

.catalog_buy>span
{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
}

.incart_yes
{
	display:none;
}
.incart_yes svg
{
	position:absolute;
	left:50%;
	top:50%;
	width:25px!important;
	height:19px!important;
	margin-left:-12px;
	margin-top:-10px;
}
.incart_yes
{
background: #FFDBED;

	border-radius:10px;
}

.incart .incart_yes
{
	display:block;
}

.incart .incart_no
{
	display:none;
}



.catalog_buy
{
	position:relative;
	cursor:pointer;
	width:50px;
	height:50px;
	margin-left:18px;
}

.catalog_buy svg
{
		width:50px;
	height:50px;
}

.product_title
{
	    height: 71px;
	margin-left:27px;
	margin-right:27px;
	padding-top:20px;
	display:flex;
	align-items: center;
    justify-content: center;
}

.cl_wrap
{
 position:relative;
	border:1px solid rgb(224, 224, 224);

	transition:box-shadow 0.2s;
	    border-radius: 10px;
}

.cl
{
	
	
	position:Relative;
}
.cl_top
{
    position: absolute;
    left: 0px;
    top: 20px;
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
.nophoto
{
	position:relative;
}
.nophoto span
{
	  display: flex;
    justify-content: center;
    align-items: center;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	position:absolute;
}
 
.nophoto img
{
	max-width:80%;
	max-height:80%;
}
.cl_top div
{
	width: 76px;
height: 30px;
padding-top:7px;
text-align:center;
font-weight:500;
color:#fff;
font-size: 14px;

	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
 


.cl_top_new
{
background: #00B150;

}
.cl_top_action
{
background: #FF3D39;

}
.cl_top_hit
{
background: #FCB91A;

}
.product_title a
{
 
    overflow: hidden;
   
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
	color:#000;
text-align:Center;
font-size:18px;
line-height:25px;
}
.list .cl_wrap
{
width:calc(100%/3 - 29px);
float:left;
margin-bottom:44px;
}

.list .cl_wrap_center
{
	margin-left:44px;
	
}

.list .cl_wrap.cl_wrap_right{
	float:right;
}


.cl_image>a
{
	
	background-position-x: 50%!important;
    background-position-y: 50%!important;
	display:block;
	
	background-size:cover!important;
}
.cl_image>a>i
{
padding-top: calc(100%/470*360);
    width: 1px;
    display: block;
}

.fborder
{

height:1px;
background: linear-gradient(90deg, rgba(192, 192, 192, 0) 0%, #C0C0C0 50.07%, rgba(192, 192, 192, 0) 100%);


}
.fwrap
{
	text-align:center;
}
.fblock a
{
	color:#ECECEC;
}
.fwrap
{
	padding-bottom:15px;
}
.fblock
{
color:#ECECEC;
display:inline-block;
margin-left:25px;
margin-right:25px;
margin-bottom:25px;
font-size: 14px;
position:relative;
padding-left:14px;
}

.fblock:after
{
	content:'';
	width: 6px;
height: 6px;
border-radius: 100%;
background: #CE9CB1;
position:absolute;
left:0px;
top:4px;

}

#footer2
{
	width:600px;
	margin:0px auto;
}

.ftitle
{
	text-align:center;
	color:#fff;
	padding-top:33px;
	padding-bottom:33px;
	
	
font-size: 20px;

}

#fbottom
{
	
font-size: 15px;
text-align:center;
color:#fff;
padding-top:50px;

}

#footer1
{

	text-align:center;
	padding-top:56px;
	padding-bottom:12px;
}

#rasp
{
	height: 870px;

}

.fsoc:after
{
	  
border-radius:0px!important;
}

#f_ph:after
{
	width:19px!important;
	height:19px!important;
	background:url("/images/svg/fphone.svg")!important;
margin-left: -13px;
    margin-top: -5px;
}

#f_ad
{
	padding-left:26px!important;
}
#f_ad:after
{
	width:16px!important;
	height:19px!important;
	background:url("/images/svg/fad.svg")!important;
    
    margin-top: -7px;
}
#f_em
{
	padding-left:31px!important;
}
#f_em:after
{
    width: 20px!important;
    height: 17px!important;
    background: url(/images/svg/fem.svg)!important;

    margin-top: -5px;
  background-size: 100% 100%!important;
}
#f_fb
{
	padding-left:22px!important;
}
#f_fb:after
{
    width: 10px!important;
    height: 19px!important;
    background: url(/images/svg/ffb.svg)!important;
 
    margin-top: -7px;

}
#f_is
{
	padding-left:31px!important;
}
#f_is:after
{
    width: 19px!important;
    height: 19px!important;
    background: url(/images/svg/fis.svg)!important;

    margin-top: -6px;

}
#f_tg
{
	padding-left:32px!important;
}
#f_tg:after
{
    width: 21px!important;
    height: 19px!important;
    background: url(/images/svg/ftg.svg)!important;

    margin-top: -6px;


}

#footer
{

	background:#4b362b;
	 
height: 870px;

margin-top:-870px;
position:relative;
z-index:1;
}

#cur span
{
	font-size:15px;
}

#wrap {
	padding-top:60px;
    position: relative;
    min-height: 100%;
}

#cats a
{
	    justify-content: center;
	margin-left:18px;
	margin-right:18px;
	color:#8b8b8b;
font-size: 14px;
  

}



input[type="text"],input[type="password"], textarea
{
 font-family: gotham_medium, Verdana, sans-serif;
resize:none;
display:block;
    padding-top: 18px;
    padding-bottom: 23px;
padding-left: 30px;
padding-right: 30px;

  color:#4C4D58;
width:100%;
border: none;
outline:none!important;
box-shadow: none!important;
margin:0px;
line-height: normal;

font-size: 16px;
font-weight: 400;
border-radius:10px;
border: 1px solid #E0E0E0;

background: #Eff0f2;

}

::-webkit-input-placeholder {
  color: rgb(152,154,176);
}

:-ms-input-placeholder {
  color: rgb(152,154,176);
} 

::placeholder {
  color: rgb(152,154,176);
}


@media (min-width: 1600px)
{
.wrapper2,.wrapper{
margin-left: calc(50% - 750px);
margin-right: calc(50% - 750px);
}
.wrapper22{
margin-left: calc(50% - 772px);
margin-right: calc(50% - 772px);
}
}


 
 
@media (max-width: 1500px)
{
	#cats {
   
    justify-content: space-evenly;
}
#cats a {
    
    margin-left: 0px;
    margin-right: 0px;
 
}
}



@media (max-width: 1266px)
{
.wrapper2
{
margin-left:40px;
margin-right:40px;
}
.wrapper
{
margin-left:40px;
margin-right:40px;	
}
.wrapper22
{
margin-left:18px;
margin-right:18px;	
}
#top
{
	position:relative;
}	
#wrap
{
	    padding-top: 0px;
}
}


.cl_wrap
{
	border:none!important;
	box-shadow:none!important;
	border-radius:0px!important;
}
.cl_image
{
	overflow:hidden;
	border-top-right-radius:10px;
		border-top-left-radius:10px;
}
.cl_wrap>i
{
	    transition: box-shadow 0.2s;
	    border-radius: 10px;
	    border: 1px solid rgb(224, 224, 224);
	position:absolute;
	background:#fff;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
}

 
#mes
{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100;
	
}

#mes1
{
	z-index:100001;
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 100%;
    right: 0px;
    bottom: 0px;
    border: 2px solid #E1ABC5;
}
#mes2 img
{
 
    width: 40px;
    position: absolute;
    left: 20px;
    top: 18px;
	display:block;
}
#mes2
{
	
	cursor:pointer;
	    border: 2px solid #fff;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: #E1ABC5;
}

#mes3
{
	
    position: absolute;
   right:13px;
   bottom:13px;
   
}

#mes3 img
{
		    border-radius: 100%;z-index:100000;
	width:53px;
	height:53px;
	position:absolute;
right: 2px;
    bottom: 2px;
	transition:all 0.3s;
}

#mes.active #mes3 img
{
	display:block;
}

#mes.active #mes_1{
	bottom:95px;
}
#mes.active #mes_3{
	bottom:172px;
}
#mes.active #mes_4{
	bottom:249px;
}
#mes.active #mes_5{
	bottom:326px;
}

#mes.active #mes2 img
{
	display:none;
}

#mes5
{
	transition:all 0.3s;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

#mes.active #mes5 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#mes5:before {
    position: absolute;
    width: 36px;
    height: 2px;
    margin: 0 0 0 -16px;
}
#mes5:after, #mes5:before {
      top: 36px;
    left: 36px;
    background: #fff;
    content: '';display:none;
}
#mes5:after {
    position: absolute;
    width: 2px;
    height: 36px;
    margin: -16px 0 0;
}

#mes.active #mes5:before,#mes.active #mes5:after
{
		display:block;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(10deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-10deg); }
  100% { transform: rotate(0deg); }
}
.tilt
{
animation: tilt-shaking 0.25s linear infinite;
}