@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap');
:root {
--red:#BB0000;
--black:#000;
--white:#fff;
--silver:#FAFAFA;
--grey: rgb(202, 202, 202);
--yellow: #FFF700;
--border-color: #DDDDDD;
--system-fonts: 'Nunito', sans-serif;
--box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
}
body {padding-top: 140px;-webkit-animation:fadeinout .5s ease-in 1 forwards;animation:fadeinout .5s ease-in 1 forwards; font-family: var(--system-fonts);}
@-webkit-keyframes fadeinout{0%{opacity:0}100%{opacity:1}}@keyframes fadeinout{0%{opacity:0}100%{opacity:1}}
@keyframes pull{from{margin-top:-15px}
to{margin-top:0}
}
@-webkit-keyframes pull{from{margin-top:-15px}
to{margin-top:0}
}
@-webkit-keyframes pop-open{0%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes pop-open{0%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
.silver {background-color: var(--silver);}
.red {background-color: var(--red);}
.yellow {background-color: var(--yellow);}
.black {background-color: var(--black);}
.white {background-color: var(--white) !important;}
.button, button {border-radius: 20px;}
.round-button {width: 40px; height: 40px;  font-size: 1em; padding: 0; } 
.black-text {color: var(--black);}
.red-text {color: var(--red);}
.yellow-text {color: var(--yellow);}
.white-text {color: var(--white);}
.row-flex {display: flex; flex-direction:row;}
.row-flex .flex-box {flex: 1;}
.flex-col{float:none !important;flex-direction:row;}
.flex-row{display:flex;}
.flex-wrap {flex-wrap: wrap;}
.v-center{top:50%;position:relative;transform:translateY(-50%);}
.editable {height: 100%;}
.maxw400 {max-width: 400px;min-width: 400px;}
.maxw500 {max-width: 500px;min-width: 500px;}
.maxw300 {max-width: 300px;min-width: 300px;}
.maxw320 {max-width: 320px;min-width: 320px;}
.radius-20 {border-radius: 20px;}
.bordered {border:solid 1px var(--border-color)}
.wraper {margin: auto; }
h1 {font-weight: bold;}
header .logo {position: absolute; left:0; top:0px}
header {position: fixed; width: 100%; top:0; left:0; z-index: 40;background-color:var(--black);}
header .header-tools{position:absolute;top:95px;right:0;white-space:nowrap;z-index:90;} 
header .header-tools > .header-tool{display:inline-block;float:right}
header .header-tool:before{width:30px;height:30px;position:absolute;display:block;content:'';z-index:7;transform:scale(1)}
header .header-tool.animate:before{transform:scale(2);opacity:0;-o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease}
header .tool-icon{width:30px;height:30px;line-height:30px;display:inline-block;position:relative;cursor:pointer;text-align:center;z-index:8}
header .tool-icon .badje{display:block;position:absolute;top:-6px;left:-6px;width:16px;height:16px;line-height:16px;background-color:#F02D33;color:#fff;text-align:center;border-radius:50%;z-index:2;font-weight:500; font-size: 0.6em;}
header .tool-icon .pop-up:before{position:absolute;content:'';top:-20px;height:0;width:0;border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px;left:calc(50% - 30px)}
header .tool-icon .pop-up{position:absolute;width:320px;top:40px;left:-125px;padding:20px;display:none;background:#fff;line-height:normal;white-space:normal;text-align:left;z-index:40}
header .tool-icon .pop-up i{color:inherit}
header .tool-icon .menu:before{position:absolute;content:'';top:-20px;height:0;width:0;border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px;right:35px}
header .tool-icon .menu{position:absolute;width:300px;top:40px;right:-30px;padding:20px;display:none;background:#fff;line-height:normal;white-space:normal;z-index:40}
header .tool-icon .open{display:block;animation:pop-open .4s;-webkit-animation:pop-open .4s}
header .tool-icon i{line-height:inherit;color:#000;opacity:.7}

header nav {position: absolute; top:10px; right:0; color: var(--white);}
header nav ul {list-style: none;}
header nav ul li {display: inline-block;}
header nav ul li:after {display: inline-block;content: '';border-left: solid 1px var(--red); height: 12px; margin-left: 5px ; margin-right: 5px; vertical-align: middle;}
header nav ul li:last-child:after {display: none;}
header nav ul li a {text-decoration: none; text-transform: uppercase; font-size: 0.8em;}

header .cats {padding-top:25px; padding-left:120px; padding-bottom:0px;}
header .cats ul {list-style: none;}
header .cats ul li  {display: inline-block; font-size: 0.8em;}
header .cats ul li ul {position: absolute; width: 100%;bottom:0px;height:30px;background:var(--yellow);left:0; opacity: 0; max-height: 0px; overflow: hidden;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header .cats ul li:hover ul {opacity: 1;max-height: 30px;bottom: -30px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear }
header .cats ul li ul li a {color: var(--black); font-weight: 700; font-size: 1.2em;}
header .cats ul li a {color:#fff; text-decoration: none; padding-bottom: 20px !important; display: block; text-transform: uppercase; font-weight: 500; padding: 10px; text-align: center;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header .cats ul li a:hover {background-color: var(--red);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header .cats ul li a:hover img {transform: scale(1.1); -webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header .cats ul li a img {transform: scale(0.8); display: block;  margin: auto;margin-bottom: 10px; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}

footer {background-color: var(--black); font-size: 0.9em;}
footer ul {list-style: none; line-height: 1.5;}
footer ul li a {text-decoration: none;}
footer .copyright {border-top: solid 1px #292929;}
  
.sidebar-box {background-color: var(--silver); border:solid 1px var(--border-color); border-radius: 10px;padding: 15px  ; margin-bottom: 10px;}
.sidebar-box h3 {text-transform: uppercase; font-size: 1.4em; font-weight: 300;}
.sidebar-box h3 strong {color: var(--red);}
.cmspage {line-height: 1.5;}

.subject {font-size: 1.6em; padding-bottom: 5px; border-bottom: solid 1px var(--border-color); text-transform: uppercase;}
.subject a {font-size: 1rem; text-decoration: none; color: var(--red);}
.predimstva * {vertical-align: top;}


.results {display: flex; flex-direction: row; flex-wrap: wrap;}
.results .row {width: 33%; border-radius: 10px;}
.results.row-view .row {width: 100%;}
.results .row:hover {box-shadow:var(--box-shadow) ;}

.prod {text-align: center; padding: 15px;position: relative;}

.prod .prod-img { padding: 20px; height: 200px;}
span.status {width: 30px; height: 30px; background-color: var(--yellow);color: var(--black); border-radius: 50%; display: inline-block; margin-right: 10px;line-height: 30px; font-size: 1em; text-align: center; position: absolute; top:20px; right:20px}
.prod .prod-img img {max-height: 100%; width: auto; max-width: 100%;}
.prod .prod-title {margin-bottom: 10px;} 
.prod .prod-title a {text-decoration: none; font-weight: bold;}
.prod .prod-price {color: var(--red); font-size: 1.2em; font-weight: 700; margin-top: 10px;}
.prod .product-tools {display: none;}
.prod:hover .product-tools {display: block; list-style: none; z-index: 10; position: absolute; border-radius: 20px; background-color: var(--red); color:var(--white); padding: 5px;margin: auto;left:1%;right:1%; top:1%; bottom:1%; width: 100px;height: 35px;box-shadow: var(--box-shadow);}
.prod .product-tools li {display: inline-block;margin: 0;}
.prod .product-tools li a {opacity: 0.5;}
.prod .product-tools li a:hover {opacity: 1;}
.product-tools span {width: 25px;}

.results.row-view .prod {text-align: left; display: flex; padding: 0;position: relative;}
.results.row-view .prod .prod-img {min-width: 200px;height: auto;max-width: 200px;}
.results.row-view .prod .prod-info {transform: translateY(16%); max-width: 400px; width: 40%; margin-left: 20px;}
.results.row-view .prod .product-tools, .results.row-view .prod:hover .product-tools {display: block; position: absolute;right:10px; background-color: inherit; left:unset; top: 50%;margin-top: -20px; bottom: unset;box-shadow: none; color: var(--red); width: 150px;height: 40px;padding: 0;text-align: center;}
.results.row-view .prod .product-tools span, .results.row-view .prod:hover .product-tools span {font-size: 2em;}

.details .add-to-cart button {background-color: var(--yellow); color: var(--black); border-radius: 20px; font-weight: bold;}
.details dl {}
.details dl dt, .details dl dd {display: inline-block;}
.details dl dt {width: 40%; font-weight: bold;}
.details dl dd {width: 60%;}
.details .old-price {text-decoration: line-through; font-weight: normal; font-size: 1.2em; margin-bottom: 10px;}
.details .sale-status {position: absolute; top:20px; left:0; background-color: var(--red); color:var(--white); font-weight: 700; font-size: 1.2;padding-left: 10px; padding-right: 10px; line-height: 2; border-radius: 0 10px 10px 0;}

.user-menu {list-style: none;}
.user-menu li a {text-decoration: none; background-color: var(--silver); margin-bottom: 4px; padding: 5px; border-radius: 10px; display: block;}

.breadcrumbs {font-size: 0.9em; opacity: 0.5; margin-bottom: 5px;}
.table-container table thead {background-color: inherit; color: var(--black); border-bottom: solid 1px var(--border-color);}

.pagination li {border-radius: 10px;}

.vendor-filter a {display: inline-block; border-radius: 20px; background-color: var(--white); color: var(--red); text-decoration: none; padding: 5px; margin-right: 10px; padding-right: 10px; padding-left: 10px; box-shadow: var(--box-shadow);border: solid 1.5px var(--red);}
.vendor-filter a.active {background-color: var(--red); color: var(--white);}
.sort-menu {display: none; right:0; z-index: 10; border-radius: 10px; min-width: 200px; top:35px}
.sort-menu.open {display: block;}

.filter .param {margin-bottom: 10px;}
.filter .param .bold {padding-left: 5px; margin-top: 20px;}
.filter .param .values-list {max-height: 250px; overflow-y: auto; background-color: var(--white); padding: 10px;border:solid 1px var(--border-color);border-radius: 10px;}
[humge-type="checkbox"]::before,[humge-type="radio"]::before{float:left;width:18px;height:18px;border:solid 1px var(--grey);border-radius:3px;}
[humge-type="checkbox"],[humge-type="radio"]{font-size:0.9em;}
.filter .param .values *{vertical-align:middle;}
[humge-type="checkbox"] [type="checkbox"]:checked + span::after,[humge-type="radio"] [type="checkbox"]:checked + span::after{left:3px;top:3px;width:15px;}
[humge-type="select"],[humge-type="text"],[humge-type="password"],[humge-type="textarea"],[humge-type="date"],[humge-type="email"],[humge-type="user"]{border:solid 1px var(--grey);border-radius:5px;}
[humge-type="select"] select{height:40px;padding-top:10px;}
[humge-type="select"]::after{top:10px;}
[humge-type="select"] span,[humge-type="text"] span,[humge-type="user"] span,[humge-type="email"] span,[humge-type="pass"] span{background-color:var(--black);display:none;}
[humge-type="text"] input,[humge-type="password"] input,[humge-type="textarea"] input,[humge-type="date"] input,[humge-type="email"] input,[humge-type="user"] input,[humge-type="text"] textarea,[humge-type="password"] textarea,[humge-type="textarea"] textarea,[humge-type="date"] textarea,[humge-type="email"] textarea,[humge-type="user"] textarea{height:40px;padding-top:10px;border-bottom:none !important;}
[humge-type="email"]:after,[humge-type="user"]:after,[humge-type="password"]:after{top:10px}
[humge-type="select"] select,[humge-type="textarea"] textarea{border-bottom:none !important;}
[humge-type="radio"] [type="radio"]:checked + span::after{content:'';position:absolute;left:4px;top:4px;width:12px;z-index:-1;cursor:pointer;height: 12px; background-color: var(--red);}
.search [humge-type="radio"] {display: inline-block; width: auto; margin-right: 20px;}
.search button {position: absolute; right:6px; top:6px; z-index: 10; padding: 0px;width: 40px; line-height: 20px; border-radius: 5px;height: 30px;}
.search button span {line-height: 30px;}
.search {max-height: 0px; overflow: hidden; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.search.open {max-height: 300px; -webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.fav-actions {font-size: 0.9em;}
.fav-actions span {vertical-align: middle;}

#search-results {background-color: var(--white); box-shadow: var(--box-shadow); width: 500px; right:0;top:100px;position: absolute;  padding: 10px; border-radius: 20px; }
.search-cats button {font-size: 0.8em;  padding-left: 10px !important;padding-right: 10px; line-height: 20px; height: inherit; padding-top: 5px;padding-bottom: 5px; margin-right: 5px;margin-bottom: 5px;}
.sort-buttons button {font-size: 0.8em;  padding-left: 10px !important;padding-right: 10px; line-height: 20px; height: inherit; padding-top: 5px;padding-bottom: 5px; margin-right: 5px;margin-bottom: 5px;}
.prodName {margin-bottom: 10px;}
.prodName a {text-decoration: none; font-weight: bold; color: var(--black);} 
.prodName .sku {color: var(--green); font-weight: 700;margin-bottom: 2px; font-size: 0.8em;}
.prodName .price {color: var(--orange); font-weight: 700;}
.prodName .price span {background-color: var(--silver); color: #8d8d8d; float: right; margin-right: 20px;}  
#search-prods {max-height: 500px;overflow-y: auto;}

.cart_item {padding: 15px; box-shadow: 1px 1px 3px rgba(0,0,0,0.07); border-radius:5px;border: solid 1px rgba(0,0,0,0.08);}
.cart_item .name {font-weight: 700; font-size: 1.2em; margin-bottom: 10px;}
.cart_item .controls {padding-top: 10px;}
.cart_item .quanity {}
.cart_item .quanity input {text-align: center; font-size: 1.2em; width: 40px;  border-radius: 5px; border:solid 1px #CCCCCC; line-height: 30px; margin-top: 5px;}
.cart_item .quanity a {text-decoration: none;width: 25px; height: 25px; line-height: 25px; border-radius: 5px; font-weight:700; font-size: 1.2em; background-color: #000; color:#fff; display: inline-block;margin-top: 10px;}
.cart_item .price { text-align: right; padding-top: 10px;}
.cart_item .price .item_sum {font-size: 1.4em; font-weight: 500;}
.cart_item .price .addons_sum {}
.cart_item .price .addons_sum:before {content: 'Добавки'; display: block; font-weight: 500;}
.cart_item .price .total_sum {margin-top: 5px; font-size: 1.6em;}
.cart_item .variant {margin-top: 5px; margin-bottom: 20px;}

.compare_item {width: 250px;}
.compare_param {width: 200px; min-width: 200px;}

.order-tabs {background-color: var(--silver); padding: 10px; border-radius: 15px; line-height: 50px;}
.order-tabs a {text-decoration: none; padding-top: 40px;padding-bottom: 40px;}
.order-tabs div[class*=col-] {position: relative;}
.order-tabs div[class*=col-]:after {content: ''; display: inline-block; position: absolute; font-size: 2em; right:0; top:15px; width: 20px; height: 20px; background-image: url(/public/images/next.png);background-size: contain; opacity: 0.3;}
.order-tabs div[class*=col-]:last-child:after {display: none;}

.table-container table.stript tbody tr {border-bottom: solid 1px  var(--grey);}
.cmspage ul,.cmspage ol {padding-left: 15px; margin-bottom: 10px;}
.cmspage p {margin-bottom: 10px;}
.cmspage h2 {color: var(--red); font-weight: 500; margin-bottom: 30px; text-transform: uppercase;}
.cmspage h3 {font-size: 1.6rem;}
.status h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 15px;}
.status h3 * {vertical-align: middle;}
.status h3 strong {width: 30px; height: 30px; background-color: var(--yellow);color: var(--black); border-radius: 50%; display: inline-block; margin-right: 10px;line-height: 30px; font-size: 1em; text-align: center;}


.blog article {border-radius: 10px; border:solid 1px var(--border-color); background-color: var(--white);position: relative;}
.blog article .img img {border-radius: 10px 10px 0px 0px;}
.blog article .img {margin-bottom: 10px;}
.blog article .title {padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
.blog article .title a {text-decoration: none; font-size: 1.1em; font-weight: 700;}
.blog article  .descr {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.blog article .date {padding: 5px; background-color: var(--yellow); top:10px; right:10px; color: var(--black); position: absolute; border-radius: 10px; box-shadow: var(--box-shadow); font-size: 0.9em; font-weight: 700;}

.messages article .title a {text-decoration: none; font-size: 1.1em; font-weight: 700;}
.messages article .date {padding: 5px; background-color: var(--yellow); top:10px; display: inline-block; color: var(--black);  border-radius: 10px; box-shadow: var(--box-shadow); font-size: 0.9em; font-weight: 700;margin-left: -2px; margin-bottom: 5px;}

/* @import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {padding-top: 140px;font-family: 'Nunito', sans-serif;-webkit-animation:fadeinout .5s ease-in 1 forwards;animation:fadeinout .5s ease-in 1 forwards;}
*{vertical-align:middle}
a{color:inherit}
.font08{font-size:.8em}
.wraper{margin:auto}
.v-center{position:relative;top:50%;transform:translateY(-50%);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.red{background-color:#F02D33}
.black{background-color:#000}
.white{background-color:#fff}
.silver{background-color:#F1F1F1}
.red-text{color:#F02D33}
.black-text{color:#000}
.white-text{color:#fff}
.button, button {border-radius: 15px;font-weight: 700;}
header {position: fixed; width: 100%; top:0; left:0; z-index: 40;background-color: #fff;}
header nav ul{text-align:center}
header nav ul li{display:inline-block; position: relative;}
header nav ul li a{font-size:1em;display:block;line-height:3.4em;color:#000;text-decoration:none;text-transform:uppercase;padding-left:15px;padding-right:15px;font-weight:400;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header nav ul li a:hover{background-color:#F02D33;color:#fff;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
header nav ul li ul {position: absolute; left:0; display:none; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;min-width: 700px;text-align: left;}
header nav ul li ul li {width: 33.3333%;float:left;position: relative; }
header nav ul li ul li:last-child {margin-bottom: 20px;}
header nav ul li ul li:nth-child(3n+1) {clear: left;}
header nav ul li ul li ul {position: relative; box-shadow: none;min-width: inherit;}
header nav ul li img {max-width: 25px; vertical-align: sub; margin-right: 5px;}
header nav ul li ul li ul li {width: 100%; float: none;}
header nav ul li ul li ul li a {line-height: 1.5; text-transform: inherit;}
header nav ul li:hover ul {display: block;}
header.fixed-header.scroll{position:fixed;top:0;width:100%;left:0;z-index:20}
header.fixed-header.scroll .logo{display:none}
header .header-tools{position:absolute;top:10px;right:0;white-space:nowrap;z-index:90;}
header .header-tools > .header-tool{display:inline-block;float:right}
header .header-tool:before{width:30px;height:30px;position:absolute;display:block;content:'';z-index:7;transform:scale(1)}
header .header-tool.animate:before{transform:scale(2);opacity:0;-o-transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease}
header .tool-icon{width:30px;height:30px;line-height:30px;display:inline-block;position:relative;cursor:pointer;text-align:center;z-index:8}
header .tool-icon .badje{display:block;position:absolute;top:-6px;left:-6px;width:16px;height:16px;line-height:16px;background-color:#F02D33;color:#fff;text-align:center;border-radius:50%;z-index:2;font-weight:500; font-size: 0.6em;}
header .tool-icon .pop-up:before{position:absolute;content:'';top:-20px;height:0;width:0;border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px;left:calc(50% - 30px)}
header .tool-icon .pop-up{position:absolute;width:320px;top:40px;left:-125px;padding:20px;display:none;background:#fff;line-height:normal;white-space:normal;text-align:left;z-index:40}
header .tool-icon .pop-up i{color:inherit}
header .tool-icon .menu:before{position:absolute;content:'';top:-20px;height:0;width:0;border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px;right:35px}
header .tool-icon .menu{position:absolute;width:300px;top:40px;right:-30px;padding:20px;display:none;background:#fff;line-height:normal;white-space:normal;z-index:40}
header .tool-icon .open{display:block;animation:pop-open .4s;-webkit-animation:pop-open .4s}
header .tool-icon i{line-height:inherit;color:#000;opacity:.7}
header .header-tool img {opacity: 0.7;}


.prod{background-color:#f7f7f7;position:relative}
.prod .prod-title a,.results .prod .prod-title a{text-decoration:none;text-transform:uppercase;margin-bottom:10px;font-size:1.2em;font-weight:700;display:block; height: 40px;text-overflow: ellipsis;overflow: hidden;}
.prod{background-color:#f7f7f7; margin-bottom: 20px;}
.prod .prod-price{font-size:1.2em;margin-bottom:5px;font-weight:400;}
.prod .prod-price span {color: #F02D33;}
.prod .prod-price b,.index-prods .prod .prod-price b{text-decoration:line-through;}
.prod .prod-img img{margin-left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.prod:hover .prod-img img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.prod{position:relative;overflow:hidden}
.prod .prod-info{position:relative;padding:15px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.prod:hover {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.prod .prod-info .descr {margin-bottom: 10px; height: 55px;overflow: hidden;}

.product_params {line-height: 1.5; margin-bottom: 30px;}
.product_params dt {display: inline-block; width: 30%; font-weight: 700;vertical-align: top;margin-bottom: 10px;}
.product_params dd {display: inline-block; width: 70%;}
.product_params dd:after {content: ''; clear: left;}

dl[humge-type="accordion"] dt {font-size: 1.4em; font-weight: 700;padding:10px; background-color: #F1F1F1; color:#000}
dl[humge-type="accordion"] dt.active {background-color: #F1F1F1;}
dl[humge-type="accordion"] dd { border:solid 1px #F1F1F1}

ul.tabs li a {text-decoration: none;}

.breadcrumbs{border-bottom:solid 2px #000;padding-bottom:5px;color:#000;font-size:.8em;text-align:right}
.breadcrumbs a,.bread-details a{text-decoration:none}
.bread-details{padding-bottom:5px;color:#000;font-size:.8em;text-align:right}
.bread-details *,.breadcrumbs *{vertical-align:baseline}
.border-15{border-radius:15px;border:solid 1px #D9D9D9}
.border-10 {border-radius: 10px 10px 0 0 ;position: relative}
.border-10:after {content:''; height: 8px; width: 8px; border-left:none; border-right:none; border-top:solid 3px #fff; border-right: solid 3px #fff;display: block; transform: rotate(135deg);position: absolute; right:20px;top:10px}
.bordered {border:solid 1px #CCC; }
.details .main-info{font-size:1.2em;}
.details .main-info *{vertical-align:baseline}
.details .main-info p{margin-bottom:10px}
.details .main-info strong{font-weight:700}
.details .product-price .price{color:#000;font-weight:700;font-family:'Open Sans Condensed',sans-serif;font-size:1.5em;text-align:center}
.details .product-price .old-price,.details .product-price .price-save{text-align:center;font-weight:normal;font-size:1.2em;opacity:.9; font-size: 1em; margin-top: 10px;}
.details .product-price .old-price span{text-decoration:line-through; font-weight: normal; font-size: 1.4em;}
.details .quanity{border:solid 1px #000;width:120px;margin:auto;padding:5px;font-size:1.2em;margin-top:15px;margin-bottom:15px}
.details .quanity input{width:60px;border:none;padding:5px;text-align:center}
.details .quanity span{cursor:pointer}
.add-to-cart button{background-color:#000;color:#fff;text-transform:uppercase;font-family:'Open Sans Condensed',sans-serif}
.details .image{position:relative;z-index:4}
.details .image:after{content:'';display:block;bottom:-50px;position:absolute;background-image:url(/public/images/postament.png);background-size:contain;height:100px;width:100%;background-repeat:no-repeat;background-position:top center;z-index:3}
.details .image div{z-index:6}
.thumbs div {}
.cmspage{line-height: 1.5; font-size: 1.1em;}
.cmspage p,.cmspage ul,.cmspage ol,.cmspage table{margin-bottom:10px}
.cmspage ul,.cmspage ol{padding-left:20px}
.cmspage h2{font-size:1.4em;margin-bottom:10px;color:#000}
.cart_item{padding:15px;box-shadow:1px 1px 3px rgba(0,0,0,0.07);border-radius:5px;border:solid 1px rgba(0,0,0,0.08)}
.cart_item .name{font-weight:700;font-size:1.2em;margin-bottom:10px}
.cart_item .controls{padding-top:10px}
.cart_item .quanity{padding-top:0px}
.cart_item .quanity input{text-align:center;font-size:1.2em;width:40px;border-radius:5px;border:solid 1px #CCC;line-height:30px;margin-top:5px}
.cart_item .quanity a{text-decoration:none;width:25px;height:25px;line-height:25px;border-radius:5px;font-weight:700;font-size:1.2em;background-color:#000;color:#fff;display:inline-block;margin-top:10px}
.cart_item .price{padding-top:10px;text-align:right}
.cart_item .price .item_sum{font-size:1.4em;font-weight:500}
.cart_item .price .addons_sum:before{content:'Добавки';display:block;font-weight:500}
.cart_item .price .total_sum{margin-top:5px;font-size:1.6em}
.cart_item .variant{margin-top:5px;margin-bottom:20px}
.order-tabs div{background-color:#000;border-radius:10px;display:block;text-decoration:none;width:100%;line-height:55px; color: #fff;}
.order-tabs div.active{background-color:#F02D33;color:#fff}
.order-tabs div a{text-decoration:none}
.user-menu ul{list-style:none;font-size:1.2em}
.user-menu ul li{display:block;border-bottom:solid 1px rgba(228,228,228,1.00);font-weight:500; font-size: 0.8em;}
.user-menu ul li:last-child{border:none}
.user-menu ul li a{text-decoration:none;font-weight: 700; -webkit-transition:all .2s linear;line-height:30px;display:block;padding:5px;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.user-menu ul li a:hover{background-color:#f7f7f7;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
footer ul{list-style:none;line-height: 1.5;}
footer ul a{color:rgb(85, 85, 85);text-decoration:none;margin-bottom:4px;display:block;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
footer ul a:hover{color:#000;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}

table{width:100%;border-collapse:collapse}
table th{text-align:left;font-weight:700!important;padding:15px}
table td{padding:10px}
table td:last-child{width:1%}
table tr{border-bottom:solid 1px #D9D9D9}
table tr td{white-space:nowrap}
.posts .date{background-color:#000;padding:8px;color:#fff;display:inline-block;font-size:1.2em;margin-bottom:5px}
.posts .title a{display:block;text-decoration:none;font-family:'Open Sans Condensed',sans-serif;font-size:1.2em;text-transform:uppercase;font-weight:700;color:#c69c6d;height:45px}
.posts .descr{font-family:'Open Sans Condensed',sans-serif;font-size:1.2em}
.contacts{margin:auto;width:600px;border-radius:15px}
.contacts h3{font-size:1em!important;font-weight:700;margin-bottom:10px}
.contacts p{margin-bottom:15px}
.promo-status{color:#fff;background-color:#F02D33;padding:5px;position:absolute;top:15px;left:0px; text-transform: uppercase; font-weight: 700;}
.sale-status{color:#fff;background-color:#F02D33;padding:5px;position:absolute;top:35px;right:0px;text-transform: uppercase; font-weight: 700;}
.irs-from::after,.irs-to::after,.irs-single::after{border-top-color:#F02D33 !important;}
.irs-from,.irs-to,.irs-single{background-color:#F02D33 !important;}
.mobile-menu{display:none;}
.filter-container {max-height: 0; opacity: 0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear; border:solid 1px #F1F1F1; border-radius: 0 0 10px 10px;overflow: hidden;}
.filter-container.open {max-height: 8000px; opacity: 100;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear} 
.param {margin-bottom: 20px;}
.more-params .param {width: 33.33%; float: left;}
@media (max-width:959px){
body{padding-top:170px}
header{position:fixed;width:100%;top:0;z-index:90}
header .gold{height:3.4em}
header .logo{width:100%;padding-top:10px;padding-left:5px;margin:auto}
.slogan{padding-top:20px}
header .logo img{width:90px}
.row [class*=col-]{float:none!important;width:100%!important;margin:0;clear:left!important;margin-bottom:20px}
.wraper{width:100%;padding-left:10px;padding-right:10px;max-width:100%;min-width:100%}
header nav{display:none}
.row .prod{float:left!important;width:calc((100%/2) - 5px)!important;clear:none!important;margin-right:5px}
.index-prods .row:after,.results .row:after{clear:none!important;display:inherit!important}
.index-prods .prod .prod-title a{font-size:1em}
.index-prods .prod .prod-info{bottom:25%}
.prod .descr{height:67px;display:block;text-overflow:ellipsis;white-space:normal;overflow:hidden}
.prod .descr:after{content:'.'}
.prod .prod-title a{font-size:12px}
.prod .prod-price{font-size:14px}
.pagination{clear:left}
header .tool-icon .pop-up:before{left:175px}
header .tool-icon .pop-up{right:-120px;left:inherit;z-index:60}
header .tool-icon{z-index:60}
.cart_item *{margin-bottom:0!important}
.cart_item .image{height:80px;text-align:center}
.cart_item .image img,#items .col-20 img{width:50px}
#items .col-20{float:left!important;width:40px!important;clear:none!important}
#items .col-70{float:left!important;width:190px!important;clear:none!important}
#items .col-10{float:left!important;width:20px!important;clear:none!important}
.row.quanity .col-33{float:left!important;width:50px!important;clear:none!important}
.cart_item .price{padding-top:0!important}
.w400.bordered,.w500.bordered,.login,.w300.bordered{width:100%!important;border:none;box-shadow:none;height:auto}
.login{margin-top:0!important}
.user-menu{display:none}
table{overflow-x:scroll;display:block}
.steps{display:none}
.no-top-padding{padding-top:0!important}
h2{font-size:1.4em!important}
footer{padding:0!important}
footer .wraper{padding:20px}
.menu-call{width:30px;position:absolute;z-index:101;cursor:pointer;padding-top:8px;padding-bottom:8px;margin-top:6px;top:10px;left:10px;}
.menu-call span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:#fff;position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:#fff;position:absolute;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:#fff;position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:#fff;position:absolute;bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span{width:100%;height:2px;background-color:white;display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span{width:0}
.clearfix{clear:left!important}
.results .prod{background-color:#f7f7f7;position:relative}
.results .prod .prod-info{position:absolute;bottom:33%;left:5%;right:5%;background-color:#fff;text-align:center;padding:15px;opacity:0;width:90%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.results .prod:hover .prod-info{bottom:10%;opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.results .prod .prod-title a,.results .prod .prod-title a{text-decoration:none;text-transform:uppercase;font-family:'Open Sans Condensed',sans-serif;margin-bottom:10px;font-size:1em;font-weight:700;display:block}
.results .prod .prod-price{color:#fff;background-color:#c69c6d;padding:5px;display:inline-block}
.results .prod:hover .prod-img img{margin-left:inherit;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.prod-img{max-height: 170px;overflow: hidden;}

.w330.right{display:none}
.slogan.font24.font2{font-size:1.8em}
.bread-details{padding-top:30px}
.w500{width:100%}
.contacts{margin:auto;width:90%;border-radius:15px;margin-bottom:40px;}
.order-tabs{display:none;}
.magnify .magnify-lens{visibility:hidden !important;}
.details-descr{width:100%;float:none !important;clear:left;margin-bottom:0px;}
.details-img{width:80%;float:none !important;clear:left;margin-bottom:85px;margin-left:auto;margin-right:auto;}
.details .image::after{bottom:-65px}
.details-add-to-cart{width:100%;float:none !important;clear:left;}
.fix100p{width:100%;}
header .header-tools{z-index:90;}
.mobile-menu{position:fixed;top:48px;overflow:hidden;max-height:0;width:100%;background-color:#c69c6d;z-index:80;top:48px;max-height:0;opacity:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;display:block;}
.mobile-menu.open{max-height:initial;max-height:1000px;opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.mobile-menu ul{list-style-type:none;}
.mobile-menu ul a{text-decoration:none;text-transform:uppercase;line-height:1.5;font-weight:normal;color:black;display:block;margin-bottom:10px;}
.filterr{max-width:inherit;min-width:inherit;z-index:100;}
.params .param{float:none;width:100%;}
.params .param:first-child{width:100% !important;}
.filterr a.button,.filterr button{padding:5px 10px;}
.magnify{overflow:hidden;}
.actualno,.promocii{display:block;}
} */



@media  (min-width: 1440px)  {
    .results .row {width: 25%; border-radius: 10px;}
   }

 @media  (min-width: 800px)  and (max-width: 1300px) {
    .results .row {width: 50%; border-radius: 10px;}
   }