#logout
{
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	font-size:14px;
	cursor:pointer;
	white-space:nowrap;
	padding-left:25px;
	padding-right:25px;
}

#logout:hover
{
	background:red;
}
#lmenu a:hover
{
	text-decoration:underline;
}

#lmenu i 
{
	height:16px;
	display:block;
}

#toplogin.logged:hover #lmenu_wrap 
{
	display:block;
}

#lmenu
{
	display:block;
background: #fff;
padding: 12px 25px 27px 25px;
box-shadow: 0 0 20px #ddd;
}

#lmenu a
{
	white-space:nowrap;
	display:block;
	padding-top:8px;
	padding-bottom:8px;
}

.sl_image
{
width:60px;
position:absolute;
left:20px;
top:0px;
bottom:20px;
}

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

.sl_photo
{
position:absolute;
left:0px;
right:0px;
bottom:0px;
top:0px;

background-position-x: 50% !important;
background-position-y: 50% !important;
display: block;
background-size: cover !important;	

}

#sl
{
position:absolute;
left:0px;
top:100%;
z-index:2;
right:0px;
margin-top:14px;
background:#fff;	
padding-top:20px;  
box-shadow:0px 0px 15px #ccc;
}

#sl div a 
{
display:flex;
    align-items: center;
padding:0px 20px 26px 100px;position:Relative;
min-height:80px;
font-size:14px;
line-height:1.2;
margin-bottom:20px;
border-bottom:1px solid #ddd;
position:relative;
}

#sl div a *
{
	z-index:1;
}
#sl div a:before
{
	position:absolute;
	left:0px;
	right:0px;
	top:-20px;
	bottom:0px;
content:'';
display:none;
background:rgba(250,250,250);	
}

#sl div a:hover:before
{
display:block;
}

#sl_all
{
	cursor: pointer;
    background: var(--bg-color);

    padding-top: 17px;
font-size:16px;
    padding-bottom: 27px;
    display:block;
    position: relative;
  text-align:center;
}

#sl_all:hover
{
	   text-decoration: underline;
}

.sl_name
{
font-size:14px;
line-height:1.2;
display:block;	
text-decoration:underline;

}

.sl_price
{
padding-top:12px;
font-size:14px;
line-height:1.2;
display:block;
font-weight: bold;
}

#sl a.last
{
border-bottom:none;
margin-bottom:0px;
}

.vsiw
{
	position:relative;
}
.vsiw .pass,.vsiw .pass_out
{
position: absolute;
    right: 0px;
    top: 0px;
    width: 58px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    height: 58px;
}

.vstwo
{
	display:flex;
	    justify-content: space-between;
}

.vstwo>div 
{
width:calc(50% - 20px);
}

#vs_popup .wpass input[type="password"]
{
	padding-right:78px;
}
.vsiw .pass svg 
{
	
}

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

    to {
        opacity: 1;
        transform: none
    }
}

.toparent>a 
{
position:relative;
padding-right:25px;
}

.toparent>a svg 
{
position:absolute;
right:0px;
top:7px;
transition: all 0.3s;
}

.topd
{
	    min-width: calc(100% + 45px);
position:absolute;
left:-25px;
top:100%;
padding-top:22px;
}

.m_cols .topd>div
{
width:950px;
}

.m_cols .topg
{
width:300px;
float:left;
}

.m_cols[data-catid='6'] .topd>div
{
width:740px;
}
.m_cols[data-catid='6'] .topg
{
width:230px;
}

.m_cols .topd>div:after
{
	content:'';
	clear:both;
	display:block;
}


.m_right .topd
{
left:auto;
right:-5px;
}

.m_center .topd
{
left:auto!important;
right:auto!important;
transform: translateX(-50%);
}


.m_left .topd
{
left:-5px;
}

.topd>div 
{
background:#fff;
padding:20px 25px 10px 25px;
    box-shadow: 0 0 20px #ddd;
	white-space:nowrap;
}

.topd>div a:hover 
{
text-decoration:underline;
}

.topd>div a 
{

	text-align:left;
	display:block;
	margin-bottom:20px;
}

.topca.toparent:hover
{
z-index:3;
}

.topca.toparent:hover a svg 
{
transform:rotate(180deg);
}

.topca.toparent:hover .topd
{
display:block;
}

 
#favi {
    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
}

.fav_side #favi 
{
right:auto;
left:-30px;	
}


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

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

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

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

.fav_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
}
.butn:hover
{
background: linear-gradient(0deg, #7c50dc -21.94%, #9272e3 48.16%, #7c50dc 122.75%);
}

.butn:active span
{
position:relative;
top:1px;
}

.fav.nonactive:hover path 
{
stroke:var(--color)
}

#langs a.nonactive:hover
{
opacity:1;
}
 

.footer_item:hover span:after
{
width:100%;
}

.topca:hover>a>span:after
{
width:100%;
}

.fav_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
}

.fav_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
}

.fav_side .fav_i1,.fav_side .fav_i2,.fav_side .fav_i3
{
	right:auto;
	left:30px;
}

.fav_side .fav_i4 {
    left: 21px;
    right: auto;
}


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

#fav1 {
    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:var(--bg-color);
-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;
}



@keyframes fadeIn{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}

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

#vs_title
{
font-size: 32px;
line-height: 1.2;
margin-top:30px;
text-align:center;
margin-bottom:0px;
letter-spacing:-1.28px;
}


#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 input[type="text"],#vs_popup input[type="password"]
{

background: var(--bgmain-color);
border-bottom: 1px solid var(--color);
padding: 19px 20px 21px 20px;
width: 100%;
font-size: 14px; 
}

#recall_go .butt
{
display:block;
padding-top: 17px;
padding-right: 32px;
padding-bottom: 24px;
width:300px;
margin:0px auto;
}

#vs_popup input.vs_error 
{
padding: 19px 20px 19px 20px !important;
border-bottom: 3px solid red !important;
}

#recall_go
{
position:relative;
padding-bottom:40px;
text-align:center;
transition: all 0.3s;
padding-top:3px;
}

#recall_go i 
{
position:absolute;
left:0px;
right:0px;
top:80px;
text-align:center;
font-size: 14px;
font-weight:600;
font-style:normal;
} 

#recall_go .butt.active2 
{
background: var(--pink-color) !important;
}

.vs_bot
{
	position:absolute;
	left:47px;
	right:47px;
	bottom:47px;
}

.vs_bot_left
{
	position:absolute;
	left:0px;
	top:0px;
	    color: var(--color);
    border-bottom: 1px dashed;
	cursor:pointer;
}

.vs_bot_right
{
	position:absolute;
	right:0px;
	top:0px;
	    color: var(--color);
    border-bottom: 1px dashed;
	cursor:pointer;
}

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

.vs_notext.vs_desc_recall
{
padding-top: 39px;	
}

.vs_desc_recall>div 
{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:16px;
line-height:1.4;
padding-bottom:28px;
text-align:center;
}

@media screen and (max-height: 550px) 
{

#vs_popup
{
top:20px;
bottom:20px;
overflow:hidden;
height:auto!important;
margin-top:0px!important;
overflow:auto;
}

.vs_bot
{
position:relative;
left:0px;
right:0px;
bottom:0px;
padding-bottom:47px;
}

}


@-webkit-keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes uil-ring-anim{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}