@keyframes fadeInUp1 {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

 
#comp {
    position: absolute;
    width: 200px;
   right:-30px;
    top: 100%;
    padding-top: 20px;
    font-style: normal;
    z-index: 10;
    animation-name: fadeInUp1;
    animation-duration: .5s;
    animation-fill-mode: both
}

.emph1i2 #comp 
{
right:auto;
left:-30px;	
}


#comp2 {
    text-align: center;
    padding-top: 12px;
    padding-left: 11px;
    padding-right: 11px;
    padding-bottom: 4px;
    border: 1px solid #ddd;
    position: relative
}

#comp3 {
    text-align: center;
    padding-bottom: 13px;
    color: #000;
    font-size: 14px;
    line-height: 17px
}

#comp4 {
    text-align: center;
    padding-bottom: 13px;
    font-size: 14px;
    line-height: 17px
}

.comp_i4 {
    background: #fff;
    width: 50px;
    top: 23px;
   right:21px;
    position: absolute;
    z-index: 3;
    height: 6px
}

.comp_i1 {
    position: absolute;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 7px;
    right: 30px;
    border-width: 0 15px 15px
}

.comp_i2 {
    position: absolute;
    border-style: solid;
    border-color: #ddd transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 11px;
    right: 30px;
    border-width: 0 15px 15px
}

.comp_i3 {
    position: absolute;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 12px;
    right: 30px;
    border-width: 0 15px 15px
}

.emph1i2 .comp_i1,.emph1i2 .comp_i2,.emph1i2 .comp_i3
{
	right:auto;
	left:30px;
}

.emph1i2 .comp_i4 {
    left: 21px;
    right: auto;
}


#comp4 a {
    font-weight: 400;
    color: #05B6D7;
    text-decoration: none!important;
    border-bottom: 1px dashed;
    font-size: 14px;
    display: inline-block;
    line-height: 17px
}

#comp1 {
    position: relative;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 2px!important;
    box-shadow: 0 0 20px #ddd
}




