/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic');
body {font-size: 14px; font-weight: 300;}
.wraper {min-width: 1060px; max-width: 1400px; width: 80%; margin: auto;}
.wraper .wraper {width: 100%;}
.black {background-color: #242424;}
.red {background-color: #ca3845;}
.grey {background-color: #585858}
.blue{background-color:#37aff9}
.silver {background-color: #F1F1F1;}
.white {background-color: #fff;}
.black-text {color: #242424;}
.red-text {color: #ca3845;}
.green-text{color:#9ace49}
.blue-text{color:#37aff9}
.orange-text{color:#ff9e11}
.white-text {color:#fff;}
.h5 {height: 5px;}

.font5 {font-size: 5em;}
.bordered {border: solid 1px rgba(0,0,0,0.08);}
.bottom-border{border-bottom: solid 1px rgba(0,0,0,0.08);}
.inline {display: inline-block;}
.min-height {min-height: 500px}
.rejected {opacity: .5;}
.vmidle {vertical-align: middle;} 

h2 {font-size: 1.4em; font-weight: 300;color: #ca3845; margin-bottom: 10px; }
a {color:inherit;}
header.scroll {position: fixed; width: 100%; background-color: #fff; z-index: 30; box-shadow: rgba(0,0,0,0.21) 0px 0 10px;  -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header.scroll .wraper {width: 100% !important; max-width: inherit; padding-left: 20px; padding-right: 20px; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header.scroll nav {height: 0; opacity: 0; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header.scroll .top-contacts {display: none;}
header .header-tools {position: absolute;top:20px; right: 0; white-space: nowrap;}
header .header-tools > .header-tool {display: inline-block;}
header .header-tool:before {width: 70px; height: 70px;position: absolute;background: red; display: block; content: ''; z-index: 7;  transform: scale(.9)}
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: 70px; height: 70px; line-height: 70px; background: #f0efed; display: inline-block; position: relative;cursor: pointer; text-align: center;z-index: 8;}
header .tool-icon .badje {display: block; position: absolute; top:0px; left:0px; width: 20px; height: 20px; line-height: 20px; background-color:#000; color:#fff; text-align: center; border-radius: 50%; }
header .tool-icon .pop-up:before {position: absolute; content: ''; top:-20px; height: 0px; width: 0px; border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px; left: calc(50% - 10px);} 
header .tool-icon .pop-up {position: absolute; width: 320px; top:75px; left:-125px; padding: 20px; display: none; background: #fff; line-height: normal; white-space: normal; text-align: left; z-index: 40;}
header .tool-icon .menu:before {position: absolute; content: ''; top:-20px; height: 0px; width: 0px; border-left:transparent solid 10px;border-right:transparent solid 10px;border-top:transparent solid 10px;border-bottom:#fff solid 10px; right:10px;;} 
header .tool-icon .menu {position: absolute; width: 300px; top:75px; 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 nav ul li {list-style:none; display: inline-block;}
header nav ul li a {line-height: 50px; color: #fff; font-size: 1.1em; display: block; padding-left: 10px; padding-right: 10px; text-decoration: none; text-transform: uppercase; font-weight: 500;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header nav ul li a:hover {background-color: #242424;color: #fff; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.cats-button {position: relative; padding-left: 55px; line-height: 50px; font-size: 1.2em; font-weight: 500; text-transform: uppercase; width: 180px; z-index: 30;background-color: #585858}
.cats-button .menu-call {top:15px; left:15px;}

.cats.open {display: block;}
.cats {position: absolute; top:50; left:0; display: none}
.cats ul {list-style: none;}
.cats ul li {display: block; text-transform: uppercase; white-space: nowrap; }
.cats ul li a {text-decoration: none; display: block;font-weight: 500; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; font-size: 0.8em; padding-left: 10px; padding-right: 10px; line-height: 30px;}
.cats ul li a:hover {background-color: #ca3845; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; transform: scale(1.1)}


@keyframes pull {
  from{
      margin-top:-15px;
  }
  to{
      margin-top:0px;
  }
}
@-webkit-keyframes pull {
  from{
      margin-top:-15px;
  }
  to{
      margin-top:0px;
  }
}

.slider {position: relative}
.slider .mask {position: absolute; width: 100%; height: 66%; bottom: 0; left: 0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,0.37+100 */
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(0,0,0,0.37) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(0,0,0,0.37) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,0.37) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#5e000000',GradientType=0 ); /* IE6-9 */
}
.slider .big-logo {position: absolute; bottom:50px; right: 0; width: 70%; left: inherit; top: inherit; height: auto;}
.slider h1 {width: 80%; max-width: 1000px; font-family: 'PT Sans Narrow', sans-serif; position: absolute; bottom:100px; left: 1%; right: 1%; margin: auto; text-align: center; color:#fff; font-size: 2.4em; font-weight: 300;}


.title {position:relative; margin-bottom:30px; overflow: hidden;}
.title span {background-color: #fff;padding-right: 20px; display: inline-block;position: relative; z-index: 5;}
.title:after {content:''; width:90%; height:1px; background-color:#5C5C5C; right:130px; top:20px; display:block; position:absolute;} 
.title a { position:absolute; top:0; right: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)}
}
.prod {-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; position: relative; padding-bottom: 30px; }
.prod-img {overflow: hidden; position: relative;	 height: 180px; margin-bottom: 30px; text-align: center;} 
.prod-img img {vertical-align: middle; height: 100%; width: auto;}
.prod-title > a {text-transform: uppercase; color:#ca3845; margin-bottom: 10px; text-decoration: none; font-size: 1.2em; display: block;}
.prod-descr {margin-bottom: 5px;}
.prod-price {color:#ca3845; font-weight: 700; font-size: 1.2em;} 
.prod-price > b {color:#747474; font-weight: 500 !important; text-decoration: line-through; }
.prod-buy {display: none;}
.prod-vendor {position: absolute; top:190px; width: 30%;left:0;}
.prod-vendor img {height: 15px; width: auto; max-width: inherit;}
.sale-status {position: absolute; left:0;top:0px; padding: 5px; color:#fff; font-weight: 700;background-color:#ca3845;}
.promo-status {position: absolute; right:0;top:0px; padding: 5px; color:#fff; font-weight: 700;background-color:#ca3845;}
.add_to_fav {display: none;}


footer ul {list-style: none;}
footer ul a {text-decoration: none;}

.add-to-fav:hover, .add-to-fav.active  {background-color: #000; color:#fff;}

.param {background-color: #ededed; padding: 20px; margin-bottom: 10px;} 
.param label {font-weight: 700; margin-bottom:10px; display: block;} 
.param .values > label {font-weight: 300; margin-bottom: 0;}
.param .values a.active {font-weight: 700;}



.product-images .other-images {margin-left: -10px; padding-top: 10px;}
.product-images .other-images div {display: inline-block; width: 33%; margin-left: 10px;}
.product-images .other-images div img {-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; opacity: .8;}
.product-images .other-images div:hover img { -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; opacity: 1;cursor: pointer;}


.posts .title a {position: relative;}

.price_params dt {display: inline-block; width: 40%; margin-bottom: 15px; font-weight: 500; }
.price_params dd {display: inline-block; width: 60%; margin-bottom: 15px;}
.price_params dd:after {content: ''; clear: left;}
.price_params a {display: inline-block; border: solid 1px rgba(193,193,193,1.00); border-radius:5px; margin-right: 5px; margin-bottom: 3px; padding: 5px; text-decoration: none; font-weight: 300; font-size: 13px;}
.price_params a:hover {background-color: #ca3845; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); border:#ca3845 1px solid; color:#fff;}
.price_params a.active {background-color: #000; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); border:#000 1px solid; color:#fff; }

.product_params {font-size:1.2em;}
.product_params dt {display: inline-block; width: 30%; font-weight: 500;  padding: 10px; }
.product_params dt:nth-last-of-type(2n){background-color: #F1F1F1;}
.product_params dd:nth-last-of-type(2n){background-color: #F1F1F1;}
.product_params dd {display: inline-block; width: 70%; padding: 10px;}
.product_params dd:after {content: ''; clear: left;}
 
.packet {display: inline-block;border: solid 1px #ededed; padding-top: 20px; padding-bottom: 20px; border-radius: 5px; background-color: #fff;}
.packet-name {text-align: center; font-size: 1.2em; font-weight: 500;}
.packet-ithem {width: 200px; display: inline-block; text-align: center;}
.packet-add {margin-left: auto; margin-right: auto; width: 150px; margin-top: 30px; font-weight: 700;}
.packet-save {text-align: center;}


.product-price { text-align: center;}
.product-price .old-price {font-weight: 500;}
.product-price .old-price span {text-decoration: line-through;}
.product-price .price {font-size:2.0em; color: #ca3845;}

.add-to-cart {max-width: 120px; margin: auto; margin-bottom: 20px;}
.add-to-cart .quanity {display: none;}
.add-to-cart .quanity * {text-align: center !important;}
.add-to-cart button {margin-top: 20px; width: 100%; text-transform: uppercase; color:#fff; font-weight: 700;background-color: #ca3845; cursor: pointer;}

.fast-buy button {background-color: #000; color:#fff; }
.free-shipping {text-align: center; font-weight: 500;}

.similar .prod {background-color: #fff; padding: 20px;}

button {text-transform: uppercase; background-color: #ca3845; color:#fff; font-weight: 700; cursor: pointer; font-size: 0.8em;}
.edit-order {background-color: #000;}

.user-menu ul {list-style: none;}
.user-menu ul li {display: block; line-height: 40px;border-bottom: solid 1px rgba(228,228,228,1.00); font-weight: 500; text-transform: uppercase;}
.user-menu ul li:last-child {border:none;}
.user-menu ul li a {text-decoration: none;}

.tabs {list-style: none;}
.tabs li {display: inline-block;}
.tabs li a {display: block; padding: 15px; text-decoration: none; padding-left: 15px; padding-right: 15px; text-transform: uppercase; color:#fff; font-weight: 500;}
.tabs li a:hover {background-color: #000;}

table { width: 100%; border-collapse: collapse;} 
table th {text-align: left; font-weight: 500 !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;}

.controls {width: auto; white-space: nowrap;}
.controls a {text-decoration: none; width: 20px; display: inline-block;margin-left: 2px; margin-right: 2px;}
.controls .edit:before  {content:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjMzNyA0OTAuMzM3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuMzM3IDQ5MC4zMzc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjI5LjksMTQ1LjM3OWwtNDcuNSw0Ny41Yy0xNy41LDE3LjUtMzUuMSwzNS01Mi41LDUyLjdjLTQuMSw0LjItNy4yLDkuOC04LjQsMTUuM2MtNi4zLDI4LjktMTIuNCw1Ny44LTE4LjUsODYuNw0KCQkJbC0zLjQsMTZjLTEuNiw3LjgsMC41LDE1LjYsNS44LDIwLjljNC4xLDQuMSw5LjgsNi40LDE1LjgsNi40YzEuNywwLDMuNC0wLjIsNS4xLTAuNWwxNy42LTMuN2MyOC01LjksNTYuMS0xMS45LDg0LjEtMTcuNw0KCQkJYzYuNS0xLjQsMTItNC4zLDE2LjctOWM3OC42LTc4LjcsMTU3LjItMTU3LjMsMjM1LjgtMjM1LjhjNS44LTUuOCw5LTEyLjcsOS44LTIxLjJjMC4xLTEuNCwwLTIuOC0wLjMtNC4xYy0wLjUtMi0wLjktNC4xLTEuNC02LjENCgkJCWMtMS4xLTUuMS0yLjMtMTAuOS00LjctMTYuNWwwLDBjLTE0LjctMzMuNi0zOS4xLTU3LjYtNzIuNS03MS4xYy02LjctMi43LTEzLjgtMy42LTIwLTQuNGwtMS43LTAuMmMtOS0xLjEtMTcuMiwxLjktMjQuMyw5LjENCgkJCUMzMjAuNCw1NC44NzksMjc1LjEsMTAwLjE3OSwyMjkuOSwxNDUuMzc5eiBNMzg2LjQsMjQuNjc5YzAuMiwwLDAuMywwLDAuNSwwbDEuNywwLjJjNS4yLDAuNiwxMCwxLjIsMTMuOCwyLjgNCgkJCWMyNy4yLDExLDQ3LjIsMzAuNiw1OS4zLDU4LjJjMS40LDMuMiwyLjMsNy4zLDMuMiwxMS42YzAuMywxLjYsMC43LDMuMiwxLDQuOGMtMC40LDEuOC0xLjEsMy0yLjUsNC4zDQoJCQljLTc4LjcsNzguNS0xNTcuMywxNTcuMi0yMzUuOSwyMzUuOGMtMS4zLDEuMy0yLjUsMS45LTQuMywyLjNjLTI4LjEsNS45LTU2LjEsMTEuOC04NC4yLDE3LjdsLTE0LjgsMy4xbDIuOC0xMy4xDQoJCQljNi4xLTI4LjgsMTIuMi01Ny43LDE4LjQtODYuNWMwLjItMC45LDEtMi4zLDEuOS0zLjNjMTcuNC0xNy42LDM0LjgtMzUuMSw1Mi4zLTUyLjVsNDcuNS00Ny41YzQ1LjMtNDUuMyw5MC42LTkwLjYsMTM1LjgtMTM2DQoJCQlDMzg0LjgsMjQuOTc5LDM4NS43LDI0LjY3OSwzODYuNCwyNC42Nzl6Ii8+DQoJCTxwYXRoIGQ9Ik0zOC45LDEwOS4zNzloMTc0LjZjNi44LDAsMTIuMy01LjUsMTIuMy0xMi4zcy01LjUtMTIuMy0xMi4zLTEyLjNIMzguOWMtMjEuNSwwLTM4LjksMTcuNS0zOC45LDM4Ljl2MzI3LjQNCgkJCWMwLDIxLjUsMTcuNSwzOC45LDM4LjksMzguOWgzMjcuM2MyMS41LDAsMzguOS0xNy41LDM4LjktMzguOXYtMTY3LjVjMC02LjgtNS41LTEyLjMtMTIuMy0xMi4zcy0xMi4zLDUuNS0xMi4zLDEyLjN2MTY3LjUNCgkJCWMwLDcuOS02LjUsMTQuNC0xNC40LDE0LjRIMzguOWMtNy45LDAtMTQuNC02LjUtMTQuNC0xNC40di0zMjcuM0MyNC41LDExNS44NzksMzEsMTA5LjM3OSwzOC45LDEwOS4zNzl6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');}
.controls .delete:before {content:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnIGlkPSJjcm9zcyI+DQoJCTxnPg0KCQkJPHBvbHlnb24gcG9pbnRzPSI2MTIsMzYuMDA0IDU3Ni41MjEsMC42MDMgMzA2LDI3MC42MDggMzUuNDc4LDAuNjAzIDAsMzYuMDA0IDI3MC41MjIsMzA2LjAxMSAwLDU3NS45OTcgMzUuNDc4LDYxMS4zOTcgDQoJCQkJMzA2LDM0MS40MTEgNTc2LjUyMSw2MTEuMzk3IDYxMiw1NzUuOTk3IDM0MS40NTksMzA2LjAxMSAJCQkiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');}
.controls .view:before {content:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTExLjk5MiA1MTEuOTkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuOTkyIDUxMS45OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNNTEwLjA5NiwyNDkuOTM3Yy00LjAzMi01Ljg2Ny0xMDAuOTI4LTE0My4yNzUtMjU0LjEwMS0xNDMuMjc1QzEyNC41NiwxMDYuNjYyLDcuNDQsMjQzLjI4MSwyLjUxMiwyNDkuMTA1DQoJCQljLTMuMzQ5LDMuOTY4LTMuMzQ5LDkuNzkyLDAsMTMuNzgxQzcuNDQsMjY4LjcxLDEyNC41Niw0MDUuMzI5LDI1NS45OTUsNDA1LjMyOVM1MDQuNTQ5LDI2OC43MSw1MDkuNDc3LDI2Mi44ODYNCgkJCUM1MTIuNTcxLDI1OS4yMTcsNTEyLjg0OCwyNTMuOTA1LDUxMC4wOTYsMjQ5LjkzN3ogTTI1NS45OTUsMzgzLjk5NmMtMTA1LjM2NSwwLTIwNS41NDctMTAwLjQ4LTIzMC45OTctMTI4DQoJCQljMjUuNDA4LTI3LjU0MSwxMjUuNDgzLTEyOCwyMzAuOTk3LTEyOGMxMjMuMjg1LDAsMjEwLjMwNCwxMDAuMzMxLDIzMS41NTIsMTI3LjQyNA0KCQkJQzQ2My4wMTMsMjgyLjA2NSwzNjIuMjU2LDM4My45OTYsMjU1Ljk5NSwzODMuOTk2eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjU1Ljk5NSwxNzAuNjYyYy00Ny4wNjEsMC04NS4zMzMsMzguMjcyLTg1LjMzMyw4NS4zMzNzMzguMjcyLDg1LjMzMyw4NS4zMzMsODUuMzMzczg1LjMzMy0zOC4yNzIsODUuMzMzLTg1LjMzMw0KCQkJUzMwMy4wNTYsMTcwLjY2MiwyNTUuOTk1LDE3MC42NjJ6IE0yNTUuOTk1LDMxOS45OTZjLTM1LjI4NSwwLTY0LTI4LjcxNS02NC02NHMyOC43MTUtNjQsNjQtNjRzNjQsMjguNzE1LDY0LDY0DQoJCQlTMjkxLjI4LDMxOS45OTYsMjU1Ljk5NSwzMTkuOTk2eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');}


.round-button {border-radius:50%; width: 50px; height: 50px; text-align: center; font-weight: 100; font-size: 18px;}

.profile_form h2 {padding-top: 30px; padding-bottom: 20px;}



.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: 35px;}
.cart_item .quanity {padding-top: 30px;}
.cart_item .quanity input {text-align: center; font-size: 1.2em;}
.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: 35px; text-align: right}
.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;} 

.cmspage p {margin-bottom: 10px;}
.cmspage ul {padding-left: 20px; margin-bottom: 10px;}

/* Preloader */
body {overflow: hidden;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 99;}
#status {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);background-repeat: no-repeat; background-position: center;margin: -100px 0 0 -100px;}


.pagination li {background-color: #ca3845;}

.decor {position: absolute; top:0; left:0;width: 100%; height: 100%; background-size: cover;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.decor:after {content: ''; position: absolute; top:0; left:0; width:100%; height: 100%; background-color: hsla(0,0%,0%,0.65)}
.decor.edge {background-image: url(../images/edges.jpg);}
.decor.chipboards {background-image: url(../images/chipboards.jpg);}
.decor.worktops {background-image: url(../images/worktops.jpg);}
.decor.mdf {background-image: url(../images/mdf.jpg);}
.decor.hpl {background-image: url(../images/hpl.jpg);}
.cat-big span {cursor: pointer;}
.cat-big {padding-top:12%; overflow: hidden;}
.cat-big:hover .decor {transform: scale(1.3);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; cursor: pointer;}
#search-tool{display: none}
@media (max-width: 959px) {

.wraper {width:100%; padding-left:10px; padding-right:10px; max-width:100%; min-width:100%;}
.row *[class*=col-] {float:none !important; width:100% !important; margin:0; clear:left !important; margin-bottom:20px;}
header .logo {width:100px;}
header .contacts {display:none;}
header nav {display:none;}
.menu-call span, .menu-call span:before, .menu-call span:after {background-color:#000;}
.menu-call.open span:before,.menu-call.open span:after {background-color:#000;}
.cats.scroll {display:none;}
.cats img {height:30px;}
.cats a {font-size:.1px; color:#fff;}

	header{height: 120px}
header nav {height: 0; opacity: 0; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
header .top-contacts {display: none;}
header .header-tools {position: absolute;top:15px; right: 60px;white-space: nowrap}  
header .header-tools > .header-tool {display: inline-block;vertical-align: middle; margin-right: 10px}
header .header-tool:before {width: 70px; height: 70px;position: absolute;background: red; display: block; content: ''; z-index: 7; border-radius: 50%; transform: scale(.9)}
header .header-tool:before, header .tool-icon {width: 40px; height: 40px; line-height: 40px;}
header .tool-icon i {font-size: inherit !important;}
/*header .header-tool > .left, header .header-tool > .right {padding-top: 0;} */
header .wraper {padding-top: 15px !important;}
header .header-tools .right.pad-top-15 {display:none}
	header .header-tools .search {display:none}
	header .user-menu{margin-right: 100px!important}
	header #user_mobile{margin-right: 50px}
	header #s-search{right: -93px}
	header .search .search-form{display: none}
#search-tool{display: block}
.flaticon-show-more-button-with-three-dots {display:none !important;}
header .tool-icon .pop-up:before {display:none;}
header .tool-icon .pop-up {position: absolute; width: 320px; top:55px; left:inherit; right:-30px; padding: 20px; background: #fff; line-height: normal; white-space: normal; text-align: left; z-index: 40;}
	header .cats-button{position: absolute; top: 10px; right: 10px; width: 60px; height: 50px; background-color: inherit}
	header .red{background-color: #fff}
	header .prod_header{display: none}
	header .cats{left: inherit; right: 0; top: 50px} 
	.row .col-30.text-center{text-align: left}
	.row .col-40.text-right{text-align: left}
.pop-up *[class^="col-"] {clear:none !important; }
.pop-up .row *[class^="col-"]:first-child {clear:none !important; margin-right:5% !important; }
.pop-up .row *[class^="col-"]:last-child {  clear:none !important; }
	.slider .mask{height: 100%}
}