@charset 'utf-8';
body.blocked {overflow: hidden;}
.all-wrap {min-height: -webkit-calc(100vh - 202px);min-height: calc(100vh - 202px);}
.all-wrap > :last-child {padding-bottom: 30px;}
a {text-decoration: none; color: #222;}
.text-block a {text-decoration: underline; color: #1265a2;}
h4, h5, h6 {font-weight: 400;}
h1, .h1 {font-size: 26px; font-weight: 500; margin-bottom: 15px;}
h2, .h2 {font-size: 22px; font-weight: 500; margin-bottom: 18px;}
h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child) {margin-top: 20px;}
h3, .h3 {font-size: 20px; font-weight: 500; margin-bottom: 8px;}

.hidden {display: none;}
.link {border-bottom: 1px solid;}
.link:hover {opacity: .9;}

.sidebar, .content {font-size: 15px; display: inline-block; vertical-align: top;}
.sidebar {float: left; width: 300px; margin-right: 50px;}
.content-side {width: -webkit-calc(100% - 350px);width: calc(100% - 350px);}
.content-side h1 {margin-bottom: 20px;}

.grid {font-size: 0;}
.grid-gap {margin: 0 -10px;}
.grid-item {font-size: 15px; display: inline-block; vertical-align: top;}
.grid-gap .grid-item {padding: 0 10px 20px;}
.wrap {margin: auto;}

a, .btn-primary, .btn-secondary, .btn-default, .grid-item::before, .filter_result_data button::after, .user-data-address, .user-data-main input, .intro-block a::after {-webkit-transition: all .2s ease-out; transition: all .2s ease-out;}
.category-item {-webkit-transition: all .1s ease-out; transition: all .1s ease-out;}

.btn-primary, .btn-default, .btn-notify {font-size: 15px; cursor: pointer;}
.btn-primary, .btn-secondary, .btn-default {line-height: 1;display: inline-block;padding: 15px 18px;text-align: center;vertical-align: middle;color: #fff;border: 0;border-radius:  3px;}
.btn-large[class*='icon']:before {width: 20px; height: 20px; margin-right: 10px;}
.btn-primary {background-color: #f99500;font-weight:  500 !important;}
.btn-primary:hover, .btn-catalog:hover, .btn-compare:hover {opacity: 0.8; color: #fff;}
.btn-default {display: inline-block;
    padding: 14px 17px;
    vertical-align: middle;
    color: #08396b;
    border: 1px solid #00557e;
    background-color: transparent;}
.btn-default:hover {color: #334a63;}
.btn-secondary {background-color: #777;}
.btn-secondary:hover {color: #fff; background-color: #777;}

.buyed.e-icon-cart-w::before {background-image: url(images/in-cart.svg);}

.search {position: relative; margin: 0 25px;}
.search input[type='text'] {width: 350px; padding: 8px 40px 8px 10px; vertical-align: middle; border: 1px solid #fff; outline: none; background-color: #fff; -webkit-appearance: none; border-radius: 3px; font-size: 15px;}
.search input[type='submit'] {position: absolute; top: 0; right: 0; width: auto; min-width: 40px; height: 100%; padding: 15px 10px; border: 0; background: url('images/search.svg') no-repeat center center #f99500; background-size: 18px auto; border-radius: 0 3px 3px 0;}
.search-res {position: absolute; z-index: 20; background-color: #fff; box-shadow: 0 15px 24px 5px rgba(33, 44, 56,.1);}
.search-res a, .search-res span {display: block;}
.search-res li {padding: 10px; border-bottom: 1px solid #ecf0f3;}
.prod-photo-search {float: left; width: 70px; height: 70px;}
.prod-photo-search img {max-width: 100%; max-height: 100%; margin: auto; display: block;}
.prod-desc-search {font-size: 13px; margin-left: 80px;}
.prod-sku-search {font-size: 12px; margin-top: 4px; color: #999;}
.prod-price-search {font-weight: 500; margin-top: 4px; color: #222;}


.intro {font-size: 0; overflow: hidden; padding: 10px 10px 20px;}
.intro a, .intro span {display: block;}
.intro img {display: block; margin: 0;}
.owl-carousel .owl-item img {width: auto !important;}
.ib_block .owl-carousel.owl-loaded {background: none !important;}
.intro-block {display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 10px; vertical-align: top;}
.intro-block.big {width: 50%;}
.ib_block .owl-carousel {display: block !important;}
.ib_block .owl-carousel a + a {display: none;}
.ib_block .owl-carousel.owl-loaded {background: none !important;}
.intro .owl-carousel .owl-stage-outer, .cat_bn.owl-carousel .owl-stage-outer {margin: 0; padding: 0;}
.intro .owl-carousel .owl-stage, .cat_bn.owl-carousel .owl-stage {display: block;}
.intro .owl-prev, .intro .owl-next, .cat_b .owl-prev, .cat_b .owl-next {display: none;}
.cat_bn a + a {display: none;}
.intro-block a {position: relative;}
.intro-block a::after {content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; left: 0; opacity: 0;}
.intro-block a:hover::after {opacity: 1;}

.owl-products .grid-item {display: block; width: 100%;}
.owl-products .owl-stage-outer {padding-bottom: 70px;}
/* .owl-products .category-item-buttons {width: 100%;}
.owl-products .category-item-buttons button {position: relative; z-index: 11;} */

.owl-dots {position: absolute; bottom: 3px; width: 100%; text-align: center;}
.owl-dot {display: inline-block;}
.owl-dot span {display: block; width: 8px; height: 8px; margin: 5px 4px; border-radius: 20px; background-color: #b1b1b1; }
.owl-dots .owl-dot.active span {background-color: #133647;}

.owl-nav {position: absolute; top: -50px; right: 0;}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {display: inline-block; width: 26px; height: 32px; vertical-align: top; background: url(images/arrow-prev-w.svg) no-repeat center center #677a8d; background-size: 20px auto; border-radius: 2px;}
.owl-carousel .owl-nav .owl-next {margin-left: 10px; background-image: url(images/arrow-next-w.svg); border-radius: 2px;}
.owl-carousel .owl-nav .owl-next:hover, .owl-carousel .owl-nav .owl-prev:hover {opacity: .8;}

.vc_cart {position: fixed; z-index: 99992; right: 0; bottom: 0; display: none; width: 100%; background: #fff;}
.vc_header {font-weight: 500; position: relative; padding: 8px 10px; padding-left: 45px; cursor: pointer; color: #fff; background: url('images/cart-w.svg') no-repeat 12px center #f99500; background-size: 24px auto;}
.vc_header i {font-style: normal;}
.vc_header .close {display: block; float: right; width: 15px; height: 14px; margin-top: -3px; cursor: pointer; border-bottom: 3px solid #fff;}
.vc_cart .vc_body, .vc_cart .vc_form {padding: 12px; border-top: 1px solid #b4c3c4;}
.vc_form {display: none; overflow-y: auto; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%;}
.vc_body {overflow-x: hidden;}
.vc_body .scrollable {overflow-y: auto; max-height: -webkit-calc(100vh - 70px); max-height: calc(100vh - 70px);}
.vc_body_header {font-size: 18px; font-weight: 500; margin-bottom: 8px;}
.vc_body table {width: 100%; border-collapse: collapse;}
.vc_body .btn-default, .vc_form .btn-default {margin-right: 10px;}
.vc_body td {font-size: 13px; padding: 10px 4px 7px; text-align: left; vertical-align: top; border-bottom: 1px solid #dae0e6;}
.vc_body td:first-child {
    width: 40px;
}
.checkout-list .vc_body td {font-size: 14px;}
.vc_price {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}
.vc_cart .checkout-price {width: 66px;}
/* .vc_body td:last-child {width: 10px;} */
.vc_body tr:last-child td {border: 0;}
.delete_it {font-size: 17px; line-height: 15px; display: inline-block; width: 16px; height: 16px; cursor: pointer; text-align: center; vertical-align: middle; color: #fff; background: #5d5d5d; margin-left: 20px; position: absolute;
    right: 0;
    top: 13px;}
.delete_it:hover {background: #3f3f3f;}
.vc_cart.vc_hidden {bottom: 0; width: 100%;}
.vc_cart.vc_hidden .open {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; cursor: pointer;}
.vc_cart.vc_hidden .vc_body, .vc_cart.vc_hidden .vc_header .close, .vc_cart.vc_hidden .vc_form {display: none !important;}
.vc_body .totalprice td {font-size: 16px; font-weight: 500; padding: 10px 5px;}
.vc_body .totalprice td:first-child {padding-left: 0;}
.vc_body .totalprice td:last-child, .vc_body [data-flashdel] td:last-child {text-align: right; padding-right: 0;}
.vc_form .finish_order, .vc_form .back_to_cart {display: inline-block;}
.vc_f_check label {margin-left: 20px; cursor: pointer; color: #111;}
.vc_f_check input {float: left; margin: 2px 0 2px 2px;}
.vc_f_check span {font-size: 13px; display: block; margin-left: 20px; color: #777;}
.vc_f_title {font-size: 17px; color: #111;}
.vc_f_check p {overflow: hidden; margin-bottom: 5px;}
#vc_p_ms {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ebebeb;}
.vc_success {display: none; padding: 10px 20px; color: #333 !important; border: 1px solid green; background: #fff;}
.vc_form > a {display: none; margin: 10px 0 !important;}
.vc_body .vc_count {width: 52px; padding-top: 6px; text-align: right;}
.vc_form .likeselect {margin-bottom: 10px;}
.vc_cart a.btn-primary {display: none;}
.vc_count input {display: inline-block; -moz-box-sizing: inherit; box-sizing: inherit; width: 27px; margin-left: 2px; padding: 3px 4px; text-align: center; border: 1px solid #c2cad6;}
.outform {position: absolute; left: -10000px;}
.choose_city span {display: inline-block; margin-left: 25px; cursor: pointer; vertical-align: middle; color: #fff; border-bottom: 1px dotted;}
.choose_city span:first-child {margin-left: 0;}
.choose_city span.active {padding: 3px 10px; border-bottom: 0; background-color: rgba(204,0,0,.7);}
.vc_body .cart-item-image {width: 50px; padding-right: 10px;}
.vc_body .cart-item-image img {display: block; padding: 5px; background-color: #fff;}
.vc_body .vc_count_price {width: 300px; padding-right: 30px; position: relative;}
.vc_counter {font-size: 0; display: inline-block; margin-right: 10px; vertical-align: middle;}
.vc_counter input {display: inline-block; width: 36px; padding: 3px 4px; text-align: center; border: 1px solid #c1cbd1;}
.vc_counter input {font-size: 13px;}
.vc_counter input, .btn-count {display: inline-block; vertical-align: middle;}
.btn-count {font-size: 15px; font-weight: 500; background-color: transparent;  line-height: 15px; padding: 4px; border: 0;}

.page-checkout {display: table; width: 100%; table-layout: fixed; margin: 30px auto; border-radius: 6px;}
.page-feedback + .viewed-products {padding-top: 30px;}
.page-feedback {display: -webkit-flex;display: flex;-webkit-flex: 0 1 100%;flex: 0 1 100%; font-size: 0;}
.feedback-contacts, .feedback-map {font-size: 15px; display: inline-block; vertical-align: top; width: 50%; padding: 30px;}
.checkout-form, .checkout-list  {display: table-cell; padding: 40px; vertical-align: top; background-color: #fff;}
.checkout-form {border-radius: 4px 0 0 4px;}
.checkout-list {border-radius: 0 4px 4px 0;}
.checkout-form {border-right: 1px solid #dae0e6}
.checkout-form, .feedback-contacts {position: relative; background-color: #fff;}
.feedback-map {padding-right: 0;}
.checkout-list .vc_body_header {display: none;}
.checkout-list .h1 {margin-bottom: 10px;}
@media screen and (min-width: 768px){
    .checkout-form, .feedback-contacts {min-height: 70vh;}
}



.order-first {overflow: hidden; margin-bottom: 16px;}
.order-first .person-type {float: left; max-width: 180px;}
.order-first .btn-primary {float: right;}
.cart-del-pay {margin-top: 15px;}
.user-data .h3 {margin-top: 0;}
.user-data {font-size: 0; overflow: hidden; margin: 0 -10px;}
.user-data-main, .user-data-address {font-size: 15px; display: inline-block; width: 50%; padding: 0 10px; vertical-align: top;}
.user-data-main .textbox {width: 200%; width: -webkit-calc(200% + 20px); width: calc(200% + 20px);}
.user-data-address {position: relative; left: 50%; height: 0;}
.user-data-main.shrink .textbox {width: 100%;}
.user-data-address.visible {left: 0; height: auto;}
.user-data-address, .user-data-main input { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }

.btn-primary.buyed {font-size: 0 !important; color: #000; background-color: #d0e6f3;}
.e-icon-cart.buyed::before {background-image: url('images/in-cart.svg') !important;}
.btn-primary.buyed::after {font-size: 15px  !important; display: inline-block; content: 'В корзине'; vertical-align: middle; color: #000;}
.m_loader {display: none;}
/* .category-item-buttons .btn-primary.buyed::after {font-size: 0 !important;} */
.btn-primary.buyed:hover {opacity: 1; background-color: #d0e6f3;}
.cart-del-pay label {cursor: pointer;}
[data-compare-itemname] {display: block;}
[data-compare-main] > div {position: relative; display: table-cell; min-width: 235px; vertical-align: top;}
.radio-group {margin-bottom: 10px;}
.radio-group input {display: none;}
.radio-group label:before, .radio-group label {display: inline-block; width: auto; vertical-align: top;}
.radio-group label:before {position: absolute;top: 1px;left: 0;width: 12px;height: 12px;content: '';border: 2px solid #00557e;border-radius: 50%;}
.cart-del-pay label {cursor: pointer;}
.radio-group label {position: relative;padding-left: 22px; cursor: pointer;}
.radio-group label span {display: block;}
input[type='radio']:checked + label:after {position: absolute;top: 6px;left: 5px;width: 6px;height: 6px;content: '';border-radius: 50%;background-color: #00557e;}
.help-info {font-size: 13px; margin-top: 4px; color: #666;}
.radio-group .help-info {
    padding-left: 22px;
    margin-top: 2px;
}

.mCustomScrollbar { touch-action: pinch-zoom;}.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { touch-action: auto;}[data-searchresult] ul {max-height: 360px; box-shadow: inset 0 -3px 3px rgba(0,0,0,.1);}.mCustomScrollBox {position: relative; overflow: hidden; max-width: 100%; height: 100%; outline: none; direction: ltr;}.mCSB_container {overflow: hidden; width: auto; height: auto;}.mCSB_inside > .mCSB_container {margin-right: 30px;}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right: 0;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right: 0; margin-left: 30px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left: 0;}.mCSB_scrollTools {position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 16px; height: auto;}.mCSB_outside + .mCSB_scrollTools {right: -26px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right: auto; left: 0;}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left: -26px;}.mCSB_scrollTools .mCSB_draggerContainer {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto;}.mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}.mCSB_scrollTools .mCSB_draggerRail {width: 2px; height: 100%; margin: 0 auto; border-radius: 16px;}.mCSB_scrollTools .mCSB_dragger {z-index: 1; width: 100%; height: 30px; cursor: pointer;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative; width: 4px; height: 100%; margin: 0 auto; text-align: center; border-radius: 16px;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width: 12px;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width: 8px;}.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {position: absolute; display: block; overflow: hidden; width: 100%; height: 20px; margin: 0 auto; cursor: pointer;}.mCSB_scrollTools .mCSB_buttonDown {bottom: 0;}.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;}

.mCSB_draggerRail {background: #efefef;}
.mCSB_dragger_bar {background: #555;}

.category-toolbar {margin: 10px 0 20px;}
.category-count {color: #6b7279; display: inline-block; padding: 10px 0;}
.category-options .nice-select {margin-right: 10px;}
.category-options .nice-select:last-child {margin-right: 0;}

.category-item {padding: 20px; background-color: #fff; }
.category-item {position: relative; z-index: 11; top: 0; display: block; color: #000;border-radius: 3px;}
.category-item-img {display: block; max-width: 200px; margin: auto; padding: 10px; height: 200px;}
.category-item-img img {max-height: 100%;}
.category-item-title {font-size: 14px; font-weight: 400; max-width: 340px;}
.category-item-price {font-size: 18px; font-weight: 500; color: #00557e;}
.category-item-desc {display: block;}
.category-item-top > span, .category-item-bottom > span {display: block; margin-top: 10px;}
.prod-price-new, .prod-price-old {display: inline-block;}
.category-item .prod-price-new, .category-item .prod-price-old {display: block;}
.prod-price-new {margin-right: 6px; color: #c00;}
.prod-price-old {font-size: 80%; text-decoration: line-through; font-weight: normal;}
.category-item-status {font-size: 14px;}
.in-stock {color: #0fa270;}
.category-item-buttons {padding-top: 20px; display: block;}

.category-item-buttons {font-size: 0;}
.category-item-buttons .btn-primary {font-size: 15px; width: 100%; /* width: calc(100% - 46px);  */vertical-align: top; /* height: 40px; */ line-height: 1.3;}
.btn-compare {background-color: #d5d8db;  border: 0; border-radius: 3px; vertical-align: top; width: 40px; height: 40px; background: url('images/compare-b.svg') no-repeat center center #d5d8db; background-size: 20px auto; margin-left: 6px;}
.category-item .prod-sku {font-size: 13px; display: block; margin-bottom: 0;}
.short-desc {margin-bottom: 20px;}
.full-desc {margin-top: 20px;}

.grid-products .grid-item {position: relative; width: 25%;}
.grid-products .grid-item {z-index: 1;}
.grid-products .grid-item:hover .category-item {-webkit-transform: translateY(-8px);transform: translateY(-8px);}


@supports ((-webkit-flex-wrap: wrap) or (flex-wrap: wrap)) {
    .grid-products, .grid-products .grid-item, .category-item, .category-item-desc, .category-item-top, .category-item-desc .category-item-bottom, .owl-products .owl-stage, .owl-products .owl-item, .parent-cats, .parent-cats .grid-item, .category-item-img, .category-item-img img { display: -webkit-flex; display: flex; -webkit-flex: 0 1 auto; flex: 0 1 auto;}

    .grid-products, .parent-cats {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .grid-products .grid-item, .category-item, .category-item-desc, .category-item-top, .parent-cats .grid-item, .category-item-top { -webkit-flex-direction: column; flex-direction: column;}
    .grid-products .grid-item { -webkit-flex-basis: 20%; flex-basis: 20%; max-width: 20%;}
    .category-item, .category-item-desc, .category-item-top { -webkit-flex-grow: 1; flex-grow: 1;}

    .owl-products .category-item {height: 100%;}
    .category-item-img, .category-item-img img {margin: auto;}
    .category-item-desc .category-item-bottom {-webkit-align-items: flex-end;align-items: flex-end; -webkit-justify-content: space-between; justify-content: space-between; }
}


.viewed-products {margin-top: 30px;}

.show_all a {text-decoration: underline; color: #737e8a;}

.subcats {margin-bottom: 20px;}
.subcats li {margin-bottom: 1px;}
.subcat-item {color: #00557e;padding: 10px;padding-left: 27px;display: block;background-color: #fff;position:  relative; font-size: 14px;  }
.subcat-item::before {display: inline-block;width: 8px;height: 12px;margin-right: 4px;content: '';opacity: .6;background: url('images/bc-arrow.svg') no-repeat center center;background-size: contain;position:  absolute;left: 14px; top: 13px;}
.subcat-item.active {font-weight: 500; color: #f99500;}
.subcats li:first-child .subcat-item {border-radius: 3px 3px 0 0;}
.subcats li:last-child .subcat-item {border-bottom: 0; border-radius: 0 0 3px 3px;}

.msg {margin-bottom: 20px; padding: 10px 15px; text-align: center; border: 1px solid;}
.msg-success {color: #129679; border-color: #c2e2d1; background-color: #f6fff9;}
.msg-error {color: #7d3c3c; border-color: #f1bfbf; background-color: #fff8f8;}
.msg-info {color: #333; border-color: #eae3d1; background-color: #fff9e4;}
.msg p {margin-bottom: 0;}
.tooltip {position: absolute; top: 16px; left: 360px; width: 120px; padding: 8px 10px;}
.tooltip b {position: absolute; left: -14px; display: block; width: 0; height: 0; color: transparent; border: 7px solid; border-right-color: #f2dede;}


.pagination {margin: 30px 0;}
.grid_pager {margin-top: 10px;}
.grid_pager li {font-size: 16px; display: inline-block; min-width: 35px; margin-right: 5px; text-align: center; vertical-align: top; }
.grid_pager a, .grid_pager span {display: block; padding: 8px; border: 1px solid transparent; background-color: #fff; border-radius: 2px;}
.grid_pager a {color: #000;}
.grid_pager a:hover {border-color: #00557e; color: #00557e;}
.grid_pager li.active span {color: #fff; border-color: #00557e; background-color: #00557e;}
.grid_pager li:not(.active):hover {background-color: #f7f7f9;}
.grid_pager i:before {display: block; width: 100%; height: 20px; content: ''; opacity: .7; background-repeat: no-repeat; background-position: center center; background-size: 14px auto;}
.grid_pager i.fa-angle-left:before {background-image: url('images/arrow-left.svg');}
.grid_pager i.fa-angle-right:before {background-image: url('images/arrow-right.svg');}

.loader {display: none; margin: 40px 0; text-align: center;}
.popup-dark {position: absolute; z-index: 998; top: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.7);}
.popup-box {position: absolute;z-index: 999;top: 50px;left: -webkit-calc(50% - 250px);left: calc(50% - 250px);display: none;width: 500px;border-radius:  3px;}
.popup-body {overflow: hidden;padding: 20px;border-radius:  0 0 3px 3px;background: #fff;}
.popup-header {position: relative;height: 50px;padding: 10px 20px;background: #00557e;border-radius:  3px 3px 0 0;}
.popup-header p {font-size: 19px; line-height: 30px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); margin: 0; color: #fff;}
.btn-close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;cursor: pointer;background: url('images/btn-close-w.svg') center center no-repeat #0371a8;background-size: 20px;border-radius:  0 3px 0 0;}
.popup-body input[type='text'], .popup-body input[type='email'], .popup-body textarea {display: block; width: 100%; padding: 10px;}
.popup-body input[type='text']:focus, .popup-body input[type='email']:focus, .popup-body textarea:focus {border-color: #555;}
.popup-body textarea {resize: none;}
.popup-body .success, .popup-body .error {display: none;}
.popup-body .textbox {overflow: hidden; margin-bottom: 0; padding-bottom: 14px;}
.popup-body .textbox p {margin-bottom: 10px; text-align: left;}
.product-name-popup {font-weight: 500; font-size: 17px; margin-bottom: 10px;}
.form-desc {margin-bottom: 16px;}
[hidden] {display: none;}

.counter {font-size: 13px !important; display: inline-block; margin-left: 6px; padding: 3px 6px; vertical-align: middle; color: #fff; background-color: #0f3040; border-radius: 2px;}

.breadcrumbs {margin-bottom: 30px; padding: 10px 0; background-color: #e0e4e6;}
.breadcrumbs li {font-size: 13px; display: inline; vertical-align: top;}
.breadcrumbs a {text-decoration: none; color: #25303c;}
.breadcrumbs a:hover {color: #f99500;}
.bc-arrow {display: inline-block; width: 8px; height: 8px; margin: 0 5px; color: #899bb3; background: url('images/bc-arrow.svg') no-repeat center center; background-size: contain;}
.breadcrumbs span span {color: #777;}
.breadcrumbs + .product-page-wrap {margin: -30px 0 0;}

.to-top {position: fixed; z-index: 100; right: 22px; bottom: 105px; display: none; width: 50px; height: 50px; cursor: pointer; border-radius: 3px; background: url(images/arrow-up.svg) no-repeat center center #dee2e4; background-size: 24px auto;}


[data-propsadd], [data-catsadd] {display: none;}
.props-toggle {line-height: 1.2; display: inline-block; cursor: pointer; color: #f99500; border-bottom: 1px dashed #f99500;}
.prod-content [data-propstoggle], .btn-more span, .filter-inner [data-propstoggle] {font-weight: 400; line-height: 1; display: inline-block; cursor: pointer; color: #46779e; border: 0; border-bottom: 1px dashed; background-color: transparent;}
.filter-inner [data-propstoggle] {margin-top: 8px;}
.prod-content [data-propstoggle] {font-size: 17px; margin-top: 15px;}
[data-propstoggle]:hover, [data-propstoggle]:hover span {color: #166eb1;}
.btn-more {display: block; width: 100%; padding: 6px 10px 10px; text-align: left; border: 0; background-color: transparent;}

.filter {font-size: 15px; margin-top: 20px; background-color: #fff;
    border-radius: 3px;}
.filter-header {font-size: 13px; line-height: 1; position: relative; padding: 16px 30px 16px 0; cursor: pointer; text-transform: uppercase;}
.filter-header:after {position: absolute; top: 16px; right: 0; display: block; width: 10px; height: 10px; content: ''; opacity: .8; background: url('images/arrow-up.svg') no-repeat center center; background-size: contain;}
/* .filter-item:last-child .filter-header.closed {border-bottom: 1px solid #e2e2e2;} */
.filter-header.closed:after {background-image: url('images/arrow-down.svg');}
.filter-header.closed {padding-bottom: 0}
.filter-inner.scrollable.expanded {max-height: 300px;}
.filter-product-counter {font-size: 13px; margin-left: 5px; color: #999;}
.filter-range-row {font-size: 0;}
.filter-range-row > div {font-size: 15px; position: relative; display: inline-block; width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; vertical-align: top;}
.filter-range-row > div + div {margin-right: 0;}
.filter-range-row > div label {line-height: 19px; position: absolute; z-index: 5; top: 7px; left: 10px; color: #777;}
.filter-range-control {width: 100%; padding: 6px 6px 6px 32px; border: 1px solid #c2c2c2;}
.filter-range-control:focus {border-color: #697e86;}
.filter-checkgroup input {display: none;}
.filter-checkgroup {position: relative; margin: 0 0 6px 0; padding: 4px 10px 0 0;}
.filter-checkgroup:last-child {margin-bottom: 0;}
.filter-checkgroup label {position: relative; display: block; padding-left: 26px; cursor: pointer;}
.filter-checkgroup label:before {position: absolute; top: 1px; left: 0; display: block; width: 16px; height: 16px; content: ''; border: 1px solid #b8b8b8; background-color: #fff;}
.filter-checkgroup label:hover:before {border-color: #f99500;}
.filter-checkgroup.active label:before {border-color: #f99500; background: url('images/check.svg') center center no-repeat #f99500; background-size: 11px auto;}
.filter-checkgroup-count {font-size: 14px; display: inline-block; color: #888;}
.filter-checkgroup-title {text-decoration: none;}
.filter-checkgroup.disabled, .filter-checkgroup.disabled label span, .filter-checkgroup.disabled label:before, .filter-checkgroup.disabled label {cursor: default; color: #ccc;}
.filter-checkgroup.disabled label:before {cursor: default; border-color: #ccc;}

.filter-colorgroup label {padding-left: 0;}
.filter-colorgroup label::before {display: none;}
.filter-colorgroup {display: inline-block; margin-right: 8px; margin-bottom: 8px; padding-right: 0; vertical-align: top;}
.filter-color {display: block; width: 17px; height: 17px;}
.filter_result_data {margin: 10px 0 15px;}
.filter_result_data button {font-size: 15px; line-height: 1.2; position: relative; display: inline-block; margin: 0 20px 15px 0; padding: 6px 40px 6px 12px; color: #fff; border: 0; background-color: #676e7b; border-radius: 3px 3px;}
.filter_result_data button::after {position: absolute; top: 0; right: 0; display: block; width: 30px; height: 100%; content: ''; background: url(images/btn-close-w.svg) no-repeat center center #3f4756; background-size: 10px auto; border-radius: 0 3px 3px 0;}
.filter_result_data button:hover::after {background-color: #777;}
[data-filter-submit] {display: none;}
.filter-buttons {
    display: -webkit-flex;
    display: flex;
    padding: 0 15px 15px;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}
.filter-buttons a {
    -webkit-flex-grow: 1;
            flex-grow: 1;
    margin: 10px 5px 0;
}
.filter-buttons .btn {padding: 8px 13px;}
.filter-item {
    padding: 6px 20px 18px;;
    border-bottom: 1px solid #e2e2e2;
}
.filter-inner {padding: 3px 0}
[data-filter-properties] .filter-item:last-child {border-bottom: 0}
.btn-apply {margin-right: 5px;}

.is_clickable {cursor: hand; cursor: pointer;}
.nstSlider .leftGrip.gripHighlighted {background: #6f7984;}
.nstSlider .rightGrip.gripHighlighted {background: #6f7984;}
.nstSlider {position: relative; width: 100%; height: 3px; margin: 20px 0 10px; cursor: hand; cursor: pointer; border-radius: 10px; background: #ccc;}
.nstSlider .bar {position: absolute; top: 0; height: 3px; border-radius: 10px; background-color: #6f7984;}
.nstSlider .rightGrip, .nstSlider .leftGrip {position: absolute; top: -6px; width: 14px; height: 14px; border: 5px solid #6f7984; border-radius: 50%; background: #f9f9f9;}
.nstSlider .highlightPanel {position: absolute; top: 0; height: 20px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; border-radius: 10px; background: #6f7984;}

a[data-togglelink] {position: absolute; z-index: 999; display: inline-block; margin-top: -6px; margin-left: 250px; padding: 5px 14px; color: #fff; background-color: #f99500; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .15);}
a[data-togglelink]:after {position: absolute; top: 50%; right: 100%; width: 0; height: 0; margin-top: -6px; content: ' '; pointer-events: none; border: solid transparent; border-width: 6px; border-color: rgba(250, 000, 112,0); border-right-color: #f99500;}
[data-type='slider'] a[data-togglelink] {font-size: 15px; margin-left: 10px;}
a[data-togglelink]:hover {background-color: #f99500; color: #fff;}
a[data-togglelink]:hover:after {border-right-color: #f99500;}

.privacy-policy {font-size: 11px; line-height: 1.2; margin: 15px 0; color: #777;}
.success, .error {display: none;}

.textbox {margin-bottom: 16px;}
.textbox-wrap {font-size: 0; margin: 0 -8px;}
.textbox-wrap .textbox {font-size: 15px; display: inline-block; width: 50%; padding: 0 8px; vertical-align: top;}
.textbox label {display: block; margin-bottom: 6px;}
.textbox input:not([type='submit']), .textbox textarea, input.textbox, textarea.textbox {width: 100%; padding: 13px 14px; border: 1px solid #7a8c9c; border-radius: 3px;}
.textbox input:not([type='submit']):focus, .textbox textarea:focus, .textbox:focus {border-color: #3891ff; background-color: #fff;}
.feedback-form .textbox input, .feedback-form .textbox textarea {border-color: transparent; background-color: #fff;}
input:disabled {color: #555; border-color: transparent !important; background-color: #ebebeb !important;}


.tabs {font-size: 0; margin-top: 30px;}
.tab-mob {display: none;}
.tabs li {font-size: 16px; display: inline-block; cursor: pointer; vertical-align: top;}
.tabs.tabs-outline {border-bottom: 1px solid #d8dee0;}
.tabs.tabs-outline li {font-size: 15px; line-height: 1; display: inline-block; padding: 12px 20px 10px; cursor: pointer; vertical-align: top; color: #5f5f5f; border: 1px solid transparent; background-color: #fff;}
.tabs.tabs-outline li.active {position: relative; cursor: default; border-color: #d8dee0; border-bottom-color: transparent;}
.tabs.tabs-outline  li.active:before {position: absolute; top: -1px; left: -1px; display: block; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 3px; content: ''; border-right: 1px solid #f99500; border-left: 1px solid #f99500; background-color: #f99500;}
.tabs.tabs-outline  li.active:after {position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 1px; content: ''; background-color: #fff;}
.boxes {margin: 20px 0;}
.boxes .box {position: relative; display: none;}
.boxes .box.active {display: block;}
.tabs.tabs-outline + .boxes {margin-bottom: 30px;}
.link-all, .link-logout {border-bottom: 1px solid;}
.boxes .link-all {position: absolute; top: -45px; right: 85px;}

.user-form {max-width: 450px; margin: 0 auto;}
.user-form .form-block-title {font-size: 17px; font-weight: 500; padding: 10px 20px; color: #fff; background-color: #00557e; border-radius: 3px 3px 0 0;}
.form-inner {padding: 20px; background-color: #fff; border-radius: 0 0 3px 3px;}
.user-form a {border-bottom: 1px solid;}
.forgot-link {margin-left: 10px;}
.form-footer {margin-top: 20px; padding-top: 15px; border-top: 1px solid #e9f0f3;}
.form-footer a {margin-right: 20px;}
.textbox-info {font-size: 13px; display: inline-block; margin-bottom: 5px; color: #525863;}
.textbox-info + input {margin-top: 6px;}

.order-summary-wrap {max-width: 800px; margin: 20px 0; padding: 20px 0;}
.order-summary {width: 100%;}
.order-summary--prod-image {width: 60px;}
.order-summary--prod-image a {display: block;}
.order-summary td {padding: 10px; vertical-align: middle; border-top: 1px solid #d7e0e6;}
.order-summary tr:last-child td {border-bottom: 1px solid #d7e0e6;}
.table-layout {display: table;}
.table-layout > div {display: table-row;}
.table-layout > div > p {display: table-cell; padding: 5px 0;}
.table-layout > div > p + p {padding-left: 12px;}
.table-layout > div > p:first-child {font-weight: 500; min-width: 90px; color: #4b505a;}
.order-total p {font-size: 18px; font-weight: 500;}
.order-total .w-prod-price-old {margin-right: 0; margin-left: 5px;}
.table-layout > .order-total > p:first-child {min-width: 0; padding-right: 50px;}
.page-account form {max-width: 450px;}
.link-logout {line-height: 1; display: inline-block; margin-left: 20px;}
.order-row {margin-bottom: 15px; border: 1px solid #ebebeb;}
.order-row-header {overflow: hidden; padding: 15px; background: #f8f8f8;}
.order-row-body {padding: 20px;}
.order-row-header > span {display: inline-block; vertical-align: middle;}
.order-row-number {color: #222;}
.order-row-status {margin-left: 15px; color: #f60;}
.order-row-status.complete {color: #26c197;}
.order-row-status.cancelled {color: #c00;}
.order-row-date {float: right;}
.order-row-body > div, .order-row-info {overflow: hidden; padding: 5px 0;}
.order-row-info:first-child {padding-top: 0;}
.order-row-body span {font-size: 15px; color: #222;}
.order-row-body-sum span + span {margin-left: 7px;}
.order-row-body-sum span + span {font-size: 18px; font-weight: 500; color: #c00;}
.order-row-body-payed span + span {color: #999;}
.order-row-body-payed span.payed {color: #26c197;}
.order-row-body .viewmore {float: right; cursor: pointer; color: #888; border-bottom: 1px dashed;}
.order-row-body .viewmore:hover {color: #c00;}
.order-row-body .viewmore.opened {font-size: 0;}
.order-row-body .viewmore.opened::before {font-size: 15px; content: 'Свернуть';}
.viewallorders {cursor: pointer;}
.viewallorders.opened {font-size: 0;}
.viewallorders.opened::before {font-size: 15px; content: 'Свернуть все';}
.order-row-body-products {display: none;}
.order-row-body-products table {width: 100%; margin-top: 20px; border-collapse: collapse;}
.order-row-body-products td {padding: 6px; border: 1px solid #ebebeb;}
.order-row-body-products td + td + td, .order-row-body-products tr:last-child td:last-child {text-align: right;}

.compare_box{position:relative; margin-bottom:45px;}
.primary-table {width:100%; border-collapse:collapse;}
.primary-table td {height:20px; padding:7px; text-align:left; vertical-align:top; background:#fff;}
.compare_item .primary-table td {border-width:1px 0;}
.compare_props {width:250px;}
.compare_props.fixed {position:absolute; z-index:20; top:0; left:0;}
.compare_props.fixed table {box-shadow:5px 0 5px rgba(0,0,0,0.2);}
/*.compare_props .compare_item_product {border-right:1px solid #ebebeb}*/
.compare_props.fixed .compare_item_product {border:0;}
.compare_data {position:absolute; top:0; left:250px; width:auto;}
.remove_from_compare {font-size: 20px; line-height: 18px; position: absolute; top: 10px; right: 30px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 3px; background: #c00;}
.primary-table tr:nth-child(odd) td {background-color: #ebf0f5;}

.compare_item .btn {margin: 15px 0;}
.compare-photo {display: block; height: 200px; margin-bottom: 10px; padding: 10px; text-align: center; border: 1px solid #dbdbdb;}
.compare-photo img {max-height: 100%;}
.compare_item .no-photo {background-size: 40% auto;}
div[data-compare-itemtop] {margin-right: 20px;}

.wrap.page-404 {margin-top: 30px; text-align: center;}
.page-404 img {max-width: 300px; margin: 30px 0;}
.page-404 .btn-primary {margin-top: 20px;}

.feedback-map {padding: 0;}
.feedback-form {margin: 10px 0 30px; padding: 30px; background-color: #d7dce0; border-radius: 3px;}

.e-link {font-size: 10px; font-weight: 500; line-height: 1.3; position: relative; display: inline-block; padding-left: 30px; text-align: left; text-decoration: none; text-transform: uppercase; opacity: .4; color: #fff; margin-top: 40px;}
.e-link:hover {opacity: 1; color: #fff;}
.e-link:before {position: absolute; top: -1px; left: 0; display: inline-block; width: 25px; height: 25px; content: ''; vertical-align: middle; background: url('images/e-logo-w.svg') no-repeat center center; background-size: contain;}


@media screen and (min-width: 1279px) and (max-width: 1365px) {
    .wrap {width: 1170px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .wrap {width:970px}
}
@media screen and (max-width: 1279px) {
    .content-side .grid-products .grid-item {-webkit-flex-basis: 50%;flex-basis: 50%; width: 50%; max-width: 50%;}
    .grid-products .grid-item {-webkit-flex-basis: 33.3333333%;flex-basis: 33.3333333%; width: 33.3333333%; max-width: 33.3333333%;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .wrap {width:700px}
}
@media screen and (max-width: 1279px) {
    .order-first .btn-primary, .order-first .person-type {float: none; margin-bottom: 20px;}
    .page-checkout, .checkout-form, .checkout-list {display: block; display: -webkit-flex; display: flex; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: column; flex-direction: column;}
    .page-checkout {margin-bottom: 0; padding: 0; background-color: transparent;}
    .checkout-form, .checkout-list {margin-top: 20px; padding: 20px; background-color: #fff; border-radius: 4px;}
    .checkout-form { -webkit-order: 2; order: 2;}
    .checkout-list { -webkit-order: 1; order: 1;}
    .checkout-form::before, .feedback-contacts::before {display: none;}
    .page-feedback {margin-bottom: 40px;}
    .checkout-form, .feedback-contacts {padding: 20px;}
    .checkout-form {border-right: 0;}
}
@media screen and (max-width: 1023px) {
    .sidebar {width: 240px; margin-right: 20px;}
    .content-side {width: -webkit-calc(100% - 260px);width: calc(100% - 260px);}
    .feedback-map, .feedback-contacts, .page-feedback {display: block; padding: 10px; background-color: #fff;}
    .feedback-map, .feedback-contacts {padding: 20px 0 !important; width: 100%; margin: 0;}
    .feedback-form {padding: 10px;}
    .textbox-wrap .textbox {width: 100%;}
    .feedback-map {height: 300px;}
}

@media screen and (max-width: 767px) {
    .wrap {width:auto; padding: 0 15px;}
    .sidebar, .content {display: block; width: 100%;}
    .content-side .grid-products .grid-item, .grid-products .grid-item {display: block; width: 100%; max-width: none;}
    .user-data-main, .user-data-address, .user-data-main .textbox {width: 100%;}
    .user-data-address {position: static; left: 0; display: none;}
    .user-data-address.visible {display: block;}
}


@media (min-width: 768px) {
    .vc_cart {right: 15px; bottom: 20px; width: 440px;}
    .vc_cart.vc_right_side {top: 0; right: 0; bottom: auto; height: 100vh; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 0; box-shadow: -2px 0 4px rgba(0,0,0,.2);}
    .vc_cart.vc_right_side.vc_hidden {right: -360px; width: 360px; box-shadow: none;}
    .vc_cart.vc_right_side .vc_header {font-size: 0; position: fixed; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -60px; padding: 0; background: url('images/cart-w.svg') no-repeat 15px 24px #f99500; background-size: 30px auto; box-shadow: inset -3px 0 3px rgba(0,0,0,.1); border-radius: 3px 0 0 3px; right: 440px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
    .vc_cart.vc_right_side.vc_hidden .vc_header {right: 0;}
    .vc_cart.vc_right_side .vc_header i {font-size: 14px; line-height: 24px; position: absolute; width: 24px; height: 24px; margin: 4px 0 0 19px; text-align: center; color: #fff; border-radius: 15px;}
    .vc_cart.vc_right_side .vc_header .close {display: none;}
    .vc_cart.vc_right_side .vc_body, .vc_cart.vc_right_side  .vc_form {border-top: 0;}
    .vc_body td:first-child {
        width: 60px !important;
    }
    .vc_body td:first-child img {
        width: 100% !important;
    }
}


@media screen and (min-width: 1280px) {
    .grid-products .grid-item {width: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%;}
    .content-side .grid-products .grid-item {-webkit-flex-basis: 33.3333333%;flex-basis: 33.3333333%; width: 33.3333333%; max-width: 33.3333333%;}
}

@media screen and (min-width: 1366px) {
    .wrap {width: 1280px;}
}
@media screen and (min-width: 1500px) {
    .wrap {width: 1326px;}
    .content-side .grid-products .grid-item {-webkit-flex-basis: 25%;flex-basis: 25%; width: 25%; max-width: 25%;}
    .grid-products .grid-item {width: 20%; -webkit-flex-basis: 20%; flex-basis: 20%; max-width: 20%}
}