#overlay 
{
opacity: 0;
background: rgb(51,51,51,.7);
left: 0;
top: 0;
bottom: 0;
right: 0;
position: fixed;
z-index: 1000000002;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
 
#vs_popup
{line-height: 1.4;
padding-left:47px;
padding-right:47px;
position:fixed;
left:50%; 
top:50%;
background:#fff;
-webkit-box-shadow: 0 0 16px rgb(0 0 2 / 20%);
box-shadow: 0 0 16px rgb(0 0 2 / 20%);
z-index: 1000000003;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@media screen and (max-height: 550px) 
{

#vs_popup
{
	top:20px;
	bottom:20px;
	overflow:hidden;
	height:auto!important;
	margin-top:0px!important;
	overflow:auto;
}
	
}
@keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}

.fadeIn
{
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

#vs_title
{
font-size: 30px;
line-height: 1.3;
margin-top:19px;
text-align:center;
margin-bottom:0px;
}


#vs_close
{
z-index:1;
position: absolute;
top: 0px;
right: 0px;
    width: 50px;
    height: 50px;

cursor: pointer;

display: block;
}

#vs_close img
{
	position: absolute;
	right:16px;
	top:16px;
}
 

#vs_close:active
{
margin-top:1px;
} 

#vs_popup textarea
{
height:100px;
resize:none;	
}

.vs_desc_recall_textarea{
	height:127px;
}

#vs_popup input[type="text"],#vs_popup input[type="password"], #vs_popup textarea
{
    width: 100%;
    font-size: 14px;
    transition: all 0.2s;
    margin: 0px auto;
    border: 1px solid #dcdcdc;
    color: #000;
    border-radius: 0px;
    line-height: 1!Important;
    resize: none;
    outline: none;
    position: relative;
    padding: 13px 25px 17px 25px;

}
.vsiw
{
	
padding-bottom: 25px!important
}
 

#vs_popup input.vs_error,#vs_popup textarea.vs_error 
{
border-color:#FF001F;
 
transition:all 0.2s;
}

#recall_go
{
position:relative;
padding-bottom:40px;	
text-align:center;

}

#recall_go.active4 i 
{
	color:#05B6D7!important;
}
#recall_go.active2.active3 i 
{
	color:#000!important;
}

#recall_go.active span
{
	background: #000!important;
	 
	cursor:default;
}
 
#recall_go i 
{
opacity:0;
visibility:hidden;
transition:all 0.3s;
position:absolute;
left:0px;
right:0px;
top:67px;
text-align:center;

font-size: 15px;
font-style:normal;

}

#recall_go.active i,#recall_go.active2 i 
{
opacity:1;
visibility:visible;
transition:all 0.3s;
}

.vs_desc_recall 
{
text-align: center;
padding-top: 25px;
position:relative;
}

.vs_desc_recall>div 
{
font-size:16px;
line-height:1.4;
padding-top:0px;
color:#000;
padding-bottom:28px;
text-align:center;
}




.i_form_wrap.form_error input {
   border-color:#FF001F; 
}

.i_form_wrap input
{
	transition:all 0.3s;
} 

#sl
{
	padding-top:13px;
	
	position:absolute;
	left:0px;
	top:47px;
	right:0px;
	box-shadow: 0px 7px 22px 0px rgba(0, 0, 0, 0.25);

	background:#fff;
}
#sl>span
{
	display:block;
}
#sl>a
{
	display:block;
	position:relative;
	height:50px;
	padding-left:67px;
	padding-right:130px;
}
#s4
{
    background: rgb(176, 132, 109);
    height: 46px;
    display: block;
    color: #fff;
    text-align: Center;
    font-size: 14px;
    padding-top: 13px;
    white-space: nowrap;
    padding-left: 18px;
    padding-right: 18px;
}
.sl1
{
	position:absolute;
	left:15px;
	top:0px;
	height:37px;
	width:37px;
	border-radius:5px;
	
	 
    background-position-x: 50%;
    background-position-y: 50%;
    display: block;
    background-size: cover;
	
}
.sl3{
	position:absolute;
	right:0px;
	top:10px;
height:32px;

	width:90px;
	  
    font-size: 16px;
 
	color:rgb(76, 77, 88);
	
	line-height:18px;

}
.sl3 span{
    font-size: 14px;
 	color:rgb(76, 77, 88);
	
	line-height:18px;
}
.sl2
{
	position:relative;
	top:2px;
	    align-items: center;
		height:32px;
	 display: flex;


}

.sl2 span{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: rgb(76, 77, 88);
  
    font-size: 14px;
 
	
	line-height:18px;
} 




#cats a
{
	position:relative;
}

#cats a:before
{
	
	position:absolute;
	left:0px;
	top:20px;
	content:'';
	transition:all 0.3s;
	background:#05B6D7;
	width:0px;
	height:1px;
}

#cats>div>a:hover:before 
{
	width:100%;
}

#wrap
{
	overflow:hidden;
}
#cats a
{
transition:all 0.2s;	
}

   
.product_title a:hover
{
	text-decoration:underline;
 
}

.catalog_buy:hover 
{
background:#000;
color:#fff;
}
html.menu_active
{
	
	
    top:0px;
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    overflow-y: visible;

    -ms-touch-action: none;
    touch-action: none;

}

body.menu_active{overflow:hidden}


.trans{
	-webkit-transition:all .3s ease-in;transition:all .3s ease-in;
}
body.menu_active #wrap:after 
 {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 109010000;
}


.swipe-menu{display:block;position:fixed;top:0;bottom:0;left:0;width:388px;-webkit-transform:translateX(-388px);transform:translateX(-388px);background:#fff;
z-index:1000000000;

overflow:auto}
body.menu_active .swipe-menu
{
	-webkit-transition:all .3s ease-in;transition:all .3s ease-in;
	-webkit-transform:translateX(0);

transform:translateX(0);

}

#sw1
{
	position:relative;
	margin:32px 0px 45px 38px;
	padding-top:62px;
}

#sw1>svg
{
	cursor:pointer;
	width:22px;
	height:22px;
	position:absolute;
	left:0px;
	top:0px;
}
#sw1>svg path,#sw3>svg path
{
transition:all 0.2s;
}
#sw1>svg:hover path
{
stroke:#CA99B1
}
#sw3 svg:hover path
{
fill:#CA99B1
}

#sw1>svg:active
{
	top:1px;
}

#sw2>div
{
	padding-bottom:37px;
}

#sw2>div>a
{

font-size: 23px;
transition:all 0.2s;
color: rgb(114, 114, 114);

}
#sw2>div>a:hover
{
color:#CA99B1;
}
#sw3 svg
{
	cursor:pointer;
}
#sw3
{
    padding-top: 13px;
    padding-bottom: 56px;
    width: 107px;
    display: flex;
    justify-content: space-between;
}
.bghover {

    transition: all .3s;
}

 
#recall
{
	width:275px;
}