*,::after,::before{box-sizing:border-box}
ol,ul{padding:0}
blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol,p,ul{margin:0}
body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;font-family: "OpenSans"}
ol,ul{list-style:none}
a{text-decoration: none;}
img{max-width:100%;display:block}
article>*+*{margin-top:1em}
button,input,select,textarea{font:inherit}

body {margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: .5rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem; font-family: inherit; font-weight: 700; line-height: 1.2; color: inherit; color: #3c4049;}
h1 {font-size: 30px; line-height: 37px;}
p {margin-top: 0; margin-bottom: 1rem;}
a {text-decoration: none; outline: none;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
a.dark {color: #333;}
a.white {color: white;}
a.no-decoration {text-decoration: none !important;}
.links-brand a {color: #d32f2f;}
.container-fluid {max-width: 1200px; margin: 0 auto; padding-right: 15px; padding-left: 15px;position: relative}
.container-fluid.pb150 {padding-bottom: 150px;}
.inl {display: inline-block; vertical-align: top;}
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;}
.clear-both {clear: both;}
.row-wrapper {margin-left: 15px; margin-right: 15px;}
.h1px {height: 1px;}
.mt0{margin-top: 0}
.mt4{margin-top: 4px}
.mt10{margin-top: 10px}
.mt11{margin-top: 11px}
.mt15 {margin-top: 15px;}
.mt17 {margin-top: 17px;}
.mt27 {margin-top: 27px;}
.mt40 {margin-top: 40px;}
.relative {position: relative;}
.w100 {width: 100% !important;}
.r90 {transform: rotate(90deg);}
.r180 {transform: rotate(180deg);}
.r270 {transform: rotate(270deg);}
.nodec {text-decoration: none !important;}
.fs0 {font-size: 0;}
.fs14 {font-size: 14px;}
.text-center {text-align: center;}
.links-red a {color: #d32f2f;}

/* FONTS */
@font-face{font-family:OpenSans;src: url("fonts/OpenSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display: swap;}
@font-face{font-family:OpenSans;src: url("fonts/OpenSans-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display: swap;}
@font-face{font-family:OpenSans;src: url("fonts/OpenSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display: swap;}
@font-face{font-family:OpenSans;src: url("fonts/OpenSans-Extrabold.ttf") format("truetype");font-weight:800;font-style:normal;font-display: swap;}

.mt0{margin-top:0!important}
.hide-text{overflow:hidden;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-box-orient:vertical;box-orient:vertical}
.hide-text_2{-webkit-line-clamp:2;line-clamp:2}
.hide-text_3{-webkit-line-clamp:3;line-clamp:3}
.hide-text_4{-webkit-line-clamp:4;line-clamp:4}

/* LAYOUT */
.cart-clone {z-index: 99; background: white; position: absolute; overflow: hidden; border: 1px solid #f0f0f0; white-space: nowrap;}

/* HEADER */
.header{position:relative;z-index:5}
.h-up-upper{border-bottom:1px solid #c4c4c4;z-index:7;position:relative;background-color:#fff}
.h-up{display:flex;justify-content:space-between;height:54px}
.h-up-loc{display:flex;align-items:center}
.h-up-loc .h_loc{width:13px;height:15px;margin-right:4px}
.h-up-loc-text{font-size:14px;color:#4e4e4e;margin-right:11px;white-space:nowrap}
.h-up-loc-text a{
    color: #4e4e4e;
}
.h-up-menu,.h-up-menu-ctg{display:flex;align-items:center;grid-column-gap:22px;font-size:14px;white-space:nowrap;transition:all .3s}
.h-up-menu>li:first-child{display:none}
.h-up-menu-ctg{display:none}
.h-shadow{position:fixed;width:100%;height:100%;z-index:9;background-color:#0000007d;left:-100%;top:45px;transition:all .2s}
.h-up-login-text a,.h-up-menu-ctg>li>a,.h-up-menu>li>a{color:#4e4e4e;height:54px;display:flex;align-items:center}
.h-up-menu-ctg>li>a{height:54px;
    max-width: 220px;
    white-space: break-spaces;
}
.h-up-login-text a:hover,.h-up-menu-ctg>li>a:hover,.h-up-menu>li>a:hover{text-decoration:underline}
.header-up-menu{background:#fafafa}
.h-up-menu>li:last-child{position:relative;padding:17px;color:#4e4e4e;cursor:pointer;display:flex;align-items:center}
.h-up-menu>li:hover:last-child{background:#fafafa}
.h_arrow{width:8px;height:5px;margin:4px 0 0 4px}
.h-up-menu>li:hover:last-child .h-up-menu-i{display:flex}
.h-up-menu-i{position:absolute;top:54px;right:0;background:#fafafa;display:none;align-items:flex-start;font-size:14px;flex-direction:column;z-index:1}
.h-up-menu-i .h-up-loc{display:none}
.h-up-menu-i li{width:100%}
.h-up-menu-i li a{color:#4e4e4e;width:100%;display:flex;height:45px;align-items:center;padding:0 15px}
.h-up-menu-i li a:hover{background:#d32f2f;color:#fff}
.h-up-mobile{
    display: none;
}
.h-up-menu-info{
    display: none;
}
.h-up-login{display:flex;align-items:center}
.h-up-login-text{display:flex;align-items:center;font-size:14px;color:#4e4e4e}
.h_login{width:18px;height:18px;margin-right:5px}
.h-d{height:84px;display:flex;align-items:center;justify-content:space-between;grid-column-gap:10px;position:relative}
.h-d-outer{box-shadow:0 9px 15px #0000001a;z-index:6;position:relative;background-color:#fff}
.h-d-outer.fixed{position:fixed;top:0;left:0;right:0;background:#fff;z-index:9;width:100%}
.h-s.mtop {margin-bottom: 84px;}
.h-d-logo {width: 290px; height: 50px;}
.h-d-catalog{max-width:178px;height:50px;background:#d32f2f;border-radius:8px;width:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:16px;line-height:22px;letter-spacing:.05em;color:#fff;grid-column-gap:19px;cursor:pointer}
i.icon.h_burger{width:21px;height:16px}
.h-d-search{width:340px;height:50px;border:1px solid #d32f2f;border-radius:4px;display:flex;justify-content:space-between;position: relative}
.h-d-search input{width:calc(100% - 50px);border-radius:4px;outline:0;border:none;padding:16px;font-size:14px;color:#a1a1a1}
.h-d-search button{width:50px;background:0 0;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}

.h-d-search.active{
    display: flex;
    position: absolute;
    width: calc(100% - 30px);
    background: white;
    z-index: 2;
    /*top: 2px;*/
}
.h-up-search{
    display: none;
}
.h-up-search i.icon.h_search{
    width: 20px;
    height: 20px;
}

i.icon.h_search{width:17px;height:17px}
.h-d-contact{font-weight:700;font-size:16px;white-space:nowrap}
.h-d-contact a{color:#363636}
.h-d-ctrl{display:flex;grid-column-gap:11px;min-width:208px}
.h-d-compare,.h-d-favorite{position:relative;display:flex;align-items:center}
.h-d-ctrl i.icon{width:49px;height:32px}
.h-d-ctrl-cnt{position:absolute;top:4px;right:0;width:23px;font-weight:700;font-size:12px;text-align:center;color:#7d7d7d}
.h-d-ctrl-cnt{position:absolute;top:4px;right:0;width:23px;font-weight:700;font-size:12px;text-align:center;color:#7d7d7d}
.h-d-cart{display:flex}
i.icon.h_cart{width:24px;height:24px;margin:8px 4px 0 0}
.h-d-cart-cnt,.h-d-cart-price{font-size:12px;line-height:16px;color:#7d7d7d}
.h-d-cart-cnt{margin-top:4px}
.h-d-cart-cnt span{font-weight:700}
.h-burger{display:none;align-items:center;height:40px;cursor:pointer}
.h-burger .h_burger{filter:invert(40%)}
.h-dropdown-core{position:relative}
.h-dropdown-shadow{position:fixed;width:100%;height:100%;z-index:4;background:#2e2e2e82;backdrop-filter:blur(5px);top:-100%;transition:all .2s}
.h-dropdown-shadow.active{top:0}
.h-dropdown{position:absolute;left:0;right:0;top:0;z-index:5;overflow:hidden;background:0 0;max-height:0;transition:all .3s;
    /*pointer-events:none*/
}
.h-dropdown.active{max-height:882px}
.hm-dropdown-name{width:calc(100% - 28px)}
.h-dropdown-ul{width:320px;background-color:#fff;max-height:calc(100vh - 150px);overflow-y:auto;direction: rtl;}
.h-dropdown-ul::-webkit-scrollbar, .h-dropdown-ctlg-inner::-webkit-scrollbar{
    width:5px;
    background-color: #efefef;
}
.h-dropdown-ul::-webkit-scrollbar-thumb, .h-dropdown-ctlg-inner::-webkit-scrollbar-thumb{
    background-color: #d32f2f;
}
/*.h-dropdown-ul .h_tests{width:20px;height:20px;margin-right:8px}*/
.h-dropdown-ul .h_tests{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(img/sidebar.png) no-repeat;
    width: 25px;
    height: 25px;
    background-position: 0 3px;
    margin-bottom: -3px;
    margin-right: 5px;
}
/*sidebar images*/

.h_tests.tovary-nashego-proizvodstva{
    background-position: 0 3px;
}

.h_tests.derevyannye-modeli{
    background-position: -2px -1474px;
}

.h_tests.plastikovye-modeli{
    background-position: -2px -1612px;
}

.h_tests.modeli-zheleznoy-dorogi{
    background-position: -1px -1518px;
}


.h_tests.modeli-parusnykh-korabley{
    background-position: 0 -34px;
}

.h_tests.elementy-dlya-modeley-korabley{
    background-position: 0 -84px;
}

/*.h_tests.tovary-nashego-proizvodstva{
	background-position: 0 17px;
}

.h_tests.tovary-nashego-proizvodstva{
	background-position: 0 17px;
}*/

.h_tests.radioupravlyaemye-modeli{
    background-position: 0 -642px;
}

.h_tests.akkumulyatory-i-zaryadnye-ustroystva{
    background-position: 0 -692px;
}

/*.h_tests.plastikovye-modeli{
	background-position: -3 -888px;
}*/

.h_tests.arkhitekturnye-makety{
    background-position: -2px -986px;
}


.h_tests.d-modeli{
    background-position: -3px -1037px;
}
.h_tests.modeli-iz-bumagi{
    background-position: -2px -1565px;
}

.h_tests.aerografy-i-kompressory{
    background-position: -1px -1183px;
}

.h_tests.instrument-dlya-modelista{
    background-position: -1px -1232px;
}

.h_tests.materialy-dlya-modelizma{
    background-position: 0 -1283px;
}

.h_tests.literatura-dlya-modelista{
    background-position: 0px -1333px;
}

.h_tests.gotovye-modeli{
    background-position: 0 -1383px;
}

.h_tests.rasprodazha{
    background-position: 0px -1430px;
}


.h-dropdown-ul li{padding:0 27px 0 18px;display:flex;align-items:center;width:100%;pointer-events:initial;direction: initial;}
.h-dropdown-ul>li a{position:relative}
.h-dropdown-ul>li.h-dropdown-ul_arrow>a:after{content:"";width:12px;height:12px;transform:rotate(-90deg);position:absolute;right:-10px}
.h-dropdown-ul li:hover{background:#d32f2f38}
.h-dropdown-ul li a{padding:10px 0;color:#4e4e4e;font-size:16px;display:flex;width:100%;align-items:center}
.h-dropdown-ctlg-inner{
    display:none;
    opacity:0;
    transition:all .3s;right:0;left:335px;top:0;max-height:calc(100vh - 125px);height:100%;position:absolute;overflow:auto;background:#fff;
    z-index: 1;
}

.h-dropdown-ul>li:hover .h-dropdown-ctlg-inner{
    display:block;
    opacity:1
}
.h-dropdown-ctlg{column-count:2;margin-bottom:20px;overflow:hidden}
.h-dropdown-child{padding-left:20px;display:grid;break-inside:avoid}
.h-dropdown-child>a{font-weight:700}
.h-dropdown-ul li .h-dropdown-p-child a{font-size:15px;padding:5px 0 5px 20px}
.h-dropdown-ul li .h-dropdown-child a:hover{text-decoration:underline}
.h-dropdown-z{
    background: none;
    display: block;
    opacity: 1;
    z-index: 0;
}
.h_up_loc-f{display: flex;position: relative;height: 100%;align-items: center}
.h-up-map-w {position: absolute; width: 402px; margin: 0 !important; left: 0; background: white; z-index: 1; line-height: 21px; border: 1px solid #d9d9d9; box-shadow: 0px -2px 12px rgb(0, 0, 0, 0.2); visibility: hidden; top: 50px; opacity: 0; transition: 0.2s visibility, 0.2s top, 0.2s opacity;}
.h-up-map-w div {margin-right: 0; display: block;}
.h_up_loc-f:hover .h-up-map-w {top: 54px; visibility: visible; opacity: 1;}
.h-up-map-w img {display: block;}
.h-up-map-d {padding: 5px 10px; font-weight: normal; color: #333;}
.h-up-map-a {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; position: absolute; top: -8px; left: 23px;}

.logo-a{
    display: flex;
    align-items: center;
}

/* AUTOCOMPLETE */
.atcpls {background: white; position: fixed !important; height: calc(100% - 60px); overflow-y: scroll; top: 63px !important; font-size: 14px; right: 0 !important; left: 0 !important; width: auto !important;}
.atcpl {color: #262626; padding: 9px 8px; line-height: 24px; cursor: pointer; border-bottom: 1px solid lightgray; transition: 0.2s background;}
.atcpl:hover {background: #fdf4f4;}
.atcpl:last-child {border-bottom: none;}
.atcpl img {float: left; border-radius: 4px;}
.atcpl div {margin-left: 60px;}
.h-mid-s-frm .atcpls, .suggest-r .atcpls {position: absolute !important; overflow-y: auto; height: auto; right: 0; top: 46px !important; font-size: 14px; border: 1px solid #d32f2f; border-top: none;
    width: calc(100% + 2px)!important;
    left: -1px!important;
}

/* breadcrumbs */
/* BREADCRUMBS */
.breadcrumbs {margin-bottom: 32px; color: #7d7d7d; font-size: 14px;margin-top: 25px;}
.breadcrumbs a {color: #d32f2f; margin: 0 10px;}
.breadcrumbs span:first-child a {margin-left: 0;}
.breadcrumbs-last {padding-left: 10px; color: #3c4049;}

/* SLIDER */
.slider{white-space:nowrap;display:flex;overflow:hidden;max-height: 446px;max-width: 1170px;
    /*width: fit-content;*/
    margin: 34px auto 0 auto;
    position: initial!important;
}
/*.slick-track{*/
/*    min-width: 292px;*/
/*}*/
/*.slick-initialized{overflow: inherit}*/
/*.slider.slick-slider{overflow:initial}*/
.slider .slick-list{border:1px solid #c4c4c4;border-radius:10px}
.slider-arrow .slick-arrow{background:#fff;border:1px solid #f0f0f0;border-radius:10px;width:42px;height:42px;font-size:0;position:absolute;top:calc(50% - 21px);cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;box-shadow: 0px 4px 15px rgb(0 0 0 / 15%);}
.slide_arrow{width:18px;height:8px}
.slider-arrow .slick-prev{left: calc(50% - 595px);}
.slider-arrow .slick-next{right: calc(50% - 595px);}
.slider.slider-arrow .slick-prev{left:5px}
.slider.slider-arrow .slick-next{right:5px}
.slider-arrow .slick-next .slide_arrow{transform:rotate(180deg)}
.slide{min-width:292px;height:444px!important;box-shadow:inset -10px 0 19px -13px #00000026;position:relative;background:#fff;overflow: hidden;}
.slide:hover .slide-text{text-decoration:underline}
.slide-img{height:235px;width:100%;display:flex;align-items:center;justify-content:center;padding:0 26px}
.slide-img img{max-height:200px}
.slide-content{width:100%;padding:0 26px}
.slide-text{font-size:16px;line-height:22px;color:#2f2f2f;height:85px;white-space:initial}
.slide-price{display:flex;margin-top: 5px;align-items:center;grid-column-gap:24px}
.slide-m-price{font-weight:700;font-size:20px;color:#2f2f2f}
.slide-c-price{text-decoration:line-through;color:red}
.slide-c-price span{color:#2f2f2f}
.slide-button{background:#d32f2f;border-radius:4px;border:none;margin-top:5px;width:164px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;cursor:pointer}
.icon.slide-cart{width:24px;height:24px;margin-right:6px}
.slide-btns{position:absolute;transition:all .3s;top:42px;right:-38px;z-index: 1;}
.slide-btns div{width:34px;height:34px;border-radius:30px;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow: 0 0 6px #00000061;}
.slide-cmp{margin-top:10px}
.slide_fav{width:20px;height:20px}
.slide_cmp{width:20px;height:18px}
.cmp-btn.sel,.t-like.sel{background:#d32f2f}
.cmp-btn.sel i,.t-like.sel i{filter:brightness(5)}
.slide:hover .slide-btns{right:9px}
.slide-tags{position:absolute;top:20px;left:0;z-index:1;font-size:12px;font-weight:700;display:flex;flex-direction:column;grid-row-gap:15px}
.slide-tag{position:relative;padding:3px 10px;width:fit-content;border-radius:10px;color:#fff;margin-left: 5px;}
/*.slide-tag:before{content:"";position:absolute;border:4px solid transparent;left:0;bottom:-8px}*/
.slide-tag.slide-tag_purple{background-color:#b14bdc}
.slide-tag.slide-tag_purple:before{border-top:4px solid #763292;border-right:4px solid #763292}
.slide-tag.slide-tag_blue{background-color:#4572cb}
.slide-tag.slide-tag_blue:before{border-top:4px solid #30508e;border-right:4px solid #30508e}
.slide-tag.slide-tag_red{background-color:#d32f2f}
.slide-tag.slide-tag_yellow{background-color:#fdfe1b;color: #212529;}

.slide-content .p-article{font-size:14px;margin-top:10px;color:#5a5a5a}
.slide-content .p-article span{color:#000;font-weight:600}

/* HOME */
.hm-i{text-align:center;margin-top:70px;font-weight:700;font-size:14px;color:#343434}
.hm-i-h1{
    font-size: 30px;
    line-height: 37px;
    color: #3c4049;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 700;
}
.hm-i-h1 a {color: #3c4049}
.hm-i_mt_80{margin-top: 70px;}
.hm-i-2{text-align:center;margin-top:40px}
.hm-i-2 a{font-weight:700;font-size:16px;color:#343434}
.hm-ctg{position:relative;background:#fafafa}
.hm-slider{padding-top:28px;white-space:nowrap;overflow:hidden;position: relative}
.hm-slider.slick-slider{overflow:initial}
.hm-slider img{border:1px solid #dedede;border-radius:10px;display:inline-block}
.hm-slider .slick-arrow{position:absolute;bottom:-56px;background:#fff;border:1px solid #f0f0f0;box-sizing:border-box;box-shadow:0 4px 15px #00000026;border-radius:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hm-slider .slick-dots,.slider .slick-dots{position:absolute;display:flex;grid-column-gap:8px;bottom:-42px;left:88px}
.slider .slick-dots{bottom:-32px}
.hm-slider .slick-dots li,.slider .slick-dots li{font-size:0}
.hm-slider .slick-dots li button,.slider .slick-dots li button{width:25px;height:3px;background:#c4c4c4;border:none}
.hm-slider .slick-dots li.slick-active button,.slider .slick-dots li.slick-active button{background:#d32f2f}
.hm-slider .slick-next{left:40px}
.hm-slider .slick-arrow .icon, .shift-compare .icon{width:9px;height:12px;margin-left:-3px}
.hm-slider .slick-next .icon, .shift-compare-r .icon{margin-left:3px;transform:rotate(180deg)}
.hm-slider-s .slick-track{height:272px}
.hm-slider-s .slick-slide:nth-child(odd){margin-left:27px;margin-right:27px}
.hm-slider-add{height:491px;display:flex;align-items:center;background:#f0f0f0}
.hm-slider-add-s{max-width:1170px;width:100%;display:flex!important;justify-content:space-between}
.hm-ctg-slider{white-space:nowrap;display:flex;overflow:hidden;height: 360px;position: relative}
.hm-ctg-slider img.slick-slide{max-width:200px;margin-left:20px;margin-right:20px}

.hm-slider-mid{
    display: flex;
    justify-content: space-between;
}
.hm-slider.hm-slider-dp{
    padding-top: 0;
    /*width: 260px;*/
    height: 260px;
    width: 50%;
    max-width: 550px;
}
.hm-slider.hm-slider-g{
    /*width: 835px;*/
    height: 260px;
    padding-top: 0;
    width: 50%;
    max-width: 550px;
}

.hm-ctg-slide{height:260px!important;margin:25px auto;display:flex!important;justify-content:center;align-items:flex-end;position:relative;    width: 187px;}
.hm-ctg-slide img{position:absolute;top:-11px;z-index:1;pointer-events:none;filter:grayscale(100%)}
.hm-ctg-slide:hover .hm-ctg-slide-content{max-height:260px;height:260px;margin-bottom:0;transition:all .3s;background:linear-gradient(180deg,#d32f2f 0,#ff4646 100%);border:none}
.hm-ctg-slide:hover img{filter:grayscale(0)}
.hm-ctg-slide:hover .hm-ctg-slide-text{color:#fff;padding:0 10px}
.hm-ctg-slide-content{width:186px;height:180px;border:1px solid #c4c4c4;border-radius:10px;max-height:180px;background:#fff;transition:all .3s;cursor:pointer;margin-bottom:10px;position:relative;display:flex;justify-content:center}
.hm-ctg-slide-text{white-space:initial;font-weight:700;font-size:16px;line-height:20px;text-align:center;color:#343434;height:80px;position:absolute;bottom:0;padding:0 15px}
.hm-gray-bg {background:#f0f0f0;padding:102px 0 64px}
.hm-adv-container{display:flex;flex-wrap:wrap;grid-gap:10px;justify-content:space-evenly}
.hm-adv-block{width:383px;height:204px;box-shadow:0 8px 30px #0000001a;border-radius:10px}
.hm-adv-cont{width:182px;float:right}
.hm-adv-h{font-weight:700;font-size:22px;line-height:28px;color:#2f2f2f;margin-top:41px}
.hm-adv-h a {color:#2f2f2f}
.hm-adv-h span,.hm-adv-text span{position:relative}
.hm-adv-h span:after,.hm-adv-text span:after{content:"";position:absolute;height:1px;background-color:red;width:100%;bottom:-2px;left:0}
.hm-adv-text{font-size:16px;line-height:22px;color:#2f2f2f;margin-top:24px}
.hm-adv-block-one{background:#ffcd63 url(img/hm-adv1.png) no-repeat left center}
.hm-adv-block-two{background:#98f062 url(img/hm-adv2.png) no-repeat left center}
.hm-adv-block-three{background:#93b3e7 url(img/hm-adv3.png) no-repeat left center}
.hm-news .hm-i{margin-top:0}
.hm-news-content{background:#f0f0f0 url(img/hm-info.png) no-repeat center;background-blend-mode:multiply;display:flex;flex-wrap:wrap;justify-content:space-between;grid-row-gap:25px;margin-top:34px}
.hm-news-text{width:34%;color:#2f2f2f;font-size:16px;line-height:28px}
.hm-news-text span{font-weight:700}
.hm-news-content .hm-news-text:nth-child(odd){text-align:right}
.hm-blog{display:grid;grid-gap:17px;grid:"a b c" 150px "a d f" 150px;margin-top:40px}
.hm-blog .hm-blog-i:nth-child(1){grid-area:a}
.hm-blog-i{border:1px solid #fff;display:flex;flex-direction:column;place-content:center space-between;background:rgba(38,38,38,.75) url(img/test/blog-test.png) no-repeat center;background-size:cover!important;background-blend-mode:multiply;border-radius:10px}
.hm-blog-h{font-weight:600;color:#fff;padding:15px 25px 0;font-size:16px;line-height:22px}
.hm-blog .hm-blog-i:nth-child(1) .hm-blog-h{line-height:33px;font-size:24px;-webkit-line-clamp:4;line-clamp:4}
.hm-blog-c{display:flex;width:100%;height:50px;justify-content:space-between}
.hm-blog-b,.hm-blog-t{display:flex;align-items:center;font-size:16px;color:#f5f5f5}
.hm-blog-b{padding:0 25px;border:1px solid #f5f5f5;border-radius:0 10px 0 0;border-left:none;border-bottom:none;cursor:pointer}
.hm-blog-t{padding-right:25px}
.hm_time{width:18px;height:18px;margin-right:4px}
.hm-brand{padding:0 15px 64px}
.hm-brands{display:flex;flex-wrap:wrap;justify-content:space-between;grid-row-gap:47px;margin-top:40px}
.hm-brands a img{max-width:140px}
.hm-brands a{
    display: flex!important;
    justify-content: center;
}
.hm-new-arrive{position: relative}
.hm-slider__mb{
    height: 400px;
}




/* FOOTER */
.footer{background:#333;color:#fff}
.f{padding:40px 0 35px 0;display:flex;justify-content:space-between}
.f-flo{width:100%;min-width: 205px;max-width:278px}
.f-media{display:flex;justify-content:space-between;margin-top:22px;max-width:278px}
.f-media .icon{display:block;width:23px;height:23px}
.f-text{font-weight:400;font-size:16px;margin-top:8px;line-height:22px}
.f-text span{font-weight:700;line-height:36px;font-size:18px}
.f-btn{margin-top:24px;height:38px;width:205px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #fff25c;border-radius:4px;background:0 0;color:#fff}
.f-catalog{width:100%;max-width:381px}
.f-h{height:44px;border-bottom:1px solid #fff;display:flex;align-items:flex-end;font-size:18px;font-weight:700}
.f-ul{display:flex;flex-direction:column;flex-wrap:wrap;height:264px;margin-top:10px;grid-column-gap:16px}
.f-li{margin-top:14px;width:100%;max-width:49%}
.f-li a{color:#fff}
.f-info{max-width:177px}
.f-tel{display:flex;align-items:center;font-size:18px}
.f-tel a{color:#fff;text-decoration:none}
.f-tel .icon{display:block;width:12px;height:12px;margin-right:7px}
.f-street{margin-top:12px;font-size:14px;display:flex;align-items:center}
.f-street .icon{display:block;width:13px;height:15px;margin-right:5px}
.f-tb{margin-top:12px;border:none}
.f_io,.f_m,.f_mc,.f_mir,.f_pp,.f_sb,.f_t,.f_visa{display:block}
.f-ti{display:flex;justify-content:space-between;font-size:12px;line-height:15px;color:#c4c4c4}
.f-ti-t a{color:#c4c4c4;text-decoration:underline}
.f-tel-w{margin-top:22px;font-size:14px;display:flex;align-items:center}
.f-logo{margin-top:21px;max-width: 278px;width: 100%}
.f_logo{width: 100%;height: 50px}
.f-flo-upper{margin-right:50px}
.f-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.f-ti{padding-top:20px;width:100%;border-top:1px solid;margin-top:20px}
.f-pay{margin-top:20px;text-align:center}
.f-pay img{margin:10px auto}


.suggest-r .atcpls {border: 1px solid #d3d3d3; border-top: 0;}
.h-mid-s-frm .atcpl, .suggest-r .atcpl {transition: 0.2s background;}
.h-mid-s-frm .atcpl:hover, .suggest-r .atcpl:hover {background: #fdf4f4;}
.h-mid-mob-s-frm .atcpls {position: fixed !important; background: #f8f9fa; height: calc(100% - 60px); overflow-y: scroll; top: 60px !important; font-size: 14px; right: 0 !important; left: 0 !important; width: auto !important; box-shadow: 0 5px 6px rgba(0,0,0,.15);}

/* COMPARE */
.compare{
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}
.compare__title{
    font-weight: 700;
    font-size: 32px;
    color: #282828;
    line-height: 30px;
}
.compare__tr{
    width: fit-content;
    min-width: fit-content;
    position: relative;
    border-top: 1px solid #e8e8e8;
    padding: 42px 52px 19px;
    transition: background .15s ease-out;
}
.compare__tr:first-child{
    border-top: none;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}
.compare__tr:hover{
    background-color: #f9f9f9;
}
.compare__tr:first-child:hover{
    background-color: #fff;
}
.compare__ft{
    position: absolute;
    top: 17px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: grey;
    font-size: 11px;
    display: flex;
    align-items: center;
}
.compare__ft-m{
    display: inline-flex;
    transition: all .2s ease-out;
    width: 100%;
    margin-left: 0;
}
.compare__mean{
    width: 279px;
    /*min-width: 25%;*/
    min-width: 279px;
    padding-right: 30px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}
.compare__tr.compare__tr-p{
    display: inline-flex;
    box-shadow: 0 9px 7px -7px #e5e1e1;
    transition: margin .2s ease-out;
}
.compare__img{
    width: 279px;
    /*min-width: 25%;*/
    min-width: 279px;
    padding: 0 15px 0 0;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.compare__img img{   height: 150px;
    /*width: auto;*/
}
.compare__tr.compare__tr-p .thumb__name{
    padding: 10px 10px 0 0;
}
.compare__tr.compare__tr-p .thumb__rating{
    padding: 10px 10px 0 0;
}
.compare .shift-compare-l{
    left: 15px;
}
.compare .shift-compare-l .fa{
    margin-top: -2px;
    margin-right: 3px;
}
.compare .shift-compare-r{
    right: 15px;
}
.compare .shift-compare-r .fa{
    margin-top: -2px;
    margin-left: 3px;
}
.shift-compare{
    position: fixed;
    top: 50%;
    z-index: 3;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f1f1f180;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.compare__delete{
    color: #737373;
    border-bottom: 1px dotted #737373;
    width: fit-content;
}
.compare__delete .fa{
    margin-right: 5px;
}
.cmp-controls{
    margin-top: 30px;
}
.cmp-controls .cmp-clear{
    display: inline-block;
    -webkit-appearance: none;
    font-size: 14px;
    line-height: 42px;
    border-radius: 8px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    vertical-align: top;
    padding: 0 15px;
    margin-top: 0;
    float: right;
    background: white;
    color: #d32f2f;
    border: 1px solid #d32f2f;
}
/* TOGGLER */
.tgl {margin: 0; padding: 0; list-style: none; border: 1px solid #d32f2f; border-radius: 8px; overflow: hidden; display: inline-block; font-size: 14px;}
.tgl li {display: inline-block; vertical-align: top;}
.tgl li a {line-height: 42px; display: block; padding: 0 15px; text-decoration: none; color: #333; transition: 0.2s background;}
.tgl li a:hover {background: #d32f2f17;}
.tgl li a.selected {background: #d32f2f; color: white;}

/* POPUP */
.pp {width: 730px; border-radius: 3px;}
.pp-cnt { background: white; border-radius: 8px; padding: 15px 46px; position: relative; padding-bottom: 15px; }
.pp-close { float: right; position: absolute; top: 18px; right: 18px; cursor: pointer; width: 18px; height: 18px; margin-top: 2px;}
.pp-close i { width: 32px; height: 32px;}
.pp-cpt h2 { font-size: 20px; line-height: 26px; color: #2f2f2f; text-align: center; margin-bottom: 30px; }
.pp-cpt h2 i {width: 18px; height: 18px; margin-top: 3px;}
.pp-cnt-inner a {color: #d32f2f;}

/* LAYOUT */
.sidebar {float: left; width: 250px; padding-bottom: 100px;}
.content {margin-left: 280px;}
.content.padded {padding-bottom: 100px;}
.pg-content {min-height: 405px; overflow: hidden;}
.caption-container {margin: 35px auto; margin-top: 10px;}
.cart-clone {z-index: 99; background: white; position: absolute; overflow: hidden; background: #fff; border: 1px solid #f0f0f0; white-space: nowrap;}
.up, .c-fx {position: fixed; right: -200px; bottom: 55px; width: 54px; height: 54px; border-radius: 27px; background: #d32f2f; opacity: 0.5; z-index: 3; box-shadow: 0 2px 5px rgba(0,0,0,.35); transition: 0.2s all;}
.up:hover, .c-fx:hover {opacity: 1;}
.up.visible {right: 15px;}
.up-icon {width: 14px; height: 14px; margin-top: 19px; margin-left: 20px; transform: rotate(90deg); filter: brightness(0) invert(1);}
.c-fx {display: block; right: 15px; bottom: 15px;}
.c-fx.m {bottom: 90px;}
.c-fx .up-icon {width: 24px; height: 24px; transform: initial; margin-top: 14px; margin-left: 15px;}
.btn, .wa-form input[type="submit"], .sys-payment input[type="submit"] {border: none; cursor: pointer; -webkit-appearance: none; background: #d32f2f; color: white !important; font-size: 14px; border-radius: 8px; font-weight: bold; text-decoration: none; outline: none;}
.btn.fh {line-height: 42px;}
.btn.padded {padding: 0 15px;}
.wa-form input[type="submit"], .sys-payment input[type="submit"] {padding: 10px 25px; margin-top: 20px;}
.btn:hover, .wa-form input[type="submit"]:hover {background: #d32f2f;}
.btn-opaque {background: white; color: #d32f2f !important; border: 1px solid #d32f2f;}
.btn-opaque:hover {background: #fafafa;}
.btn:disabled {background: #b5b5b5;}
.btn i.icon.preloader {width: 42px; height: 42px;}
.sys-message {margin: 60px 0; text-align: center;}
.sys-message-icon {width: 128px; height: 128px; margin: 0 auto;}
.sys-message-text {margin-top: 40px; font-weight: bold; font-size: 14px;}


/* SUBCATEGORIES */
.sbc-caption {font-weight: bold; margin-bottom: 10px;}
.sbc {font-size: 14px;}
.sbc-list {margin: 0; list-style: none; padding: 0; font-weight: bold;}
.sbc-list li {padding: 11px 5px;}
.sbc-list li:last-child {border-bottom: none;}
.sbc-list li a {color: #3c4049; transition: 0.2s color;}
.sbc-list li a:hover {color: #d32f2f;}
.sbc-name {display: inline-block; vertical-align: middle;}
.sbc-list-i {font-weight: normal; list-style: none; padding-left: 15px; margin-top: 7px;}
.sbc-list-i li {padding: 5px;}
.sbc-list-i li a {color: #d32f2f;}
.sbc-list-i li a:hover {text-decoration: underline;}

/* CATEGORY */
.mcpt {height: 60px; box-shadow: 0 3px 6px rgba(0,0,0,.07); position: fixed; right: 0; left: 0; top: 0; background: #fafafa; z-index: 3; display: none;}
.mcpt-close {width: 60px; height: 16px; float: right;}
.mcpt-text {line-height: 60px; font-size: 18px; font-weight: bold; padding-left: 15px;}
.sbc-show, .ff-show {display: none; margin-bottom: 15px; text-align: center;}
.c-mobile-ctrl {width: 50%;}
.c-mobile-ctrl.l {padding-right: 5px;}
.c-mobile-ctrl.r {padding-left: 5px;}
.c-mobile-ctrl i {width: 21px; height: 21px;}
.c-lazy {text-align: center; margin-top: 5px;}
.c-lazy i {width: 32px; height: 32px;}


@media screen and (max-width:760px){.cart-div .item-name{width:100%;text-align:center;}
    .cart-div .item-thumb{width:100%;text-align:center;}
    .cart-div .item-total{width:100%;text-align:center;line-height:30px;margin-top:10px;}
    .cart-div{position:relative;flex-direction: column}
    .cart-div .item-remove{width:0%;position:absolute;height:24px;width:20px;right:15px;top:15px;}
    .cart-div .item-qty{margin:auto;}
    .total-cart-div{margin:20px 0;}
}
@media screen and (max-width:1070px){.cart-div{padding:30px 15px;}
}




.mwns-table td{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    vertical-align: baseline;
}


.pg-content h1{
    margin-bottom: 30px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border: 1px solid #dee2e6;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table .table {
    background-color: #fff;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #32383e;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

.t-pr-notify-icon {width: 22px; height: 22px; margin-top: 10px; margin-right: 12px;}
.c-thumbs .p-buy-form .btn-opaque {line-height: 39px;}

@media (max-width: 767.98px) {
    .table-responsive-md {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    .table-responsive-md > .table-bordered {border: 0;}
	/* POPUP */
	.pp {width: 95%;}
}

@media (max-width: 575.98px) {
    .table-responsive-sm {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
    .table-responsive-sm > .table-bordered {border: 0;}
	/* HYPERMODAL POPUPS */
	.pp {display: none; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important;}
	.pp-cnt-inner {padding: 15px; padding-top: 80px;}
	.pp-cnt {border-radius: 0; position: absolute; top: 0; left: 0; bottom: 0; padding: 0px; width: 100%; overflow: auto;}
	.pp-close {position: initial; margin-top: 21px;}
	.pp-cpt {position: fixed; width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07); height: 60px; background: #fafafa; z-index: 3; padding: 0 15px;}
	.pp-cpt h2 {text-align: left; line-height: 60px; font-size: 16px;}
	.pp-cpt h2 i {margin-top: 20px;}
	.pp-data {padding: 15px; padding-top: 85px;}
}



@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
    border: 0;
}


.nav-menu .breadcrumbs{
    display: none;
}
.nav-menu{display:inline-block;list-style-type:disc;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;overflow:hidden;}
.nav-menu li{display:inline;border-right:solid 2px #d32f2f;margin-right:10px;}
.nav-menu a{color:black;}
.nav-menu a:hover{color:#d32f2f;text-decoration:none;}
.nav-menu.bottom-padded li a{color: #444;margin-right: 7px;}
.nav-menu.bottom-padded li.selected a{font-weight: bold;}
.new-af a{
    color: #d32f2f;
}










/* MEDIA */

@media (max-width: 1200px){
    .slider-arrow .slick-next{
        right: 5px;
    }
    .slider-arrow .slick-prev {
        left: 5px;
    }
}
@media (max-width: 1200px){
    /* HEADER */
    .h-up-menu{
        width: inherit;
        justify-content: flex-start;
    }
    .h-up-loc{
        display: none;
    }
    .h-up-menu-i .h-up-loc{
        display: flex;
        height: 45px;
        align-items: center;
        padding: 0 15px;
    }
    .h-d-search{
        display: none;
    }
    .h-d-catalog{
        height: 40px;
    }
    .h-d-contact{
        font-size: 14px;
    }
    .h-up-search{
        display: flex;
        align-items: center;
        margin-right: 30px;
        cursor: pointer;
    }
    .h-d-search{
        top: 16px;
    }
    /* HOME */
    .hm-slider-add{
        display: none;
    }
    .hm-brands{
        justify-content: space-evenly;
    }
    /*!* SLIDER *!*/
    /*.slider{*/
    /*    max-width: calc(100vw - 50px);*/
    /*}*/

}
@media (max-width: 1060px){
    /* FOOTER */
    .f{
        flex-wrap: wrap;
    }
    .f-flo-upper{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .f-flo{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 22px;
        max-width: inherit;
    }
    .f-media{
        width: 100%;
    }
    .f-flo-upper{
        margin: 0;
    }
    .f_logo{height: 47px}
}
@media (max-width: 992px){
    /* HEADER */
    .h-up-menu-ctg-btn i, .h-up-menu-c .h_arrow{
        margin-right: 15px;
        width: 16px;
        height: 10px;
        transform: rotate(-90deg);
        position: absolute;
        right: 0;
        top: 20px;
    }
    .h-d{
        grid-column-gap: 20px;
    }
    .h-burger {
        display: flex;
    }
    .h-d-catalog{
        display: none;
    }
    .h-d-ctrl{
        margin-left: auto;
    }
    .h-up{
        height: 40px;
        justify-content: space-between;
    }
    .h-up-upper{
        z-index: 6;
    }
    .h-up-menu, .h-up-menu-ctg{
        display: flex!important;
        position: fixed;
        height: 100%;
        width: 290px;
        background-color: white;
        z-index: 10;
        flex-direction: column;
        align-items: flex-start;
        /*padding-left: 15px;*/
        justify-content: flex-start;
        /*padding-top: 85px;*/
        top: 124px;
        left: -100%;
        overflow: scroll;
        padding-bottom: 170px;
    }
    .h-up-menu-ctg{
        overflow: scroll;
        padding-bottom: 150px;
    }
    .h-up-menu-ctg-btn a{
        font-weight: bold;
        justify-content: space-between;
    }
    .h-up-mobile.h-up-menu-ctg-btn a{
        font-weight: inherit;
    }
    .h-up-menu li, .h-up-menu-ctg li{
        width: 100%;
        border-bottom: 1px solid #ededed;
        padding-left: 15px;
        position: relative;
    }
    .h-up-menu-c .h-up-menu-c{
        border: none;
        padding: 7px 0 7px 15px;
        display: flex;
        align-items: center;
    }
    .h-up-menu-c .h-up-menu-c a{
        color: #212529;
        max-width: 240px;
        white-space: break-spaces;
    }
    .h-up-menu-c .h-up-menu-c:last-child{
        margin-bottom: 15px;
    }
    .h-up-menu-c ul{
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s;
    }
    .h-up-menu-c.active  ul{
        max-height: 3500px;
    }
    .h-up-menu-c.active .h_arrow{
        transform: rotate(180deg)!important;
    }


    .h-up-menu-c_last{
        flex-direction: column;
        align-items: flex-start!important;
        grid-row-gap: 10px;
    }
    .h-up-menu-c_last .h_arrow{
        margin-top: -6px!important;
    }

    .h-up-menu > li{
        display: none;
    }
    .h-up-menu > .h-up-mobile{
        display: block;
    }
    .h-up-menu > li:first-child{
        display: block;
    }
    .h-up-menu > li:last-child{
        /*display: flex;*/
        /*flex-direction: column;*/
        /*font-size: 0;*/
        /*justify-content: flex-start;*/
        /*align-items: flex-start;*/
        /*padding: 0;*/
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*padding-right: 0;*/
        display: none;
    }
    /*.h-up-menu > li:last-child .h_arrow{*/
    /*    display: none;*/
    /*}*/
    .h-up-menu .h-up-menu-i{
        display: none;
        position: relative;
        /*display: flex;*/
        max-width: 100%;
        background-color: white;
        margin-top: -55px;
    }
    .h-up-menu .h-up-loc{
        padding: 0;
    }
    .h-up-menu .h-up-menu-i li a:hover{
        background: white;
        color: #4E4E4E;
        text-decoration: underline;
    }
    .h-up-menu .h-up-menu-i li a{
        padding-left: 0;
    }
    .h-up-menu > li:hover:last-child{
        background: white;
    }
    .active-h-menu{
        left: 0;
    }
    .h-up-menu-ctg .h-up-menu-info{
        display: none;
    }
    .h-up-menu-ctg.active-info-menu .h-up-menu-info{
        display: block;
    }
    .h-up-menu-ctg.active-info-menu .h-up-menu-c{
        display: none;
    }

    /* HOME */
    .hm-blog {
        grid: "a b" 150px
              "a c" 150px
              "d f" 150px;
    }
    .hm-ctg-slide{
        margin-top: 30px;
    }
    /* SLIDER */
    .slide-btns{
        right: 20px!important;
    }
}
@media (max-width: 768px){
    /* HEADER */
	.h-s.mtop {margin-bottom: 55px;}
    .h-d-search{
        top: 2px;
    }
    .h-up-menu, .h-up-menu-ctg{
        margin-top: -29px;
    }
    .h-d{
        flex-wrap: wrap;
        height: 55px;
    }
    /* HOME */
    .hm-blog {
        grid: "a a" 200px
              "b c" 150px
              "d f" 150px;
        margin: 0 -15px;
    }
    .hm-blog .hm-blog-i:nth-child(even){
        border-radius: 0 10px 10px 0;
        border-left: none;
    }
    .hm-blog .hm-blog-i:nth-child(odd){
        border-radius: 10px 0 0 10px;
        border-right: none;
    }
    .hm-blog .hm-blog-i:nth-child(1){
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    .hm-blog-t {
        padding-right: 15px;
        font-size: 11px;
    }
    .hm-slider .slick-list{
        margin: 0 -15px;
    }
    .hm-slider img{
        border: 1px solid #DEDEDE;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .hm-news-content{
        background: none;
    }
    .hm-news-text{
        width: 45%;
    }
    .hm-i-h1{
        font-size: 24px;
    }
    /* SLIDER */
    .slider .slick-list{
        margin: 0 -15px;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .slider .slick-prev, .slider .slick-next{
        bottom: -45px;
        top: inherit;
        left: 50px;
        width: 35px;
        height: 35px;
        box-shadow: 0 0 6px #00000026;
    }
    .slider .slick-prev, .slider .slick-next{
        bottom: -83px;
        top: inherit;
        left: 55px;
        width: 32px;
        height: 32px;
        box-shadow: 0 4px 15px #00000026;
    }
    /*.hm-new-arrive{*/
    /*    margin-bottom: 110px;*/
    /*}*/
    .slider  .slick-dots, .slider .slick-dots{
        left: 100px;
        bottom: -69px;
    }
    .slider.slider-arrow .slick-prev{
        left: 15px;
    }
    .sidebar {float: none; width: 100%; padding-bottom: 0;}
    .content {margin-left: 0;}
    .pg-content .content{
        margin: 0;
    }
    .pg-content .category{
        padding: 0;
    }
    .pg-content .sbc-show{
        /*padding: 5px;*/
        justify-content: center;
    }

    .hm-slider__mb{
        margin-bottom: 90px;
    }
    /* CATEGORY */
    .category-name h1 {font-size: 20px; text-align: center; line-height: 24px; top: 0;}
    .ff.mobile-visible, .sbc.mobile-visible {display: block; margin-top: 0; position: fixed; margin-bottom: 0 !important;}
    .ff, .sbc {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: white; z-index: 10; margin-top: 0; padding: 15px; padding-top: 85px; overflow-y: auto; display: none;}
    .sbc {padding-top: 65px;}
    .sbc-list {padding: 0; max-height: initial; overflow: auto; font-size: 16px;}
    .mcpt, .sbc-show, .ff-show {display: block;}
}
@media (max-width: 690px){
    /* HEADER */
    .h-d-contact{
        display: none;
    }
}
@media (max-width: 640px){
    /* HEADER */
    /* HOME */
    .hm-blog-t{
        display: none;
    }
    /* FOOTER */
    .f-catalog{
        max-width: inherit;
    }
    .f-ti{
        flex-direction: column;
        text-align: center;
        grid-row-gap: 15px;
    }
}
@media (max-width: 570px){
    /* HEADER */
    .h-d-compare{
        display: none;
    }
    .h-d-favorite{
        display: none;
    }
    .h-d-ctrl{
         min-width: inherit;
     }
}
@media (max-width: 520px){
    /* HEADER */

    /* HOME */
    .hm-news-text {
        width: 100%;
        text-align: center!important;
    }
    /* THUMB */
    .slide-tag{
        margin-left: 25px;
    }
}
@media (max-width: 468px){
    /* HOME */
    .hm-blog .hm-blog-i:nth-child(1) .hm-blog-h{
        font-size: 20px;
    }
    .hm-blog-h{
        padding: 15px 15px 0;
        font-size: 14px;
    }
    .hm-blog-b{
        padding: 0 15px;
    }
    .hm-blog-c{
        height: 40px;
    }
    /* FOOTER */
    .f-li{
        max-width: inherit;
    }
    .f-ul{
        height: inherit;
    }
    .f-info, .f-cont{
        width: 100%;
        max-width: inherit;
    }
}
@media (max-width: 440px){
    /* HEADER */
    .h-d-logo {
        width: 184px;
    }
}
@media (max-width: 395px){
    /* HEADER */
    .h-d-logo {
        width: 184px;
    }
    .h-d-cart-data{
        display: none;
    }
    i.icon.h_cart{
        margin: 0;
    }
    /* HOME */
    .hm-adv-block-three, .hm-adv-block-two, .hm-adv-block-one{
        background-size: 123px;
    }
}

/* PAGINATION */
.pagination {margin: 0; padding: 0; list-style: none; color: #757575;}
.pagination li {display: inline-block; margin-right: 10px;}
.pagination li:last-child {margin-right: 0px;}
.pagination li a {font-size: 16px; color: #7d7d7d; line-height: 32px;}
.pagination li.selected a {color: #262626; font-weight: bold;}
.pagination li.selected b {color: #262626;}