* { margin:0; padding:0; border-collapse:collapse; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
html {
-webkit-text-size-adjust: none;
overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

body { 
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative; background: #fff;
}

body, input, textarea, select, option, button {
    font-size: 14px;
    -webkit-text-size-adjust: none;
    font-family: 'Roboto', sans-serif;
    color: #0f151a;
}


*:focus { outline:none; }
a:link, a:visited { color: inherit; text-decoration: underline }
a:hover { text-decoration: none; color: #0099cc; }
img { max-width: 100% }
a img { border: 0 }
.none, .hide { display: none; }
.relative { position: relative; }
p { margin-bottom: 15px; }
ul { margin: 0 0 15px 25px; }
ul.list-unstyled { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Panton Bold'; margin-bottom: 15px; }
input[type=text], input[type=password], textarea, select {border: 1px solid #d3dae1;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    outline: none;
    background: none;
    font: 14px Arial, sans-serif;
    color: #333;
}
select { padding: 7px 9px; }
.red { color: #f24949 }
.surely {    color: #e53575; }

::-webkit-input-placeholder { color: #acb1bb; }
:-moz-placeholder { color: #acb1bb; }
::-moz-placeholder { color: #acb1bb; }
:-ms-input-placeholder { color: #acb1bb; }



.clear { clear: both; }
.row {  }
.row:after { content: ''; clear: both; display: table; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; }
.col-p-0 { padding: 0; }
.col-1 { width: 10%; }.col-2 { width: 20%; }.col-3 { width: 25%; }.col-4 { width: 33.33%; }.col-5 { width: 40%; }.col-6 { width: 50%; }.col-7 { width: 60%; }.col-8 { width: 66.66%; }.col-9 { width: 75%; }.col-10 { width: 80%; }.col-11 { width: 90%; }.col-12 { width: 100%; }
.show-m { display: none; }
.show-s { display: none; }
.show-xs { display: none; }
/*.col-4:nth-child(4n) { clear:left }*/


.button, a.button { display: inline-block; border-radius: 3px; padding: 0 20px; background: #b9c1cb; text-align: center; line-height: 40px; height: 40px; border: 1px solid #b9c1cb; color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase; }
.button.block { width: 100%; padding-left: 5px; padding-right: 5px; }
.button.big, a.button.big { font-size: 14px; }
.button.xxxl, a.button.xxxl { font-size: 18px; line-height: 50px; height: 50px; }
.button:hover, a.button:hover { background: transparent; color: #687382; }
.button.button-o, a.button.button-o { background: transparent; border-color: #b9c1cb; color: #687382; }
.button.button-o:hover, a.button.button-o:hover { background: #b9c1cb; color: #fff; }
.button.black, a.button.black { background: #282828; border-color: #282828; color: #fff; }
.button.red, a.button.red { background: #f24949; border-color: #f24949; color: #fff; }
.button.red:hover { background: #b9c1cb; border-color: #b9c1cb; }
.button.button-o.red, a.button.button-o.red { background: transparent; border-color: #f24949; color: #f24949; }
.button.button-o.red:hover, a.button.button-o.red:hover { background: #f24949; color: #fff; }
.button.blackhover, a.button.black:hover { background: transparent; color: #282828; }
.button.black.button-o, a.button.black.button-o { background: transparent; border-color: #282828; color: #282828; }
.button.black.button-o:hover, a.button.black.button-o:hover { background: #282828; color: #fff; }


.main {  min-width: 300px; margin: 0 auto; }
.title, .title h1, .title, .title h2 { font-size: 23px; font-family: 'Panton Bold'; }.ajax_load { opacity: 0; display: none;position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; align-content: center; justify-content: center; }
.ajax_load_cnt { position: absolute; top: 50%; color: #0099cc; }
.ajax_load_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; background: #fff;  }


.checkbox + label > span, .radio + label > span { 
    background: url(../images/check_radio.png) no-repeat; 
    display: inline-block; 
    cursor: pointer;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.checkbox, .radio { display:none; }
.checkbox + label > span { background-position: 0 0; }
.checkbox + label > span:hover { background-position: -20px 0; }
.checkbox:checked + label > span { background-position: -40px 0; }
.checkbox:disabled + label > span { background-position: -60px 0; }
.checkbox:disabled:checked + label > span { background-position: -80px 0; }
.radio + label > span { background-position: -100px 0; }
.radio + label > span:hover { background-position: -120px 0; }
.radio:checked + label > span { background-position: -140px 0; }
.radio:disabled + label > span { background-position: -160px 0; }
.radio:disabled:checked + label > span { background-position: -180px 0; }


.header { display: flex; justify-content:space-between;  }
.header > div { height: 100px;padding: 0 30px; }
.header .logo { width: 210px; border-right: 1px solid #f2f4f6; display: flex; justify-content:center; align-items: center; }
.header .logo img { display: block; }
.header .phones { padding: 30px 0 0 30px; flex-grow: 1; }
.header .phones .slogan { font-size: 13px; color: #5d6978; margin-bottom: 5px; }
.header .phones .phone p { display: inline-block; padding-right: 10px;font-size: 13px; font-family: 'Panton Bold'; }
.header .search { border-left: 1px solid #f2f4f6; flex-grow: 1; display: flex; justify-content:center; align-items: center; }
.header .search > div { border: 1px solid #d3dae1; border-radius: 3px;  width: 100%; position: relative; }
.header .search input { margin: 0; padding: 0; border: 0; background: transparent; height: 40px; line-height: 40px; }
.header .search .input-search { padding: 0 10px; width: 100%; }
.header .search .button-search { font-size: 0; position: absolute; width: 40px; top: 0; right: 0; cursor: pointer; z-index: 2; }
.header .search > div:after { content: '\f002'; font-family: 'FontAwesome'; position: absolute; right: 10px; top: 12px; font-size: 16px; }
.header .search .close-search { background: #fff url(../images/ico-close-search.png) no-repeat center; width: 40px; height: 40px; position: absolute; top: 0; right: 3px; }
.header .socials { border-left: 1px solid #f2f4f6; width: 150px; display: flex; justify-content:center; align-items: center; }
.header .socials li { float: left; padding: 0 5px; }
.header .cart { width: 160px; padding-right: 0; float: right; display: flex; justify-content:center; align-items: center; border-left: 1px solid #f2f4f6; }
.header .cart > div { position: relative; background: url(../images/ico-cart.png) no-repeat left; width: 100%; padding-left: 45px; height: 40px; }
.header .cart > div > div { display: inline-block; background: #b9c1cb; border-radius: 3px; padding: 0 5px; margin-top: 10px; color: #fff; height: 20px; line-height: 20px; font-size: 12px; }
.header .cart .count { display: none; }
.header .cart .sum { display: none; }
.header .cart a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; }
.header .cart.active > div > div { background: #f24949; }
.header .cart.active .sum { display: inline-block; }


.menu { background: #0f151a; }
.menu ul { padding: 0; margin: 0; list-style: none; display: flex;    justify-content: space-between; }
.menu ul li { border-left: 1px solid #253140; width: 100%; padding: 0 10px; text-align: center; display: flex; align-items: center; justify-content: center; height: 60px; }
.menu ul li:first-child { border-left: 0; }
.menu ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 15px; }
.menu ul li a:hover { color: #f24949; }


.common-categories { padding: 5px; }
.common-categories .row > div { padding: 5px; }
.common-categories .common-category { height: 300px; border: 1px solid #0f151a; background-position: bottom center; background-size: cover; background-repeat: no-repeat; padding: 6% 0 0 6%; position: relative; }
.common-categories .name { font-size: 23px; font-family: 'Panton Bold'; max-width: 75%; margin-bottom: 30px; }
.common-categories .desc { font-size: 13px; color: #5d6978; max-width: 50%; }
.common-categories .common-category a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1 }
.common-categories .common-category a:hover { background: #fff; opacity: 0.2 }


.footer { padding: 25px; }
.footer .copy { font-size: 13px; color: #5d6978; margin-bottom: 5px; }
.footer .phones { font-size: 15px; font-family: 'Panton Bold'; }
.footer .phones p { display: inline-block; padding-right: 20px; }
.footer .paym { text-align: right; padding-top: 10px; }
.footer p { margin-bottom: 0; }


/*.checkbox + label > span, .radio + label > span { 
    background: url(../images/check_radio.png) no-repeat; 
    display: block; float: left;
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin-top: 2px; margin-right: 5px
}
.checkbox + label, .radio + label { overflow: hidden; display: block }
.checkbox + label > div, .radio + label > div { overflow: hidden; }
.checkbox, .radio { display:none; }
.checkbox + label > span { background-position: 0 0; }
.checkbox + label > span:hover { background-position: -15px 0; }
.checkbox:checked + label > span { background-position: -30px 0; }
.checkbox:disabled + label > span { background-position: -45px 0; }
.checkbox:disabled:checked + label > span { background-position: -60px 0; }
.radio + label > span { background-position: -75px 0; }
.radio + label > span:hover { background-position: -90px 0; }
.radio:checked + label > span { background-position: -105px 0; }
.radio:disabled + label > span { background-position: -120px 0; }
.radio:disabled:checked + label > span { background-position: -135px 0; }*/


.success, .warning, .notice { padding: 15px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11); margin-bottom: 20px }
.success ul, .warning ul, .notice ul { margin: 0; padding-left: 20px }
.notice { background-color: #BBE5F5; border: 1px solid #7DB4DA; color: #004973; }
.warning { background-color: #F2DEDE; border: 1px solid #e0b1b8; color: #B94A48; }
.success { background-color: #DBF6D3; border: 1px solid #AED4A5; color: #569745; }


/* BOF всплывающее окно */
.cart_add_ok { position: fixed; top: 50%; left: 50%; width: 460px; overflow: hidden; z-index: 99;
               padding: 30px 20px 30px 20px; background: #ffffff ;
               box-shadow: 0 0 10px #999; }
.cart_add_title { font-size: 18px; margin-bottom: 10px }
.cart_add_link { float: right }
.cart_add_close { background: #ffffff url(../images/ico-close.png); width: 16px; height: 16px; 
                 position: absolute; right: 5px; top: 5px; cursor: pointer }
.cart_add_related {  margin-top: 40px;  margin-left: -80px; }
.cart_add_related_title { font: normal 18px Tahoma; margin-bottom: 10px }
.cart_add_related_products { margin-left: -5px;margin-right: -5px;overflow: hidden }
.cart_add_related-row { display: inline-block; vertical-align: top; text-align: center; border: 1px solid #eee; margin: 0 5px; padding: 10px; width: 160px }
.cart_add_related-img { }
.cart_add_related-img img {  }
.cart_add_related-bottom { overflow: hidden; margin-top: 5px }
.cart_add_related-price { float: left; font-size: 14px; padding-top: 6px }
.cart_add_related-cart { float: right }
/* EOF */


.cart-top { background: #ffffff; }
.cart-top .title { padding: 20px; }
.cart-table { width: 100%; border-top: 1px solid #ececec; margin-top: -15px; }
.cart-table thead td { color: #828282; }
.cart-table td { padding: 10px; border-bottom: 1px solid #ececec; }
.cart-table tbody td { padding-top: 20px; padding-bottom: 20px; }
.cart-table tr td:first-child { padding-left: 20px; }
.cart-table tr td:last-child { padding-right: 20px; }
.cart-table tr.bg td { background: #fafbfb; }
.cart-table .cart-img { width: 130px; }
.cart-table .cart-img img { display: block; border: 1px solid #ececec; background: #fff; }
.cart-table .cart-name a { text-decoration: none; font-size: 16px; }
.cart-table .cart-name .pref { color: #a2a2a2; }
.cart-table .cart-name .art {  }
.cart-table .price { font-size: 24px; }
.cart-table .cart-price { width: 120px;white-space: nowrap;font-size: 24px; }
.cart-table .old-price { color: #a2a2a2; font-size: 16px; text-decoration: line-through; }
.cart-table .cart-quantity { width: 120px; }
.cart-table .cart-quantity input { max-width: 50px; text-align: center; }
.cart-table .cart-itogo { width: 120px;white-space: nowrap; }
.cart-table .cart-remove { text-align: right;}
.cart-table .cart-remove a { font-size: 24px; }


.cart-promocode { padding: 30px 20px; display: flex; align-items: center; position: relative; }
.cart-promocode .question { margin: 0 40px 0 15px; }
.cart-promocode .question a { position: relative; display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; background: #f6f6f7; border-radius: 50%; }
.cart-promocode .question a span { display: none; background: #fff; position: absolute; z-index: 1; width: 250px; text-align: left; color: #282828; line-height: normal; padding: 15px;-webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175);
    box-shadow: 0 0px 12px rgba(0,0,0,.175); top: 35px; left: 0; }
.cart-promocode .question a span:before { content: ''; position: absolute; z-index: 1; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; top: -5px; left: 8px; }
.cart-promocode .error { position: absolute; bottom: 7px; color: #cc0000; font-size: 13px; }
.cart-promocode .success { font-size: 16px; }
.cart-promocode .success span { color: #e53575; }


.shipping .address input, .shipping .address textarea, .shipping .checkout_ur input, .shipping .checkout input { background: #f6f6f7; border-color: #f6f6f7; padding: 12px 10px; }
.shipping ::-webkit-input-placeholder { color: #282828; }
.shipping :-moz-placeholder { color: #282828; }
.shipping ::-moz-placeholder { color: #282828; }
.shipping :-ms-input-placeholder { color: #282828; }

.shipping { background: #fff; }
.shipping .title { font-weight: 300; font-size: 30px; padding: 30px 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; }
.shipping .title-min-1 { font-weight: 300; font-size: 24px; margin-bottom: 30px; }
.shipping .title-min-2 { font-weight: 300; font-size: 21px; margin-bottom: 30px; }
.shipping .map_selected { display: none; }
.shipping .map_selected.active { display: block; }
.shipping .map_selected .address { display: none; }
.shipping .map_selected .address.active { display: block; padding-bottom: 0; }
.shipping-left { padding: 0 20px; }
.shipping .address-list-scroll { height: 400px; }
.shipping .address-list-scroll .scrollert-content { padding-right: 10px; }
.shipping .address-list-scroll.scrollert>.scrollert-scrollbar-y { right: -10px; }
.shipping .address-list-scroll.scrollert>.scrollert-scrollbar-y:before, .shipping .address-list-scroll.scrollert>.scrollert-scrollbar-y>.scrollert-track:before { top: 0; bottom: 0; }
.shipping .address-list { display: flex; height: 100px; width: 100%; align-items: center; justify-content: space-between; border-bottom: 1px solid #e0e0e0; background: #f6f7f8; padding: 0 30px 0 20px; }
.shipping .address-list .name { font-size: 18px; display: flex; align-items: center; }
/*.shipping .address-list .name:before { display: block; margin-right: 15px; content: '';background: url(../images/sprite.png); background-position: 0 -204px; width: 27px; height: 44px; }*/
.shipping .baloon_custom {  }
.shipping .baloon_custom:before { background: #f6f7f8; content: '';position: absolute; top: 0; left: 0; right: -30px; bottom: 0; }
.shipping .baloon_custom .address-list { position: relative; border: 0; padding: 20px 20px 20px 10px }
.shipping #tabs-obtaining { margin-bottom: 20px; }
.shipping #tabs-obtaining li { display: inline-block; cursor: pointer; font-size: 16px; font-weight: 600; margin-right: 30px; line-height: 30px; }
.shipping #tabs-obtaining li.current, .shipping #tabs-obtaining li:hover { color: #0099cc; }
.shipping #tabs-obtaining li#tab-list:before, .shipping #tabs-obtaining li#tab-karta:before { content: ''; display: inline-block; float: left; margin-right: 10px; background: url(../images/list-map.png); }
.shipping #tabs-obtaining li#tab-list:before { background-position: -47px 0; width: 20px; height: 18px;    margin-top: 5px; }
.shipping #tabs-obtaining li.current#tab-list:before { background-position: -67px 0; }
.shipping #tabs-obtaining li#tab-karta:before { background-position: 0 0; width: 20px; height: 27px; }
.shipping #tabs-obtaining li.current#tab-karta:before { background-position: -20px 0; }
.shipping .region-select { display: inline-block; }
.shipping .geo-name { display: none; }
.shipping .geo-name_more { display: inline; }
.shipping .geo-zones { top: 40px; }
.shipping .region-select > a span { color: #0099cc; border-bottom: 1px dashed #0099cc; }
.shipping .region-select > a:hover span { border-bottom-color: transparent; }
.shipping .region-select > a:after { content: ''; border-bottom: 0; }
.shipping .shipping-cnt { position: relative; }
.shipping .checked-cart { display: flex; flex-wrap: wrap; }
.shipping .checked-cart .radio + label > span { background: none; height: auto; width: auto; }
.shipping .checked-cart > div { margin: 1%; position: relative; }
.shipping .sn { margin: 30px 0; }
.shipping .obtaining { margin: -1% -1% 30px -1%; }
.shipping .obtaining.checked-cart > div { width: 48%; }
.shipping .obtaining.checked-cart > div .radio + label { background-position:  center left; background-repeat:  no-repeat }
.shipping .obtaining.checked-cart > div .radio + label[for=dostavka] { background-image: url(../images/cart-dostavka.png); }
.shipping .obtaining.checked-cart > div .radio + label[for=samov] { background-image: url(../images/cart-samov.png); }
.shipping .obtaining.checked-cart > div .radio + label[for=exdostavka] { background-image: url(../images/cart-exdostavka.png); }
.shipping .checked-cart .radio + label { border: 1px solid #dfe1e4; display: block; padding: 30px 10px 0 80px; height: 120px; border-radius: 3px; }
.shipping .checked-cart .radio:hover + label, .shipping .checked-cart .radio:checked + label { border-color: #676767; }
.shipping .checked-cart .radio:checked + label .name { color: #f24949; }
.shipping .checked-cart > div .radio + label .name { font-size: 18px; margin-left: 40px;font-weight: 600; }
/*.shipping .checked-cart > div .radio + label .img { background: url(../images/ico-check-big.png) bottom; width: 26px; height: 26px; margin-right: 14px; }*/
/*.shipping .checked-cart > div .radio:checked + label .img { background: url(../images/ico-check-big.png) top; width: 26px; height: 26px; }*/
.shipping .checked-cart > div .radio + label .text { display: block; font-size: 16px; color: #828282; margin: 10px 0 0 40px; }
.shipping .message_samov { color: #e53575; margin: -15px 0 15px 0; display: none; }
.shipping .message_samov.has-error { display: block; }
.shipping .payment-cnt { margin-top: 30px; }
.shipping .payment { margin: -1%; }
.shipping .payment.checked-cart > div { width: 31.3334%; }
.shipping .payment.checked-cart > div .radio + label { display: flex; align-items: center; padding-top: 0; background-position:  center left; background-repeat:  no-repeat; }
.shipping .payment.checked-cart > div .radio + label .name { font-size: 18px; font-weight: 600; }
.shipping .payment.checked-cart > div .radio + label .suffix { position: absolute; bottom: 25px; left: 75px; }
.shipping .payment.checked-cart > div .radio + label[for=nal] { background-image: url(../images/cart-nal.png); }
.shipping .payment.checked-cart > div .radio + label[for=online] { background-image: url(../images/cart-online.png); }
.shipping .payment.checked-cart > div .radio + label[for=beznal] { background-image: url(../images/cart-ur.png); }

.shipping .address { border-bottom: 1px solid #e0e0e0; padding-bottom: 40px;}
.shipping .address-tr { margin-bottom: 10px; }
.shipping .address-tr textarea { height: 120px; }
.shipping .address-tr .row { margin: 0 -5px; }
.shipping .address-tr .row > div { padding: 0 5px; }

.shipping .checkout { border-top: 1px solid #e0e0e0; padding: 30px 0 60px 0; margin: 30px 0 0 0; }
.shipping .checkout .checkout-tr { padding-bottom: 10px; display: flex; align-items: center; }

.shipping .input-group.has-error input { border-color: #e53575; }

.shipping .checkout_ur {  }
.shipping .checkout_ur .row { padding-bottom: 10px; display: flex; align-items: center; }
.shipping .checkout_ur .beznal-contain { padding: 30px 0 10px 0; }
.shipping .checkout_ur .company-file { padding-top: 20px; }
.shipping .checkout_ur .file input { margin-bottom: 0; background: transparent; border: 0; }
.shipping .checkout_ur .file { margin-bottom: 20px; }
.shipping .checkout_ur .file i { padding: 0 0 0 10px; }
.shipping .checkout_ur .file .btn { padding: 0 15px;
    line-height: 40px;
    height: 40px;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    font-size: 14px;
    background: #d7a363; }

.shipping-right { background: #fafafb; padding: 0 20px 20px 20px; }
.shipping-right .title { margin: 0 -20px; padding-left: 20px; }
.shipping-right .str { position: relative; font-size: 16px; margin-bottom: 10px; }
.shipping-right .str:before { content: ''; width: 100%;position: absolute; top: 15px;border-bottom: 2px dotted #c4c7ca;  }
.shipping-right .str span { background: #fafafb;box-shadow: 5px 0 0 #fafafb; position: relative; white-space: nowrap; }
.shipping-right .str .left {  }
.shipping-right .str .right { width: 40%; font-weight: 600; padding-left: 3px;position: absolute; top: 0; right: 0; }
.shipping-right .str.str-first { margin-top: 20px; }
.shipping-right .itogo { margin: 20px -20px 20px;  padding: 20px 20px 0 20px;  border-top: 1px solid #e0e0e0; }
.shipping-right .itogo .top {  }
.shipping-right .itogo .bottom { font-size: 30px; font-weight: 600; }

.sum_order { position: relative; }
.sum_order_load { display: none; position: absolute; z-index: 2;  top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }
.sum_order_load_bg { background: #fafafb; opacity: 0.7; position: absolute;z-index: 1;  top: 0; bottom: 0; left: 0; right: 0; }
.sum_order_load i { position: absolute; z-index: 2;    color: #0099cc; top: 0; left: 50%; margin: 20px 0 0 -20px; }


.private_policy { margin-top: 30px; padding-left: 30px; position: relative; }
.private_policy, .private_policy a { color: #91999b; font-size: 13px; }
.private_policy label > span { left: 0; position: absolute; }


.input-file label { color: #333; border-bottom: 1px dashed #828282; cursor: pointer; }
.input-file:before { content: ''; background: url(../images/ico-fileinput.png); height: 25px; width: 21px; margin-right: 9px; margin-bottom: -8px; display: inline-block; }
.input-file label:hover { border-bottom-color: transparent; }
.input-file label input { display: none; }
.input-file input { border: 0 !important; background: transparent !important; line-height: normal !important; height: auto !important; cursor: default !important; padding: 0 !important; margin: 0 0 0 35px; }



.paging { margin: 30px 0;text-align: center; }
.pages-text { display: inline-block; }
.pages { display: inline-block; }
.pages ul li { display: inline-block; border: 1px solid #f2f4f6; font-size: 15px; margin: 0 3px; }
.pages ul li a, .pages ul li span { text-decoration: none; padding: 10px 15px; display: block; }
.pages ul li.current { background: #f2f4f6; }
.pages ul li.dotted { padding: 0 10px; border: 0; }


.breadcrumbs { padding: 25px 0 25px 0; margin: 0 25px; border-bottom: 1px solid #eaedf1; font-size: 12px; color: #b9c1cb; }
.breadcrumbs ul li { display: inline-block; }
.breadcrumbs ul li a { text-decoration: none; }
.breadcrumbs ul li > span { padding: 0 15px; display: inline-block; }


.products-list { padding-top: 1px !important; overflow: hidden; position: relative; }
.products-list .product-td { margin-top: -1px; position: relative; border-top: 1px solid #f2f4f6; border-bottom: 1px solid #f2f4f6; border-right: 1px solid #f2f4f6; text-align: center; padding: 30px; }
/*.products-list .product-td:nth-child(4n) { border-right: 0; }*/ 
.products-list .product-td .image { height: 190px; margin-bottom: 10px; }
.products-list .product-td .image a:hover img { opacity: 0.85 }
.products-list .product-td .image img { height: 100%; display: inline-block; }
.products-list .product-td .name a { text-decoration: none; font-size: 15px; font-family: 'Panton Bold'; }
.products-list .product-td .description { margin-top: 3px; line-height: 18px; font-size: 13px; color: #b9c1cb; overflow: hidden; }
.products-list .product-td .name_cnt { height: 79px; overflow: hidden; margin-bottom: 2px; }
.products-list .product-td .prices { display: flex;justify-content:center;     position: absolute; width: 100%; left: 0; bottom: 30px; }
.products-list .product-td .prices div { padding: 0 7px;font-size: 15px;  }
.products-list .product-td .prices div.stock { padding: 0 }
.products-list .product-td .prices div.stock .no { padding: 0 0 0 28px; font-size: 13px; color: #999 }
.products-list .product-td .special_price { color: #b9c1cb; text-decoration: line-through; }
.products-list .product-td .normal_price { color: #f24949; }
.products-list .product-td .options { margin-bottom: 20px; background: #fff; height: 50px; }
.products-list .product-td .options li { display: inline-block; margin: 0 1px; }
.products-list .product-td .options li span { border: 1px solid #d3dae1; color: #b9c1cb; display: block; position: relative; cursor: pointer; border-radius: 3px; padding: 2px 5px; font-size: 12px; line-height: 14px; }
.products-list .product-td .options li.active span { background: #8bcc5c; border-color: #8bcc5c; color: #fff; }
.products-list .product-td .options li.active span:after { content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -3px; border-top: 5px solid #8bcc5c; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.products-list .product-td .options li .percent_sale { display: none; position: absolute; top: 30px; left: 30px; background: #f24949; color: #fff; font-size: 12px; height: 20px; line-height: 20px; border-radius: 3px; z-index: 1; padding: 0 8px; } 
.products-list .product-td .options li.active .percent_sale { display: block; } 
.shop_category .products-list .col-3 { width: 33.33%; }
.shop_category .breadcrumbs { margin: 0; }
.products-load-action { position: absolute; width: 100%; text-align: center; display: none;    z-index: 1;left: 50%;margin-left: -35%; color: #666; }
.products_empty { text-align: center; padding: 0 25px }


.typical-page { padding: 25px; }


.shop-category-cnt > .row { display: flex; }
.shop_category .breadcrumbs { padding-left: 0; }
.shop_category .title { padding-top: 50px; text-transform: uppercase; font-size: 23px; }
.shop_category .title h1 { font-size: 23px; }
.shop_category .description { color: #5d6978; font-size: 13px; }


.category_info { background: #f2f4f6; margin-bottom: 20px; }
.category_info .row { display: flex; height: 320px; }
.category_info .category_description { padding: 0 30px; }
.category_info .category-img { background-position: bottom right; }


.block-left { border-right: 1px solid #f2f4f6; }


.block-left .filters { padding: 0 30px; }
.filtres_text .checkbox, .filtres_text label span { display: none; }
.filtres_text .checkbox.checked label {     color: #fff !important;
    background: #8bcc5c !important;
    border-color: #8bcc5c !important; }
.filters_group .filtres_text li { position: relative; }
.block-left .filters_group .filtres_text li { padding: 20px 0; border-top: 1px solid #f2f4f6; color: #5d6978; }
.block-left .filters_group .filtres_text li:first-child { border: 0; }
.block-left .filters_group .filtres_text li label { display: block; cursor: pointer; font-size: 13px; text-transform: uppercase; }
.block-left .checked label { color: #8bcc5c; }
.block-left .filters .filter_total { position: absolute; border-radius: 3px; white-space: nowrap;  z-index: 1; opacity: 0.8; background: #8bcc5c; color: #fff;  right: 0; top: 50%; padding: 5px 10px; font-size: 12px; margin-right: -100px;  margin-top: -18px; }
.block-left .filters .filter_total:after { content: ''; position: absolute; z-index: 1; left: -5px; top: 50%; margin-top: -4px; border-right: 6px solid #8bcc5c; border-bottom: 6px solid transparent; border-top: 5px solid transparent; }

.filters-top { padding: 10px 30px 20px 0; text-align: right; }
.filters-top .filtres_text li { display: inline-block; margin: 0 0 4px 0 }
.filters-top .filters_group .filtres_text li label { display: block; height: 22px; line-height: 20px; padding: 0 5px; margin: 0 1px; border: 1px solid #d3dae1; border-radius: 3px; cursor: pointer; font-size: 12px; color: #b9c1cb; }
.filters-top .checkbox:checked + label, .filters-top .checked label { color: #fff !important; background: #8bcc5c !important; border-color: #8bcc5c !important; }
.filters-top.filters .filter_total { position: absolute; border-radius: 3px; white-space: nowrap;  z-index: 1; opacity: 0.8; background: #8bcc5c; color: #fff;  bottom: -36px; padding: 5px 10px; left: 1px; font-size: 12px; }
.filters-top.filters .filter_total:after { content: ''; position: absolute; z-index: 1; left: 10px; top: -6px; border-bottom: 6px solid #8bcc5c; border-left: 6px solid transparent; border-right: 5px solid transparent; }


.components_index .title { padding: 25px; }
.components_index .title h1 { margin-bottom: 0; }
.component-list { padding-top: 1px !important; overflow: hidden; position: relative; }
.component-list .component-td { margin-top: -1px; border-top: 1px solid #f2f4f6; border-bottom: 1px solid #f2f4f6; border-right: 1px solid #f2f4f6; text-align: center; padding: 30px; }
.component-list .component-td:nth-child(4n) { border-right: 0; } 
.component-list .component-td .image { display: inline-block; position: relative; width: 200px; height: 200px; }
.component-list .component-td .image img { display: block; padding: 1px; }
.component-list .component-td .name { margin: 10px 0 0 0; height: 34px; line-height: 17px; }
.component-list .component-td .name a { font-size: 17px; text-decoration: none; font-family: 'Panton Bold'; }
.component-list .component-td a.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; z-index: 1; background: url(../images/component_bg.png) no-repeat; }
.component-list .component-td .desc { font-size: 13px; line-height: 20px; height: 60px; overflow: hidden; color: #5d6978; }
.component-list .component-td .count_products { font-size: 12px; color: #b9c1cb; }


.component-open.col-3 { text-align: center; }
.component-open .image { position: relative; max-width: 420px; max-height: 420px; margin: 25px 0 25px 25px; display: inline-block; }
.component-open .image img { display: block; width: 100%; height: 100%; }
.component-open .bg { display: block; position: absolute; top: -1px; left: -1px;right:-1px;bottom: -1px; z-index: 1; background: url(../images/component_bg-big.png) no-repeat; background-size: 100%; }
.component-open-cnt { display: flex; }
.components_open .products-list .product-td { width: 33.33%; }

.components-menu { margin: 0 30px !important; }
.components-menu li { padding: 20px 0; border-top: 1px solid #f2f4f6; }
.components-menu li a { color: #5d6978;    font-size: 13px; text-decoration: none;text-transform: uppercase; }
.components-menu li.active a { color: #8bcc5c; }


.shop_open .short_description { color: #5d6978; font-size: 17px; font-weight: normal;font-family: 'Roboto', sans-serif; }
.shop_open .description table { background: #f2f4f6; width: 100% !important; height: 100% !important; margin-bottom: 15px; }
.shop_open .description table td, .shop_open .description table th { border: 1px solid #fff; padding: 10px 15px; font-size: 13px; vertical-align: middle; }
.shop_open .description table td p, .shop_open .description table th p { margin: 0; padding: 0; }
.shop_open .description table tr td:first-child { color: #0099cc; width: 20%; }
.shop_open .description table tr:first-child td, .shop_open .description table tr:first-child th { font-size: 12px; color: #b9c1cb; }
.shop_open .typical-page { padding-top: 60px; }
.shop-open-cnt .prices { margin-top: 60px; }
.shop-open-cnt .options { margin-bottom: 20px; background: #fff; }
.shop-open-cnt .options ul { display: inline-block; position: relative; }
.shop-open-cnt .options li { display: inline-block; margin: 0 1px; }
.shop-open-cnt .options li span { border: 1px solid #d3dae1; color: #b9c1cb; display: block; position: relative; cursor: pointer; border-radius: 3px; padding: 0 5px; font-size: 12px; height: 20px; line-height: 18px; }
.shop-open-cnt .options li.active span { background: #8bcc5c; border-color: #8bcc5c; color: #fff; }
.shop-open-cnt .options li.active span:after { content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -3px; border-top: 5px solid #8bcc5c; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.shop-open-cnt .options li .code { position: absolute; right: -110px; top: 2px; display: none; color: #b9c1cb; font-size: 12px; }
.shop-open-cnt .options li.active .code { display: block; }
.shop-open-cnt .options li .percent_sale { display: none; position: absolute; top: 30px; left: 30px; background: #f24949; color: #fff; font-size: 12px; height: 20px; line-height: 20px; border-radius: 3px; z-index: 1; padding: 0 8px; } 
.shop-open-cnt .options li.active .percent_sale { display: block; } 
.shop-open-cnt .image { text-align: center; }
.shop-open-cnt .options_detail { display: none; margin: 20px 0 60px 0; }
.shop-open-cnt .options_detail.active { display: flex; align-items: center;flex-wrap: wrap; }
.shop-open-cnt .options_detail > div { display: inline-block; }
.shop-open-cnt .options_detail .quantity { padding-right: 25px; }
.shop-open-cnt .options_detail .quantity input { width: 50px; text-align: center; }
.shop-open-cnt .options_detail .prices2 { display: flex; }
.shop-open-cnt .options_detail .special_price { line-height: 40px; color: #b9c1cb; font-size: 30px; text-decoration: line-through; padding-right: 25px; }
.shop-open-cnt .options_detail .normal_price { line-height: 40px; color: #f24949; font-size: 30px; padding-right: 25px; }
.shop-open-cnt .options_detail .open-cart a, .shop-open-cnt .options_detail .not-stock { display: inline-block; background: #f24949 url(../images/add_to_cart.png) no-repeat 15px 50%; color: #fff; text-transform: uppercase; height: 40px; line-height: 40px; text-decoration: none; font-size: 15px; font-family: 'Panton Bold'; border-radius: 5px; padding: 0 13px 0 45px; }
.shop-open-cnt .options_detail .open-cart a:hover { background-color: #b9c1cb; }
.shop-open-cnt .options_detail .not-stock { background: #b9c1cb; padding: 0 13px; }
.shop-open-cnt .title { float: right; width: 66.67% }


.big_slider { margin: 0 25px; }


.region-select { position: relative; }
.region-select > a { text-decoration: none; }
.region-select > a:after { content: '\f107'; font-family: 'FontAwesome'; font-size: 16px; right: -18px; padding-left: 10px; top: 2px; position: absolute; }
.region-select > a span, .region-select > a:after { color: #aaaeb6; }
.region-select > a:hover span, .region-select > a:hover:after { color: #cbced5; }
.geo-zones { display: none; position: absolute; top: 30px; z-index: 5; width: 280px; background: #fff; padding: 20px 0 20px 20px; color: #282828;    -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175);box-shadow: 0 0px 12px rgba(0,0,0,.175); }
.geo-zones:before { content:''; border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -7px; left: 15px; }
.geo-zones a { text-decoration: none; display: block; padding: 4px 0; font-size: 14px; }
.geo-zones a:hover, .geo-zones .active a { color:#0099cc }
.geo-zones .scrollert { height: 270px; }
.geo-zones .geo-title { font-size: 18px; margin-bottom: 15px; }
.geo-zones .geo-close { width: 17px; height: 17px; background: url(../images/ico-close.png); position: absolute; right: 10px; top: 10px; cursor: pointer; }
.geo-zones .geo-close:hover { opacity: 0.8 }
.geo-name_more { display: none; }
.geo-search { background: #f8f9fa; height: 40px;padding: 0px 10px;border: 1px solid #ced1d4;position: relative; margin: 0 20px 15px 0; }
.geo-search .input-search { background: transparent;line-height: 40px;border: 0;padding: 0;margin: 0;width: 100%;}
.geo-search .button-search { position: absolute; right: 7px; top: 50%; height: 20px; width: 21px; margin: -10px 0 0 0; font-size: 0; border: 0; padding: 0; cursor: pointer; background: transparent url(../images/sprite.png); background-position: -25px 0; }
.geo-search .button-search:hover { background-position: -46px 0; }
.geo_load { text-align: center; color: #0099cc; padding-right: 20px; }


.box { display: none; }
.box.visible { display: block; }

.description_category { padding: 20px; }


@media (max-width: 1260px) {
    .col-l-1 { width: 10%; }.col-l-2 { width: 20%; }.col-l-3 { width: 25%; }.col-l-4 { width: 33.33%; }.col-l-5 { width: 40%; }.col-l-6 { width: 50%; }.col-l-7 { width: 60%; }.col-l-8 { width: 66.66%; }.col-l-9 { width: 75%; }.col-l-10 { width: 80%; }.col-l-11 { width: 90%; }.col-l-12 { width: 100%; }
    .show-l { display: inherit; }
    .hide-l { display: none; }
    /*    body {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }*/

    .cart-table td { padding: 10px; }
    .cart-price { width: 110px; }
    .cart-price-sum { width: 110px; }
    .cart-quantity { width: 110px; }
    .checkout-right input, .checkout-right textarea, .checkout-right select { width: 70%; }
    
    .header .socials { padding: 0 15px; width: 120px; }
    .header .phones .slogan { display: none; }
    .header .phones { padding: 0 0 0 30px;display: flex; align-items: center; }
    .header .phones .phone { display: flex; flex-direction:column; }
    .header .phones .phone p { margin-bottom: 0; padding: 2px 0; }
    
    .shipping .checked-cart .radio + label { padding-left: 60px; }
}
@media (max-width: 960px) {
    .col-m-1 { width: 10%; }.col-m-2 { width: 20%; }.col-m-3 { width: 25%; }.col-m-4 { width: 33.33%; }.col-m-5 { width: 40%; }.col-m-6 { width: 50%; }.col-m-7 { width: 60%; }.col-m-8 { width: 66.66%; }.col-m-9 { width: 75%; }.col-m-10 { width: 80%; }.col-m-11 { width: 90%; }.col-m-12 { width: 100%; }
    .show-m { display: inherit; }
    .hide-m { display: none; }
    
    .checkout-right { padding-right: 0; }
    .checkout-right input, .checkout-right textarea, .checkout-right select { width: 100%; }
    .common-categories .name { max-width: 90%; margin-bottom: 20px; }
    .common-categories .desc { max-width: 60%; }
    .header .search { width: 150px; }
    .header > div { padding: 0 20px; }
    .header .phones { padding: 0 0 0 20px; }
    .header .cart { width: 140px; }
    .header .logo { width: 170px; }
    .header .socials { padding: 0 10px;    width: 110px; }
    .footer .phones p { padding-right: 13px; }
    
    .shop_category .block-left { display: none; }
    .shop_category .col-9 { width: 100%; }
    .filters-mobile { margin: 0 20px 20px 20px; text-align: right; }
    .filters-mobile .filter_total { display: none; }
    .filters-mobile select { width: 300px; }
    .filters-mobile.filters-left { display: block; float: left; }
    .filters-mobile.filters-top { display: block; float: right; padding: 0; }
    
    .menu ul li { padding: 0; }
    .menu ul li a { font-size: 14px; }
    
/*    .filters-top {  }
    .filters-top:after { content: ''; clear: both; display: table; }
    .filters-top .filtres_text { float: right; }
    .filters-top .filtres_text ul { position: absolute; z-index: 5; right: 0; }
    .filters-top .filtres_text li { display: block;width: 300px; background: #fff; }*/
    
    .shop-open-cnt .title { float: none; width: 100%; margin-bottom: 60px; }
    .shop-open-cnt .prices { margin-top: 0; }
    .shop_open .typical-page { padding-top: 30px; }
    .shop-open-cnt .options_detail .prices2 { width: 100%; margin-bottom: 10px; }
    .shop_open .description table td, .shop_open .description table th { padding: 10px; }
    
    .shipping .obtaining.checked-cart > div { width: 100%; }
    .shipping .payment.checked-cart > div { width: 100%; }
    
    .products-list .product-td:nth-child(4n) { border-right: 1px solid #f2f4f6; } 
    .products-list .product-td:nth-child(3n) { border-right: 0; } 
    .component-list .component-td:nth-child(4n) { border-right: 1px solid #f2f4f6; } 
    .component-list .component-td:nth-child(3n) { border-right: 0; } 
}
@media (max-width: 760px) {
    .col-s-1 { width: 10%; }.col-s-2 { width: 20%; }.col-s-3 { width: 25%; }.col-s-4 { width: 33.33%; }.col-s-5 { width: 40%; }.col-s-6 { width: 50%; }.col-s-7 { width: 60%; }.col-s-8 { width: 66.66%; }.col-s-9 { width: 75%; }.col-s-10 { width: 80%; }.col-s-11 { width: 90%; }.col-s-12 { width: 100%; }
    .show-s { display: inherit; }
    .hide-s { display: none; }
    
    .typical-page { padding: 10px; }
    .breadcrumbs { margin: 0 10px; padding: 10px 0 }
    
    .checkout-left { padding-left: 0; float: none; width: 100%; padding-bottom: 0; font-weight: 600; }
    .checkout-right { margin-left: 0; border-left: 0; padding-left: 0; padding-top: 5px; }
    .checkout-right .button-c { width: 100%; }
    .cart-table thead { display: none; }
    .cart-table tr { display: flex; border-bottom: 1px solid #eaedf1;flex-wrap:wrap; align-items: center; padding-bottom: 15px; }
    .cart-table tr td { border: 0; }
    .cart-table tr td.cart-img { width: 30%; text-align: center; }
    .cart-table tr td.cart-name { width: 70%; }
    .cart-table tr td.cart-price { padding: 0 10px 0 0; margin-left: 30%;text-align: left;width: 20%; }
    .cart-table tr td.cart-price-sum { padding: 0 10px 0 0; text-align: left;width: 20%; }
    .cart-table tr td.cart-del { padding: 0 10px 0 0; text-align: left;width: auto; }
    .cart-table tr td.cart-quantity { padding: 0 10px 0 0; text-align: left;width: 20%; }
    
    .common-categories .common-category { height: 240px; }
    .common-categories .name { max-width: 60%; font-size: 20px; }
    .common-categories .desc { max-width: 60%; }
    
    .footer {border-top: 1px solid #f2f4f6; padding: 20px; }
    .footer .row { display: flex;flex-direction:column; }
    .footer .row .col-8 { order: 1; }
    .footer .paym { text-align: left; padding: 0 0 15px 0; }
    .footer .copy { margin-bottom: 15px; }
    .footer .phones p { display: block; padding-top: 10px; }
    
    .header { border-bottom: 1px solid #f2f4f6;flex-wrap:wrap; }
    .header > div { height: 80px; }
    .header .socials { display: none; }
    .header .phones { order: -1; width: 100%; color: #fff; background: #0f151a; height: 40px; padding: 0 20px 0 0;   justify-content: flex-end; }
    .header .phones .phone { flex-direction: row; }
    .header .phones .phone p { padding-left: 10px; font-size: 12px;font-family: 'Roboto', sans-serif; }
    .header .search { width: 100%; order: 1;border-top: 1px solid #f2f4f6; display: none; height: auto; padding: 20px; }
    .header .search .input-search { margin-left: 30px; }
    .header .search .button-search { left: 0; right: auto; }
    .header .search div:after { left: 10px; right: auto; }
    .header .cart { border: 0; width: auto; padding-right: 20px; }
    .header .cart > div { background-size: 18px; padding-left: 30px; }
    .header .logo { border: 0; width: 100px; padding: 0; }
    .header .mobile { display: flex; align-items: center; }
    .header .menu-mobile { font-size: 16px; width: 20px; height: 20px; }
    .header .menu-mobile.active { background: url(../images/ico-close-search.png) no-repeat center left; }
    .header .menu-mobile.active i:before { content: ''; }
    .header .search-mobile { margin: 0 0 0 10px; padding: 10px; }
    .header .search-mobile:after {     content: '\f002'; font-family: 'FontAwesome'; font-size: 16px; } 
    .menu { background: #fff; border-bottom: 1px solid #f2f4f6; padding: 20px; display: none; }
    .menu ul { display: block; }
    .menu ul li { flex-direction: column; float: none; width: 100%; border-left: 0;align-items: flex-start; height: 50px; padding: 0; }
    .menu ul li a { color: #0f151a; display: block;    width: 100%; text-align: left; height: 50px; line-height: 50px; }
    
    .products_empty { padding: 0 10px 20px 10px }
    
    .shop_open .short_description { font-size: 14px; }
    .shop-open-cnt .options_detail { margin-bottom: 30px; }
    .shop-open-cnt .prices { margin-top: 30px; }
    
    .shop_category .products-list .col-3 { width: 50%; }
    .category_info .row { height: auto; }
    .shop_category .title { padding-top: 20px; }
    .category_info .category_description { padding: 0 20px; }
    
    .components_index .title { padding: 10px; }
    .components_open .products-list .product-td { width: 50%; }
    .component-open { font-size: 13px; }
    
    .filters-mobile select { width: 100%; }
    .filters-mobile.filters-left { float: none; }
    .filters-mobile.filters-top { float: none; }
    
    .big_slider { margin: 0px; }
    
    .shipping .title { font-size: 23px; }
    .cart-promocode .question { display: none; }
    .cart-promocode > div:first-child { padding-right: 15px; }
    .shipping-right { position: relative !important;width: 100% !important; }
    .shipping .checkout .checkout-tr { flex-wrap: wrap; }
    .shipping .address-list { padding: 0 10px; height: 60px; }
    .shipping .address-list-scroll { height: 240px; }
    .shipping .address-list .name { font-size: 14px; padding-right: 10px; }
    .shipping .address-list .button { padding: 0 5px; height: 30px; line-height: 30px; font-size: 11px; }
    .shipping .title-min-1 { font-size: 18px; }
    .shipping .active .address-list { height: auto; padding: 15px; flex-wrap: wrap; }
    .shipping .payment.checked-cart > div .radio + label { background-size: contain; }
    .shipping .checked-cart .radio + label { height: 50px; padding-left: 0; }
    .shipping .payment.checked-cart > div .radio + label .name { font-size: 14px; }
    .shipping .checked-cart .radio + label { background-size: contain;display: flex; flex-wrap: wrap; align-items: center; }
    .shipping .checked-cart .radio + label { padding-top: 5px; padding-bottom: 5px; }
    .shipping .checked-cart > div .radio + label .name { font-size: 14px;    width: 100%; }
    .shipping .checked-cart > div .radio + label .text { font-size: 12px; margin-top: 0; }
    .shipping .checkout_ur .row { flex-wrap: wrap; }
    .shipping .checkout_ur .row > div:first-child { font-weight: 600; }
    .shipping .address-tr .row > div { margin-bottom: 5px; }
    .shipping .region-select { display: block; }
    .shipping .checkout_ur .beznal-contain { padding: 0; }
    .shipping .checkout { padding-bottom: 30px; }
    
    .products-list .product-td:nth-child(3n) { border-right: 1px solid #f2f4f6; } 
    .products-list .product-td:nth-child(2n) { border-right: 0; } 
    .component-list .component-td:nth-child(3n) { border-right: 1px solid #f2f4f6; } 
    .component-list .component-td:nth-child(2n) { border-right: 0; } 
}
@media (max-width: 500px) {
    .col-xs-1 { width: 10%; }.col-xs-2 { width: 20%; }.col-xs-3 { width: 25%; }.col-xs-4 { width: 33.33%; }.col-xs-5 { width: 40%; }.col-xs-6 { width: 50%; }.col-xs-7 { width: 60%; }.col-xs-8 { width: 66.66%; }.col-xs-9 { width: 75%; }.col-xs-10 { width: 80%; }.col-xs-11 { width: 90%; }.col-xs-12 { width: 100%; }
    .show-xs { display: inherit; }
    .hide-xs { display: none; }
    
    .cart-table tr td.cart-price { margin-left: 25px; width: auto; }
    .cart-table tr td.cart-price-sum { width: auto; }
    .cart-table tr td.cart-del { width: 50px; }
    .cart-table tr td.cart-quantity {  width: auto; }
    
    .common-categories .common-category { height: 140px;    display: flex; align-items: center; }
    .common-categories .name { max-width: 60%; font-size: 13px; text-transform: uppercase; padding-top: 0; }
    .products-list .product-td {  border-right: 0 !important; }
    .products-list .product-td .image { float: right; height: auto; width: 40%; }
    .products-list .product-td .image img { height: auto; }
    .products-list .product-td { padding: 15px; }
    .products-list .product-td { text-align: left; }
    .products-list .product-td .name_cnt { height: auto; }
    .products-list .product-td .prices { justify-content: flex-start; position: relative; width: auto; }
    .products-list .product-td .prices div { padding: 0; }
    .products-list .product-td .prices div:first-child { padding-right: 10px; }
    .products-list .product-td .options li .percent_sale { right: 15px; left: auto; top: 15px; }
    
    .shop_category .products-list .col-3 { width: 100%; }
    
    .header .phones { justify-content: center; }
    .header .phones .phone p { font-size: 9px; }
    .header .cart .count { display: block; }
    .header .cart .sum { display: none !important; }
    
    .component-list .component-td { padding: 15px; text-align: left; border-right: 0; }
    .component-list .component-td .desc { height: auto; padding-bottom: 5px; }
    .component-list .component-td .name { margin: 5px 0; height: auto; }
    .component-list .component-td .image { float: left; width: 30%; margin-right: 5%; height: auto; }
    .component-list .component-td a.bg { background-size: 100%; }
    .component-list .component-td .image img { max-width: 100%; }
    .component-list .component-td .count_products { margin-left: 35%; }
    .components_open .products-list .product-td { width: 100%; }
    .component-open .image { margin: 10px; }
    .component-open .title { padding: 10px; }
    
    .shop_open .description table { background: none; }
    .shop_open .description table tr:first-child { display: none; }
    .shop_open .description table tr { display: block;height: 100% !important; padding: 10px 0; }
    .shop_open .description table tr td { display: block;width: 100% !important; height: 100% !important; border: 0; padding: 0; }
    
    .breadcrumbs { display: none; }
    
    .cart_add_ok { width: 300px; }
    .cart_add_link { float: none; margin-bottom: 20px; }
}
