.closed, .catButt, .filButt {display:none;}

#uNMenuDiv1, #filSlide, #catSlide, #basketShop {position:fixed;	display:block; float:right; top:108px; right:-23em; width:23em; transition:all ease 0.3s; height:calc(100% - 108px); z-index:100; overflow-y:auto; overflow-x:hidden;}
#uNMenuDiv1.opM1, #filSlide.opM1, #catSlide.opM1, #basketShop.opM1 {right:0px!important;}
#uNMenuDiv1.scrl, #filSlide.scrl, #catSlide.scrl, #basketShop.scrl, #uNMenuDiv1.mains, #filSlide.mains, #catSlide.mains, #basketShop.mains {top:66px; height:calc(100% - 66px);}
#uNMenuDiv1.hovt, #filSlide.hovt, #catSlide.hovt,  #basketShop.hovt {top:88px;}
#uNMenuDiv1.scrl > *, #filSlide.scrl > *, #catSlide.scrl > *, #basketShop.scrl > * {opacity:.8; transition:all ease 0.4s;}
#uNMenuDiv1.scrl:hover > *, #filSlide.scrl:hover > *, #catSlide.scrl:hover > *, #basketShop.scrl:hover > * {opacity:1;}

#uNMenuDiv1 * {font-family:'Exo 2'; font-size:30px; box-sizing:border-box;}
ul.uMenuRoot * {font-size:0.9em !important;}
ul.uMenuRoot ul {margin:0.3em 0;}

ul.uMenuRoot a[class*="fa-"]:before {display:inline-block; width:30px;}
ul.submenu a[class*="fa-"]:before {width:25px;}
ul.supersubmenu a[class*="fa-"]:before {width:15px;}

ul.uMenuRoot, ul.submenu, ul.supersubmenu {padding:0; margin:0;}
ul.uMenuRoot > li { border-bottom:1px solid rgba(255,255,255,0.1);}
ul.uMenuRoot li, ul.uMenuRoot li a {display:inline-block; width:100%;}
ul.uMenuRoot li a {padding:0.4em 20px; color:rgba(255,255,255,0.5);}
ul.uMenuRoot li a:hover, #catSlide a:hover {color:rgba(255,255,255,0.9); /*background:rgba(0,0,0,0.1);*/ background:rgba(255,255,255,0.03);}
ul.submenu li a {padding-left:50px}
ul.supersubmenu li a {padding-left:80px}

.slidePlus, .superSlidePlus {position:absolute; height:1.86em; width:40px; right:0; cursor:pointer;}
.slidePlus:after, .superSlidePlus:after{content:""; position:absolute; width:0.35em; height:0.35em; top:35%; right:40%; border-top:2px solid; border-right:2px solid; border-color:rgba(255, 255, 255, 0.5); transform:rotate(-225deg); transition: all .5s;}
.slidePlus:hover:after, .superSlidePlus:hover:after{border-color:rgba(255, 255, 255, 1);}
.slidePlus.revTotop:after, .superSlidePlus.revTotop:after {transform:rotate(-45deg); top:45%;}

#uNMenuDiv1 a.uMenuItemA, #catSlide a.catNameActive {color:#FFF; background:rgba(255,255,255,0.1);}

#catSlide * {font-size:20px;}
#catSlide a {display:block; padding:0.4em 30px 0.4em 20px; color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.1); margin-bottom:-1px!important;}
#catSlide a.btLink {color:#FFF; padding:0 15px; margin:0;}
#catSlide .catsTd {position:relative;}
#catSlide .catNumData {font-size:0.65em; font-weight:300; color:rgba(255,255,255,0.7); position:absolute; right:15px; top:50%; position:absolute;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}





/*--shop-basket--*/
#shop-basket ul { margin:0;margin-top:6px; padding:0; text-align:left; list-style:none }
#shop-basket li { margin-top: 5px;display: flex;position: relative;border-bottom: 1px dashed rgba(255, 255, 255, 0.5)}
#shop-basket .sb-name { width: 100%;display: inline-block;font-weight: 500;text-overflow: ellipsis;}
#shop-basket li:hover .sb-name {color:white;}
#shop-basket li:hover img {opacity:.9;}
#shop-basket li:hover .sb-cost {color:#ccc;}
#shop-basket .sb-cost { float: right;color: gray; }
#shop-basket .sb-func { float:right; cursor:pointer; width:16px; height:16px; margin:0;}
#shop-basket a.remove { background:url('/.s/img/sh/del.png') no-repeat 3px 0; transition: all .5s ease;}
#shop-basket a.remove:hover { background:url('/.s/img/sh/del.png') no-repeat 3px -16px; }
#shop-basket .empty { text-align:center; }
#shop-basket .total {font-weight: bold;}
#shop-basket .total, #shop-basket .disc { text-align:right; }
#shop-basket .disc-info { font-style: italic; }
.imgPart {height: 35px;width: 20%;float: left;text-align:center;}
.imgPart img {height: 100%;width: 50px;}
.desPart {height: 45px;float: left;width: 70%; line-height: 16px;}
.removeG {float: left;width: 10%;text-align:right;}
/*--end shop-basket--*/

/*--filter--*/
.flist-item {margin-bottom:8px;color:white;}
.flist-item input {width:54%;}
.flist-item input#price_max {float: right;margin-right: 15px;margin-top: 3px;}
.flist-item button {display:inline-block;width:49%;float:left;margin-top: 20px;}
.flist-label {width:40%;display: inline-block;}
.flist-select {width:55%;}
.flist-select option {text-align:center;}
/*--end filter--*/





@media only screen and (max-width: 1170px){
#uNMenuDiv1, #filSlide, #catSlide, #basketShop {top:98px;}
#uNMenuDiv1.mains, #filSlide.mains, #catSlide.mains, #basketShop.mains {top:66px; height:calc(100% - 66px);}
#uNMenuDiv1.scrl, #filSlide.scrl, #catSlide.scrl, #basketShop.scrl {top:61px; height:calc(100% - 61px);}
#uNMenuDiv1.hovt, #filSlide.hovt, #catSlide.hovt, #basketShop.hovt {top:83px;}
#uNMenuDiv1.mains.hovt, #filSlide.mains.hovt, #catSlide.mains.hovt, #basketShop.mains.hovt {top:88px;}
#uNMenuDiv1.mains.scrl.hovt, #filSlide.mains.scrl.hovt, #catSlide.mains.scrl.hovt, #basketShop.mains.scrl.hovt {top:83px; height:calc(100% - 83px);}
}

@media only screen and (max-width: 970px){
#uNMenuDiv1, #catSlide {width:100%;right:-100%;}
#filSlide, #basketShop {width:calc(100vw - 36px); right:calc(-100% - 36px);}
.catButt, .filButt {display:inline}
.imgPart {width:15%}
}