@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
}

.izb_class
{
	cursor:pointer;
}

.izb_class.active path
{
	stroke:#dea7a7
}

.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: #dea7a7;
    text-decoration: none!important;
    border-bottom: 1px dashed;
    font-size: 14px;
    display: inline-block;
    line-height: 17px;
	height:auto!important
}

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


.parentclass{
	position:relative;
}

.product_image .parentclass{
	position:absolute;
	right:10px;
	top:10px;
}


.subsubcat 
{
margin-left:36px;	
}

.subcat.subsubcat >span {
   
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
}


#slist
{
background:#fff;
position:absolute;
left:0px;
right:0px;
top:100%;
z-index:10;
border: 1px solid rgba(49, 61, 63, 1);
border-top:none;
}

#slist>a 
{
	text-decoration:underline;
white-space: nowrap;
    background: rgba(222, 167, 167, 1);
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;

display:block;
}

.sl_not
{
	white-space: nowrap;
    background: rgba(222, 167, 167, 0.6);
    color: #fff;
    font-size: 16px;
    line-height: 22px;

    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;

display:block;
}
#slist>a:hover {
    background-color: rgba(173, 91, 101, 1);
}
.sl_product_image a
{
width:80px;
height:80px;
display:flex;
align-items: center;
justify-content: center;
}

.sl_product_image
{
width:80px;
height:80px;
position:absolute;
left:20px;
top:20px;	
}

.sl_product_image img 
{
max-width:100%;
max-height:100%;
display:block;
margin:0px auto;
}

.sl_product
{
display:block;
height:120px;
border-bottom:1px solid rgba(49, 61, 63, 1);
position:relative; 
}

.sl_product_title
{
font-size: 16px;
line-height: 21px;
}

.sl_product_price
{
font-size: 16px;
line-height: 21px;
color:rgba(222, 167, 167, 1)
}

.sl_product1
{
    position: absolute;
    left: 120px;
    right: 20px;
    top: 5px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
	    justify-content: space-evenly;
}

h1 span
{
white-space: nowrap;
padding-right: 66px;
}

#left2
{
margin-bottom:8px;
display:flex;
font-family: Tenor Sans;
font-size: 24px;
line-height: 29px;
border-bottom: 1px solid rgba(49, 61, 63, 1);
height:61px;align-items: center;
justify-content: center;
text-transform:uppercase;
}
#nmotfo
{
font-size: 17px;
line-height: 24px;
}

.buy2
{
font-size: 15px;
line-height: 29px;
position: absolute;
right: 0px;
font-weight: 700;
top: 7px;
}
#search 
{
top: -4px;
width:calc(100%*2/3 - 250px);
position:relative;
}

#search input
{
width:100%;
 padding-left:54px;
 padding-right:20px;
font-family: Nunito Sans;
font-size: 18px;  
height:57px;
border: 1px solid rgba(49, 61, 63, 1);
}


#search svg
{
width:24px;
height:24px;
position:absolute;
left:16px;
top:16px;
}
.cat>span
{
display:block;
padding-left:24px;
padding-right:24px;
font-family: Nunito Sans;
font-size: 18px;
font-weight: 700;
line-height: 25px;
 


 padding-top:17px;
 padding-bottom:7px;
position:relative;

}

.subcat>span span span
{
position:absolute;
right:24px;

top:50%;
margin-top:-11px;

color: rgba(155, 180, 184, 1);


}
.subcat.first>span
{
 padding-top:10px;
}
.subcat>span
{
cursor:pointer;
display:block;
padding-left:60px;
padding-right:80px;
 position:relative; 
font-size: 18px;
font-weight: 400;
line-height: 25px;
 
 padding-top:7px;
 padding-bottom:7px;

}


.subcat>span>i
{
position:absolute;
left:26px;
top:50%;
margin-top:-11px;
border: 1px solid rgba(49, 61, 63, 1);
 
width: 20px;
height: 20px;


}

.subcat.active>span>i:before
{
display:block;
}
.subcat>span>i:before
{
width:11px;
height:10px;
content:'';
display:none;
position:absolute;
left:4px;
top:3px; 

background:url('/images/shop/checkshop.svg');
}
 
.h1_wrap
{
justify-content: space-between;
display:flex;
}

#pr
{
justify-content: space-between;
display:flex;
}

#left3
{

padding-bottom:30px;

border: 1px solid rgba(49, 61, 63, 1);
}

#left
{

width:337px;
}

#right
{
width:calc(100% - 363px);
}


.product
{
border: 1px solid rgba(49, 61, 63, 1);

width: calc(100%/3 - 17px);
 margin-right:25px;
 
margin-bottom:27px;
background:#fff;
float:left;
}
 
.product.last
{
float:right;
margin-right:0px;
}
.product_image
{
height:250px;
width:100%; 
position:relative;
}


.product_image a
{
 height:250px;
 display:flex;
 justify-content: center;
align-items: center;
align-content: center;
}

.product img
{
max-height:90%;
max-width:90%;
display:block;
margin:0px auto;
}

.product1
{
margin-left:15px;
margin-right:15px;
  

}

.product_name
{
margin-bottom:22px;
}

.product_name table
{
width:100%;
}

.product_name
{
height:70px;
overflow:hidden;
display: flex;
align-items: center;
}

.product_name div
{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
 
font-size: 17px;

line-height: 24px;
 
}

.product_name div a
{

font-size: 17px;

line-height: 24px;

}


.product_price
{

   

padding-top:6px;

height:66px;
position:relative;


font-size: 22px;
font-weight: 400;
line-height: 29px;


}

.buy
{
position:absolute;
right:0px;
top:0px;
  height:38px;
width: 124px;
   text-transform:none;
}
 

#more_wrap 
{


padding-top: 11px;
text-align: center;
 
}

#more_wrap>span {
width:calc(100%/3 - 17px);
border: 1px solid rgba(49, 61, 63, 1);
cursor: pointer;
  color: rgba(49, 61, 63, 1);

display:flex;
font-size: 16px; 
line-height: 22px; 

margin:0px auto;
 
height: 54px;

 align-content: center;
justify-content: center;
align-items: center;
}

#pgnwrap
{

 
position:relative;
}
#pgn  i 
{
font-style: normal;
}

#pgn {
display:flex;

position: absolute;
right:0px;
top:32px;
}


#pgn a.active {
   text-align:center;
width:30px;
}

#pgn a span {
   
font-size: 16px;
line-height: 1;
}
#pgn a, #pgn>span {

   
font-size: 16px;
line-height: 1;
   
margin-left: 20px;
 
vertical-align:middle;
position: relative;

}

.pgn_points
{
top:1px;
}
#pgn a.active i {

height: 30px;
left: 50%;
margin-left:-15px;
width:30px;
top: -7px;

display: block;

position: absolute;
 

border: 1px solid rgba(49, 61, 63, 1)

}