/* Start:/bitrix/templates/zabros/css/main.min.css?1755762861283405*/
@charset "UTF-8";
blockquote,
dfn {
    font-style: italic
}

.letter-group .items ul li,
.main-menu > ul > li .sub-menu > ul > li .categories > ul > li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

.basket-table .order-header:after,
.breadcrumbs:after,
.catalog-filter .drop-filter-wrap:after,
.catalog-item .catalog-item-footer:after,
.catalog:after,
.clearfix:after,
.compare-page .compare-block:after,
.compare-page .compare-page-bottom-header:after,
.compare-page .compare-page-top-header:after,
.contacts-cols:after,
.content-cols:after,
.form-wrap .form-cols:after,
.letter-group:after,
.news-item-inner:after,
.news-item:after,
.offer-item-inner .offer-cols:after,
.order-block:after,
.page-footer .footer-cols:after,
.page-header .header-inner:after,
.product-gallery-in-window .product-buy-line:after,
.product-gallery-in-window:after,
.product-page .product-cols:after,
.promotion:after,
.registration-block:after,
.review-form .form-wrap .form-row:after,
.ui-helper-clearfix:after,
.user-reviews .user-reviews-header:after,
.user-reviews-list .review-header:after,
.window .basket-table .basket-table-footer:after,
.window .login-form .row:after,
.window .login-form:after,
.wrap:after {
    clear: both
}

.fancybox-nav,
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,
form {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

img,
legend {
    border: 0
}

b,
optgroup,
strong {
    font-weight: 700
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    padding: 0
}

td,
th {
    padding: 0
}

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background: #fff;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    cursor: pointer;
    z-index: 8040;
    position: absolute
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    /* background: url(/bitrix/templates/zabros/css/fancybox_loading.gif) center center no-repeat */
}

.fancybox-close {
    top: 8px;
    right: 8px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -177px -82px;
    width: 14px;
    height: 14px
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(/bitrix/templates/zabros/css/blank.gif)
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px
}

.fancybox-next span,
.fancybox-next span:hover,
.fancybox-prev span,
.fancybox-prev span:hover {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 19px;
    height: 33px
}

.fancybox-prev span {
    left: -40px;
    background-position: -330px -37px
}

.fancybox-prev span:hover {
    background-position: -330px -75px
}

.fancybox-next span {
    right: -40px;
    background-position: -330px -113px
}

.fancybox-next span:hover {
    background-position: -330px -151px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock,
.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, .5)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-zfix,
.ui-widget-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x #eee;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x #f6a828;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x #f6f6f6;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x #fdf5ce;
    font-weight: 700;
    color: #c77405
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
    font-weight: 700;
    color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x #ffe45c;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% #b81900;
    color: #fff
}

.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(/bitrix/templates/zabros/css/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/bitrix/templates/zabros/css/images/ui-icons_ffffff_256x240.png)
}

.ui-state-active .ui-icon,
.ui-state-default .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(/bitrix/templates/zabros/css/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/bitrix/templates/zabros/css/images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/bitrix/templates/zabros/css/images/ui-icons_ffd27a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: url(/bitrix/templates/zabros/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% #666;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: url(/bitrix/templates/zabros/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x #000;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.bx-wrapper {
    padding: 0
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/bitrix/templates/zabros/css/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(/bitrix/templates/zabros/css/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(/bitrix/templates/zabros/css/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, .75);
    width: 100%
}

blockquote,
ol li {
    position: relative
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif
}

fieldset,
hr {
    border: 0;
    padding: 0
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    background: #fff
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    box-sizing: content-box;
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    margin: 0
}

blockquote,
table {
    border-radius: 3px
}

textarea {
    resize: vertical;
    min-height: 130px
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

blockquote,
h2,
h3,
h4,
h5,
h6,
ol,
ul {
    margin: 15px 0
}

body,
table th {
    color: #2b3d4f
}

table td,
table th {
    padding: 10px 15px
}

body {
    font-size: 15px;
    line-height: 1.5;
    min-width: 320px
}

@media (max-width: 480px) {
    body {
        font-size: 12px
    }
}

a {
    color: #3598d9;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

h1 {
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: 700
}

@media (max-width: 768px) {
    h1 {
        font-size: 27px
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 22px
    }
}

h2 {
    font-size: 26px;
    font-weight: 700
}

@media (max-width: 768px) {
    h2 {
        font-size: 23px
    }
}

@media (max-width: 480px) {
    h2 {
        font-size: 18px
    }
}

h3 {
    font-size: 20px;
    font-weight: 700
}

@media (max-width: 768px) {
    h3 {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    h3 {
        font-size: 16px
    }
}

h4,
h5,
h6 {
    font-size: 14px;
    font-weight: 700
}

@media (max-width: 480px) {
    h4,
    h5,
    h6 {
        font-size: 13px
    }
}

ul {
    list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAECAYAAABLLYUHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpi1Lb172ZgYEgF4jmMQM5/BihgFpPX+ACkFYC4lfH/f7gEA0CAAQDtJwjvLIGhjgAAAABJRU5ErkJggg==);
    padding: 0 0 0 44px
}

ol {
    counter-reset: ls;
    padding: 0 0 0 30px
}

ol li {
    list-style: none;
    padding: 0 0 0 24px;
}

ol li ul li {
    list-style: inherit;
    padding: 0 0 0 6px;
}

ol li ul li:before {
    content: none;

}

ol li:before {
    counter-increment: ls;
    content: counter(ls) ".";
    margin-right: 3px;
    position: absolute;
    left: 0;
    top: 0
}

blockquote:after,
blockquote:before {
    content: '';
    top: 20px;
    position: absolute
}

img {
    max-width: 100%
}

img[align=left] {
    float: left;
    margin: 0 20px 9px 0;
    max-width: 45%
}

img[align=right] {
    float: right;
    margin: 0 0 9px 20px;
    max-width: 45%
}

p {
    margin: 0 0 1em
}

blockquote {
    padding: 20px 60px 20px 80px;
    color: #626c76;
    background: #f3f5f7
}

blockquote:before {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 -287px;
    width: 32px;
    height: 30px;
    left: 15px
}

blockquote:after {
    width: 1px;
    background: #dbdfe3;
    left: 63px;
    bottom: 20px
}

blockquote .info {
    color: #2b3d4f;
    margin: 5px 0 0;
    font-style: normal
}

blockquote .info .name {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px 0;
    max-width: 100%;
    min-width: 70%
}

table th {
    font-weight: 700;
    text-align: left;
    font-size: 14px;
    background: #e9edf0;
    border: 1px solid #e9edf0
}

@media (max-width: 680px) {
    table th {
        padding: 5px 10px
    }
}

table td {
    background: #fff
}

@media (max-width: 480px) {
    table th {
        font-size: 8px;
        padding: 2px 5px
    }
    table td {
        font-size: 9px;
        padding: 2px 5px
    }
}

table tr > td:first-child {
    border-left: 1px solid #e1e8ec
}

table tr > td:last-child {
    border-right: 1px solid #e1e8ec
}

table tr:nth-child(odd) td {
    background: #f5f7f9
}

table tr:last-child td {
    border-bottom: 1px solid #e1e8ec
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=number],
input[type=search],
textarea {
    border: 1px solid #cfdde2;
    background: #fff;
    border-radius: 2px;
    padding: 8px 10px;
    line-height: 1;
    box-sizing: border-box;
    width: 100%;
    outline: 0 !important
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
    border-color: #38b44a
}

input[type=color].bad,
input[type=color].error,
input[type=date].bad,
input[type=date].error,
input[type=datetime].bad,
input[type=datetime].error,
input[type=datetime-local].bad,
input[type=datetime-local].error,
input[type=email].bad,
input[type=email].error,
input[type=month].bad,
input[type=month].error,
input[type=password].bad,
input[type=password].error,
input[type=tel].bad,
input[type=tel].error,
input[type=text].bad,
input[type=text].error,
input[type=time].bad,
input[type=time].error,
input[type=url].bad,
input[type=url].error,
input[type=week].bad,
input[type=week].error,
input[type=number].bad,
input[type=number].error,
input[type=search].bad,
input[type=search].error,
textarea.bad,
textarea.error {
    border-color: #b43841
}

.btn,
.btn_subscribe_url,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    display: inline-block;
    border: 0;
    line-height: 1;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    background: #38b44a;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    outline: 0 !important;
    max-width: 100%
}

.btn.cancel,
.btn_subscribe_url.cancel,
button.cancel,
input[type=button].cancel,
input[type=reset].cancel,
input[type=submit].cancel {
    background: #3598d9;
    border-color: #3598d9
}

.btn.cancel:hover,
.btn_subscribe_url.cancel:hover,
button.cancel:hover,
input[type=button].cancel:hover,
input[type=reset].cancel:hover,
input[type=submit].cancel:hover {
    border-color: #166ea7;
    background: #166ea7
}

.btn.clear,
.btn_subscribe_url.clear,
button.clear,
input[type=button].clear,
input[type=reset].clear,
input[type=submit].clear {
    background: 0 0;
    padding: 8px 28px;
    border: 2px solid #cbd4db;
    color: #2b3d4f;
    text-transform: none
}

.btn.clear:hover,
.btn_subscribe_url.clear:hover,
button.clear:hover,
input[type=button].clear:hover,
input[type=reset].clear:hover,
input[type=submit].clear:hover {
    background: #38b44a;
    color: #fff;
    border-color: #38b44a
}

.btn.blue,
.btn_subscribe_url.blue,
button.blue,
input[type=button].blue,
input[type=reset].blue,
input[type=submit].blue {
    background: #3598d9;
    border-color: #3598d9
}

.btn.blue:hover,
.btn_subscribe_url.blue:hover,
button.blue:hover,
input[type=button].blue:hover,
input[type=reset].blue:hover,
input[type=submit].blue:hover {
    border-color: #166ea7;
    background: #166ea7
}

.section-header .emulated-next,
.section-header .emulated-prev,
.section-header .icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png)
}

.btn.big,
.btn_subscribe_url.big,
button.big,
input[type=button].big,
input[type=reset].big,
input[type=submit].big {
    font-size: 18px;
    padding: 16px 70px;
    border-radius: 25px
}

.section-header {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 0 5px;
    position: relative
}

.with-filter .section-header {
    overflow: visible
}

.section-header .emulated-nav {
    position: absolute;
    right: 0;
    bottom: -10px
}

.section-header .emulated-next,
.section-header .emulated-prev {
    border: 2px solid #cbd4db;
    text-indent: -9999px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
    cursor: pointer
}

.section-header .emulated-next:hover,
.section-header .emulated-prev:hover {
    background-color: #e2e6ea
}

@media (max-width: 480px) {
    .section-header .emulated-next,
    .section-header .emulated-prev {
        -webkit-transform: scale(.82);
        transform: scale(.82);
        margin: 0
    }
}

.section-header .emulated-prev {
    background-position: -294px -36px;
    width: 31px;
    height: 31px
}

.section-header .emulated-next {
    background-position: -294px 0;
    width: 31px;
    height: 31px
}

.section-header .icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8px;
    position: absolute;
    top: 6px;
    left: 100%;
    background-position: -221px -116px;
    width: 20px;
    height: 18px;
    -webkit-animation: rotate .7s linear;
    animation: rotate .7s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.section-header .share-block {
    float: right;
    margin: 0
}

@media (max-width: 680px) {
    .section-header {
        font-size: 18px
    }
}

.section-header .txt {
    border-bottom: 3px solid #cbd4db;
    display: inline-block;
    border-bottom-color: #3598d9
}

.section-header .txt a {
    border-bottom: 0
}

.section-header a {
    text-decoration: none;
    color: #2b3d4f;
    border-bottom: 3px solid #3598d9;
    display: inline-block;
    position: relative
}

@media (max-width: 480px) {
    .catalog-carousel-line .section-header .txt,
    .catalog-carousel-line .section-header a {
        float: none
    }
}

select {
    border: 1px solid #cfdde2;
    border-radius: 2px;
    padding: 7px;
    background: #fff
}

.date-line {
    font-size: 12px;
    color: #a2acb6;
    margin: 0 0 20px
}

figure {
    margin: 0;
    padding: 0;
    min-width: 50%
}

figure[align=left] {
    float: left;
    margin: 0 25px 5px 0
}

figure[align=right] {
    float: right;
    margin: 0 0 5px 25px
}

figure img {
    margin: 0 0 10px;
    max-width: 100%;
    width: 100%
}

figure figcaption {
    text-align: center;
    color: #aeb8bc;
    font-style: italic;
    font-size: 13px
}

.page-header {
    background: url(/bitrix/templates/zabros/css/../i/header-pattern.png) repeat-x;
    margin: 0 0 25px;
    padding: 15px 0 0
}

.page-header .header-inner {
    margin: 15px 0 15px 0
}

.page-header .header-inner .logo {
    float: left;
    margin: 0 75px 0 0
}

.page-header .user-menu {
    float: right;
    font-size: 0;
    padding: 15px 0 0
}

.page-header .user-menu .user-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 10px
}

.page-header .user-menu .user-item .user-item-menu {
    position: absolute;
    left: -9999px;
    top: 100%;
    padding: 15px 0 0;
    margin: -10px 0 0 -87px;
    opacity: 0;
    -webkit-transition: opacity .2s ease, margin-top .2s ease;
    transition: opacity .2s ease, margin-top .2s ease;
    z-index: 1111
}

.page-header .user-menu .user-item ul {
    position: relative;
    margin: 0;
    list-style: none;
    width: 175px;
    box-sizing: border-box;
    padding: 10px;
    border: 2px solid #3598d9;
    border-radius: 2px;
    background: #fff
}

.page-header .user-menu .user-item ul:after,
.page-header .user-menu .user-item ul:before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    height: 0;
    width: 0;
    content: ''
}

.page-header .user-menu .user-item ul:before {
    border-bottom: 10px solid #3598d9;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin: 0 0 0 -10px
}

.page-header .user-menu .user-item ul:after {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin: 0 0 0 -8px
}

.page-header .user-menu .user-item ul li {
    line-height: 1;
    position: relative;
    padding: 0 25px 0 0
}

.page-header .user-menu .user-item ul li .delete {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 -322px;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: -2px
}

.page-header .user-menu .user-item ul li .delete:after,
.page-header .user-menu .user-item ul li .delete:before {
    display: none
}

.page-header .user-menu .user-item ul li + li {
    margin: 13px 0 0
}

.desktop .page-header .user-menu .user-item:hover .user-item-menu,
.page-header .user-menu .user-item.active .user-item-menu {
    left: 50%;
    margin-top: 0;
    opacity: 1
}

.page-header .user-menu .user-item ul li a {
    text-indent: 0;
    border-radius: 0;
    background: 0 0;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #2b3d4f;
    box-shadow: none;
    text-decoration: none;
    line-height: 1
}

.page-header .user-menu a.basket:before,
.page-header .user-menu a.cabinet:before,
.page-header .user-menu a.comparison:before,
.page-header .user-menu a.deferred:before {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 53px;
    height: 53px
}

.desktop .page-header .user-menu .user-item:hover > a,
.page-header .user-menu .user-item.active > a,
.page-header .user-menu a:hover {
    box-shadow: inset 0 0 0 2px #3598d9
}

.page-header .user-menu .user-item ul li a:hover {
    color: #3598d9
}

.page-header .user-menu a {
    display: inline-block;
    vertical-align: top;
    width: 53px;
    height: 53px;
    background-color: #e0e6e8;
    border-radius: 50%;
    position: relative;
    -webkit-transition: box-shadow .05s ease;
    transition: box-shadow .05s ease
}

.page-header .user-menu a:before {
    content: '';
    display: inline-block
}

.page-header .user-menu a.cabinet:before {
    background-position: 0 -141px
}

.page-header .user-menu a.deferred:before {
    background-position: -196px -58px
}

.page-header .user-menu a.comparison:before {
    background-position: -58px -141px
}

.page-header .user-menu a.basket:before {
    background-position: -196px 0
}

.page-header .user-menu a.basket .counter {
    background: #4bbb5c
}

.page-header .user-menu a .counter {
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    background: #3598d9;
    border-radius: 50%;
    position: absolute;
    right: -1px;
    top: -5px;
    font-size: 11px
}

.page-header .user-menu a + a {
    margin-left: 10px
}

.page-header .phone-block {
    float: right;
    margin: 0 55px 0 0;
    text-align: right;
    padding: 25px 0 0;
    position: relative
}

.page-header .phone-block .callback-link {
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    border-bottom: 1px dotted;
    font-size: 13px
}

.page-header .phone-block .phone-wrap {
    position: relative
}

.page-header .phone-block .phone-wrap .phones-popup {
    position: absolute;
    left: -99999px;
    top: 100%;
    z-index: 14;
    background: #f4f6f8;
    padding: 10px 20px;
    border: 2px solid #3598d9;
    border-radius: 2px;
    box-sizing: border-box;
    width: 210px;
    opacity: 0;
    margin: -10px 0 0 -105px;
    -webkit-transition: opacity .2s ease, margin-top .2s ease;
    transition: opacity .2s ease, margin-top .2s ease
}

.page-header .phone-block .phone-wrap .phones-popup ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-header .phone-block .phone-wrap .phones-popup ul li {
    font-size: 16px
}

.page-header .phone-block .phone-wrap .phones-popup ul li img {
    vertical-align: middle;
    margin-right: 15px
}

.page-header .phone-block .phone-wrap .phones-popup ul li:nth-child(3) img {
    margin-left: -10px
}

.page-header .phone-block .phone-wrap.opened .phones-popup {
    opacity: 1;
    left: 50%;
    margin-top: 0
}

.page-header .phone-block .phone-wrap.opened .phone:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-header .phone-block .phone {
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    position: relative;
    cursor: pointer
}

.page-header .phone-block .phone > div {
    display: inline
}

@-webkit-keyframes "hvr-wobble-vertical" {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    70% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    80% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    90% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes "hvr-wobble-vertical" {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    70% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    80% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    90% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.page-header .phone-block .phone:after {
    content: '';
    background: #e0e6e8 url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -327px -303px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 3px 0 0 5px;
    padding: 2px;
    border-radius: 100%;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.page-header .phone-block .phone:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -226px -287px;
    width: 21px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

.page-header .phone-block .phone .hl {
    color: #aeb8bc
}

.page-header .search-block {
    float: left;
    position: relative;
    width: 365px;
    margin: 20px 0 0
}

.page-header .search-block input[type=text] {
    border: 1px solid #c4d1d6;
    border-radius: 20px;
    padding: 10px 40px 10px 20px;
    width: 100%;
    font-size: 12px
}

.page-header .search-block input[type=submit] {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -108px -322px;
    width: 15px;
    height: 16px;
    position: absolute;
    padding: 0;
    text-indent: -9999px;
    border-radius: 0;
    background-color: transparent;
    right: 17px;
    top: 50%;
    margin: -8px 0 0
}

.page-header.menu-shown .main-slider {
    position: relative
}

.page-header.menu-shown .main-slider:after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 11
}

.main-menu {
    padding: 10px 0 3px;
    border-bottom: 1px solid #d6dadc;
    position: relative
}

.main-menu:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: #3598d9;
    border-radius: 2px
}

.main-menu .toggle-icon {
    display: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -254px -225px;
    width: 26px;
    height: 17px;
    position: absolute;
    left: 1px;
    top: 50%;
    margin: -8px 0 0
}

.main-menu .mobile-header {
    display: none
}

.main-menu > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.main-menu > ul > li {
    display: inline-block;
    position: relative
}

.main-menu > ul > li .sub-menu {
    position: absolute;
    left: -99999px;
    opacity: 0;
    margin: -2px 0 0 -150px;
    top: 100%;
    z-index: 10;
    background: #fff;
    padding: 7px 0;
    border: 2px solid #3598d9;
    border-radius: 2px;
    text-align: left;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.main-menu > ul > li .sub-menu > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 295px;
    position: relative
}

.main-menu > ul > li .sub-menu > ul > li {
    padding: 0 7px
}

.main-menu > ul > li .sub-menu > ul > li .categories {
    position: absolute;
    left: -9999px;
    opacity: 0;
    top: -9px;
    margin: 0;
    background: #fff;
    padding: 8px 12px 6px;
    border: 2px solid #3598d9;
    border-radius: 2px;
    min-height: 100%
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > ul > li + li > a,
.main-menu > ul > li .sub-menu > ul > li + li > a {
    border-top: 1px solid #e1e8ec
}

.main-menu > ul > li .sub-menu > ul > li .categories ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul {
    width: 245px
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul.columns2 {
    -webkit-columns: 2 40px;
    -moz-columns: 2 40px;
    columns: 2 40px;
    width: 560px
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > a {
    font-size: 14px;
    text-decoration: none;
    color: #2b3d4f;
    display: block;
    line-height: 1;
    padding: 10px 5px;
    border-bottom: 1px solid #e1e8ec
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > a:hover {
    background: #eaeff3;
    color: #3598d9
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li:last-child > a {
    border-bottom: 0
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > ul {
    margin: 0 0 0 10px
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > ul > li > a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #2b3d4f;
    line-height: 1;
    padding: 8px 2px
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > ul > li > a:hover {
    background: #eaeff3;
    color: #3598d9
}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > ul > li > a:before {
    content: '• '
}

.main-menu > ul > li .sub-menu > ul > li > a {
    display: block;
    font-size: 14px;
    color: #2b3d4f;
    text-decoration: none;
    line-height: 1;
    padding: 10px 25px 10px 10px;
    position: relative
}

.main-menu > ul > li .sub-menu > ul > li > a:after {
    content: '';
    display: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -183px -59px;
    width: 8px;
    height: 12px;
    position: absolute;
    right: 13px;
    top: 50%;
    margin: -6px 0 0
}

.desktop .main-menu > ul > li .sub-menu > ul > li:hover > a {
    background: #eaeff3;
    color: #3598d9
}

.desktop .main-menu > ul > li .sub-menu > ul > li:hover > a:after {
    display: block
}

.desktop .main-menu > ul > li .sub-menu > ul > li:hover .categories {
    left: 100%;
    opacity: 1
}

.desktop .main-menu > ul > li .sub-menu > ul > li:hover:before {
    content: '';
    width: 4px;
    background: #fff;
    top: -7px;
    bottom: -7px;
    left: 100%;
    position: absolute;
    z-index: 12
}

.desktop .main-menu > ul > li .sub-menu > ul > li:hover:after {
    content: '';
    width: 1px;
    background: #e1e8ec;
    top: -7px;
    bottom: -7px;
    left: 100%;
    position: absolute;
    z-index: 13;
    margin: 0 0 0 1px
}

.main-menu > ul > li > a .icon.main-menu-icon1,
.main-menu > ul > li > a .icon.main-menu-icon2,
.main-menu > ul > li > a .icon.main-menu-icon3,
.main-menu > ul > li > a .icon.main-menu-icon4,
.main-menu > ul > li > a .icon.main-menu-icon5,
.main-menu > ul > li > a .icon.main-menu-icon6 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 32px;
    height: 32px
}

.main-menu > ul > li > a {
    display: block;
    font-size: 14px;
    color: #2b3d4f;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.6;
    padding: 3px 25px 3px 57px;
    border-radius: 20px;
    position: relative;
}

.main-menu > ul > li > a .icon {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    margin: 0;
    left: 20px;
}

.main-menu > ul > li > a .icon.main-menu-icon1 {
    background-position: -254px -188px
}

.main-menu > ul > li > a .icon.main-menu-icon2 {
    background-position: -37px -250px
}

.main-menu > ul > li > a .icon.main-menu-icon3 {
    background-position: -111px -250px
}

.main-menu > ul > li > a .icon.main-menu-icon4 {
    background-position: -185px -250px
}

.main-menu > ul > li > a .icon.main-menu-icon5 {
    background-position: -254px -40px
}

.main-menu > ul > li > a .icon.main-menu-icon6 {
    background-position: -254px -114px
}

.main-menu > ul > li + li {
    margin-left: 26px
}

.main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li > a,
.main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li > a,
.main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li > a {
    padding: 10px 10px 10px 25px
}

.main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li > a:after,
.main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li > a:after,
.main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li > a:after {
    right: auto;
    left: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.desktop .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li:hover .categories,
.desktop .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li:hover:after,
.desktop .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li:hover:before,
.desktop .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li:hover .categories,
.desktop .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li:hover:after,
.desktop .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li:hover:before,
.desktop .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li:hover .categories,
.desktop .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li:hover:after,
.desktop .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li:hover:before {
    left: auto;
    right: 100%
}

.desktop .main-menu > ul > li:first-child:hover .sub-menu {
    margin-left: 0;
    left: -5px
}

.desktop .main-menu > ul > li:last-child:hover .sub-menu {
    margin-left: 0;
    left: auto;
    right: 0
}

.desktop .main-menu > ul > li:hover > a {
    position: relative;
    color: #fff;
    background: #3598d9
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon1 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -254px -151px;
    width: 32px;
    height: 32px
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon2 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 -250px;
    width: 32px;
    height: 32px
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon3 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -74px -250px;
    width: 32px;
    height: 32px
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon4 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -148px -250px;
    width: 32px;
    height: 32px
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon5 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -222px -250px;
    width: 32px;
    height: 32px
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon6 {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -254px -77px;
    width: 32px;
    height: 32px
}

.desktop .main-menu > ul > li:hover > a:after {
    content: '';
    height: 0;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #3598d9;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 11
}

.desktop .main-menu > ul > li:hover .sub-menu {
    opacity: 1;
    left: 50%
}

.breadcrumbs {
    padding: 13px 0;
    font-size: 12px
}

.breadcrumbs .wrap {
    padding: 0
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumbs ul li {
    display: inline
}

.breadcrumbs ul li a {
    color: #8994a0
}

.breadcrumbs ul li + li:before {
    content: '';
    display: inline-block;
    margin: 0 8px 0 9px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -354px -37px;
    width: 4px;
    height: 6px
}

.page-content {
    margin: 0 0 25px;
    min-height: 500px;
    position: relative
}

.page-footer {
    background: #23313f;
    padding: 25px 0 20px
}

.page-footer .social-icons .icon.icon-fb,
.page-footer .social-icons .icon.icon-gp,
.page-footer .social-icons .icon.icon-in,
.page-footer .social-icons .icon.icon-instagram,
.page-footer .social-icons .icon.icon-odnoklasniki,
.page-footer .social-icons .icon.icon-pinterest,
.page-footer .social-icons .icon.icon-tw,
.page-footer .social-icons .icon.icon-vk,
.page-footer .social-icons .icon.icon-youtube {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    height: 30px
}

.page-footer .footer-cols .col {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 0 3% 0 0
}

.page-footer .copyright {
    font-size: 12px;
    color: #8c9cac
}

.page-footer .copyright img {
    display: block;
    margin: 0 0 15px
}

.page-footer .footer-header {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px;
    text-transform: uppercase
}

.page-footer .footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.page-footer .footer-nav ul li {
    margin: 0 0 5px
}

.page-footer .footer-nav ul li a {
    font-size: 15px;
    color: #8c9cac;
    text-decoration: none
}

.page-footer .footer-nav ul li a:hover {
    color: #fff;
    text-decoration: underline
}

.catalog-item .buy-btn,
.catalog-item .catalog-item-link,
.news-block .news-block-item a {
    text-decoration: none
}

.page-footer .social-icons {
    margin: 0 0 15px;
    font-size: 0
}

.page-footer .social-icons .icon {
    width: 30px;
    height: 30px;
    background-color: #405468;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px 5px 0
}

.page-footer .social-icons .icon.icon-fb {
    background-position: -259px -250px;
    width: 30px
}

.page-footer .social-icons .icon.icon-vk {
    background-position: -72px -287px;
    width: 30px
}

.page-footer .social-icons .icon.icon-tw {
    background-position: -294px -72px;
    width: 30px
}

.page-footer .social-icons .icon.icon-gp {
    background-position: -294px -247px;
    width: 30px
}

.page-footer .social-icons .icon.icon-in {
    background-position: -294px -212px;
    width: 30px
}

.page-footer .social-icons .icon.icon-instagram {
    background-position: -107px -287px;
    width: 30px
}

.page-footer .social-icons .icon.icon-youtube {
    background-position: -294px -177px;
    width: 30px
}

.page-footer .social-icons .icon.icon-pinterest {
    background-position: -294px -107px;
    width: 30px
}

.page-footer .social-icons .icon.icon-odnoklasniki {
    background-position: -294px -142px;
    width: 30px
}

.page-footer .social-icons .icon:hover {
    background-color: #3598d9
}

.page-footer .phones {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-align: right;
    display: inline-block
}

.page-footer .phones .phone {
    margin: 0 0 5px
}

.page-footer .phones .phone img {
    margin: 0 15px 0 0
}

.page-footer .phones .phone .hl {
    color: #a5b1bc
}

.catalog-carousel-line {
    margin: 0 0 20px;
    padding: 0 0 15px
}

.catalog-carousel-line .section-header {
    padding-right: 100px
}

.catalog-carousel-line.gray {
    background: #f3f5f7;
    padding: 20px 0
}

.main-slider .owl-next,
.main-slider .owl-next:hover,
.main-slider .owl-prev,
.main-slider .owl-prev:hover {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 35px;
    height: 35px
}

.catalog-carousel-line.with-filter .catalog-carousel .owl-next,
.catalog-carousel-line.with-filter .catalog-carousel .owl-prev {
    margin-bottom: 66px
}

@media screen and (max-width: 480px) {
    .catalog-carousel-line.with-filter .catalog-carousel .owl-next,
    .catalog-carousel-line.with-filter .catalog-carousel .owl-prev {
        margin-bottom: 113px
    }
    .catalog-carousel-line .carousel-filter {
        padding-right: 50px
    }
    .catalog-carousel-line .carousel-filter .item {
        padding: 7px 11px;
        margin-bottom: 5px
    }
    .catalog-carousel-line .carousel-filter .all-link {
        margin-left: 4px
    }
}

.main-slider {
    margin: 20px 0 0;
    position: relative
}

.main-slider .owl-next,
.main-slider .owl-prev {
    position: absolute;
    top: 50%;
    margin: -17px 0 0;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 50%;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.main-slider .owl-next:hover,
.main-slider .owl-prev:hover {
    background-color: #fff
}

.main-slider .owl-prev {
    left: 11px;
    background-position: -254px 0
}

.main-slider .owl-prev:hover {
    background-position: -211px -199px
}

.main-slider .owl-next {
    right: 11px;
    background-position: -171px -199px
}

.main-slider .owl-next:hover {
    background-position: -131px -199px
}

.main-slider .owl-dots {
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px
}

.main-slider .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 1px
}

.main-slider .owl-dots .owl-dot.active {
    border-color: #38b44a;
    background: #38b44a
}

.main-slider .item {
    border-radius: 2px;
    position: relative
}

.main-slider .item .overlay {
    position: absolute;
    left: 53%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2b3d4f;
    box-sizing: border-box;
    right: 0;
    padding: 0 140px 0 0
}

.catalog-item,
.main-slider .item img {
    -webkit-transform: translate3d(0, 0, 0)
}

.main-slider .item .overlay .text {
    font-size: 16px
}

.main-slider .item .overlay .text .hdr {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 10px
}

.main-slider .item .overlay .product {
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative
}

.main-slider .item .overlay .product:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    background: #2b3d4f;
    width: 290px;
    max-width: 100%;
    right: 0
}

.main-slider .item .overlay .product .name {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 20px
}

.main-slider .item .overlay .product .more {
    display: inline-block;
    color: #2b3d4f;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 40px 10px 20px;
    border: 2px solid #2b3d4f;
    border-radius: 20px;
    line-height: 1;
    position: relative
}

.main-slider .item .overlay .product .more:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -318px -287px;
    width: 6px;
    height: 9px;
    margin: -5px 0 0
}

.main-slider .item img {
    transform: translate3d(0, 0, 0)
}

.news-block {
    margin: 0 0 10px
}

.news-block ul {
    margin: 0 0 0 -2%;
    padding: 0;
    list-style: none;
    font-size: 0
}

.news-block ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    width: 23%;
    margin: 0 0 2% 2%
}

.news-block .news-block-item .img {
    display: block;
    margin: 0 0 5px
}

.news-block .news-block-item .name {
    color: #2b3d4f;
    font-weight: 700;
    display: block;
    margin: 0 0 5px
}

.news-block .news-block-item .date {
    color: #999fa5
}

.seo-text {
    color: #7a828a;
    margin: 0 0 10px
}

.seo-text h2,
.seo-text h3,
.seo-text h4,
.seo-text h5,
.seo-text h6 {
    color: #2b3d4f;
    margin: 15px 0
}

.seo-text p {
    margin: 0 0 10px
}

.seo-text h1 {
    font-size: 20px;
    font-weight: 700;
    color: #2b3d4f;
    margin: 0 0 20px
}

.seo-text h1 .txt {
    border-bottom: 3px solid #cbd4db
}

.catalog {
    margin: 0 0 35px
}

.catalog ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.catalog-item {
    min-height: 330px;
    transform: translate3d(0, 0, 0);
    position: relative
}

.catalog-item .catalog-item-logo {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 1
}

.catalog-item .remove-item {
    position: absolute;
    right: 8px;
    top: 6px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -177px -101px;
    width: 11px;
    height: 11px;
    z-index: 2
}

.catalog-item .count {
    display: block;
    margin: 5px 0 0
}

.catalog-item .catalog-item-inner {
    border-radius: 3px;
    padding: 15px;
    margin: 2px;
    background: #fff;
    position: relative;
    box-shadow: inset 0 0 0 1px #e1e8ec
}

.catalog-item .img {
    display: block;
    margin: 0 0 10px;
    text-align: center;
    height: 195px;
    line-height: 195px
}

.catalog-item .buy-btn,
.catalog-item .price {
    font-size: 13px;
    font-weight: 700;
    line-height: 1
}

.catalog-item .img img {
    max-height: 195px;
    width: auto !important;
    height: auto !important;
    display: inline !important
}

.catalog-item .name {
    font-size: 13px;
    color: #2b3d4f;
    font-weight: 700;
    display: block;
    height: 57px;
    overflow: hidden
}

.catalog-item .catalog-item-footer {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #e8ebec
}

.catalog-item .buy-btn {
    float: right;
    color: #2b3d4f;
    padding: 7px 15px 6px;
    text-transform: uppercase;
    border: 2px solid #cbd4db;
    border-radius: 15px
}

.catalog-item .buy-btn:hover {
    color: #fff;
    border-color: #38b44a;
    background: #38b44a
}

.catalog-item .buy-btn.btn_subscribe,
.catalog-item .buy-btn.btn_subscribe_url {
    padding: 7px 3px 6px
}

.catalog-item .buy-btn.btn_subscribe:hover,
.catalog-item .buy-btn.btn_subscribe_url:hover {
    border-color: #3598d9;
    background: #3598d9
}

.catalog-item .price {
    float: left;
    color: #3598d9;
    max-width: 25px;
    white-space: nowrap
}

.catalog-item .rating,
.window .basket-table .basket-table-footer .confirm-order-btn {
    float: right
}

.catalog-item .price .old-price {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #aeb8bc;
    text-decoration: line-through;
    margin: 0 0 4px;
    min-height: 10px
}

.catalog-item .price .old-price + .current-price {
    margin-top: 0
}

.catalog-item .price .current-price {
    display: block;
    margin: 15px 0 0
}

@media (max-width: 480px) {
    .catalog-item .price .current-price {
        margin-top: 8px
    }
}

.catalog-item .price span {
    font-size: 15px;
    white-space: nowrap
}

.catalog-item .catalog-item-hidden {
    display: none;
    overflow: hidden;
    padding: 10px 0 0
}

.catalog-item .rating .stars {
    font-size: 0;
    margin: 0 0 3px
}

.catalog-item .rating .stars img {
    display: inline;
    width: auto !important
}

.catalog-item .rating .link {
    font-size: 12px;
    color: #2b3d4f;
    text-decoration: none;
    border-bottom: 1px dotted
}

.catalog-item .avalibility {
    font-size: 12px
}

.catalog-item .avalibility .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px
}

.catalog-item .avalibility .ok-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -128px -322px;
    width: 11px;
    height: 10px;
    position: relative;
    top: -1px
}

.desktop .catalog-item:hover {
    z-index: 100
}

.desktop .catalog-item:hover .remove-item {
    top: 8px
}

.desktop .catalog-item:hover .catalog-item-inner {
    border: 2px solid #38b44a;
    margin: 0;
    box-shadow: none
}

.desktop .catalog-item:hover .catalog-item-hidden {
    display: block
}

@media (max-width: 480px) {
    .catalog-item .catalog-item-logo img {
        height: 24px
    }
}

.catalog-inner-carousel {
    margin: 0 0 50px
}

.catalog-carousel .owl-dots,
.catalog-inner-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    text-align: center;
    margin: 10px 0 0
}

.catalog-carousel .owl-dots .owl-dot,
.catalog-inner-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #ccd5dc;
    margin: 0 1px
}

.catalog-carousel .owl-dots .owl-dot.active,
.catalog-inner-carousel .owl-dots .owl-dot.active {
    background: #38b44a;
    border-color: #38b44a
}

@media (max-width: 480px) {
    .catalog-carousel .owl-dots,
    .catalog-inner-carousel .owl-dots {
        top: auto;
        bottom: 0
    }
}

.catalog-carousel .owl-next,
.catalog-carousel .owl-prev,
.catalog-inner-carousel .owl-next,
.catalog-inner-carousel .owl-prev {
    position: absolute;
    bottom: 100%;
    right: 0;
    border: 2px solid #cbd4db;
    text-indent: -9999px;
    border-radius: 50%;
    margin: 0 0 15px
}

.window .message,
.window .mf-ok-text {
    font-weight: 400;
    text-align: center;
    margin: 10px 0;
    color: #2b3d4f
}

.catalog-carousel .owl-next:hover,
.catalog-carousel .owl-prev:hover,
.catalog-inner-carousel .owl-next:hover,
.catalog-inner-carousel .owl-prev:hover {
    background-color: #e2e6ea
}

.catalog-carousel .owl-prev,
.catalog-inner-carousel .owl-prev {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -294px -36px;
    width: 31px;
    height: 31px;
    right: 40px
}

.catalog-carousel .owl-next,
.catalog-inner-carousel .owl-next {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -294px 0;
    width: 31px;
    height: 31px
}

.catalog-carousel .owl-item img,
.catalog-inner-carousel .owl-item img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.catalog-carousel .owl-carousel,
.catalog-inner-carousel .owl-carousel {
    height: 340px
}

.catalog-carousel .owl-stage-outer.hover,
.catalog-inner-carousel .owl-stage-outer.hover {
    height: 400px;
    z-index: 100
}

.window {
    display: none;
    border-radius: 2px
}

.window .callback-form {
    padding: 0;
    max-width: 240px
}

.window .mf-ok-text {
    min-width: 290px;
    background: 0 0;
    padding: 0
}

.window .review-form {
    width: 620px
}

@media (max-width: 730px) {
    .window .review-form {
        width: 460px
    }
}

@media (max-width: 500px) {
    .window .review-form {
        width: 280px
    }
}

.window .message {
    line-height: 1.3
}

@media screen and (max-width: 480px) {
    .window .review-form {
        padding: 10px;
        width: 260px
    }
    .window .review-form .buttons .btn {
        margin-bottom: 10px
    }
}

.window#basket-window .window-content,
.window#empty-basket-window .window-content {
    padding: 0
}

.window .basket-table {
    width: 800px
}

.window .basket-table table {
    border: 0;
    margin: 0
}

.window .basket-table table tfoot tr:last-child > td {
    border-top: 0
}

.window .basket-table table tfoot td.summary {
    padding-right: 55px
}

.window .basket-table .basket-table-footer {
    padding: 0 20px 20px;
    text-align: left
}

.window .basket-table .basket-table-footer .btn {
    padding: 10px 35px;
    font-size: 14px
}

.window .basket-table .basket-table-footer .btn.clear:hover {
    border-color: #3598d9;
    background: #3598d9
}

@media screen and (max-width: 860px) {
    .window .basket-table {
        width: 695px
    }
}

@media screen and (max-width: 730px) {
    .window .basket-table {
        width: 500px
    }
}

@media screen and (max-width: 540px) {
    .window .basket-table {
        width: 300px
    }
    .window .basket-table table tbody tr td.price {
        float: right;
        margin: 5px 0 0
    }
    .window .basket-table table tbody tr td.name {
        font-size: 12px;
        margin-bottom: 17px
    }
    .window .basket-table table tfoot tr td {
        vertical-align: middle
    }
    .window .basket-table table tfoot tr.summary-row {
        margin: 0 0 20px;
        text-align: right
    }
    .window .basket-table table tfoot tr.summary-row .price,
    .window .basket-table table tfoot tr.summary-row .summary {
        padding: 5px 10px
    }
    .window .basket-table table tfoot tr.summary-row .summary {
        text-align: left;
        vertical-align: middle;
        float: left;
        margin-left: 96px;
        padding-left: 0;
        width: 40px;
        margin-top: 7px;
        padding-right: 0
    }
    .window .basket-table table tfoot tr.summary-row .price {
        padding-right: 0;
        padding-left: 0
    }
    .window .basket-table .basket-table-footer {
        text-align: center
    }
    .window .basket-table .basket-table-footer .confirm-order-btn {
        float: none;
        margin: 0 0 10px;
        width: 224px
    }
}

@media screen and (max-width: 380px) {
    .window .basket-table {
        width: 270px
    }
}

.window.align-left .window-header {
    padding: 15px 40px;
    text-align: left
}

.window.align-left .window-content {
    padding: 20px 40px
}

.window .text-scroller-wrap {
    width: 540px;
    position: relative
}

.window .text-scroller-wrap .scrollbar {
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    width: 8px;
    background: #e1e8ec;
    border-radius: 2px
}

.window .text-scroller-wrap .scrollbar .handle {
    position: relative;
    background: #92a5b8;
    border-radius: 2px
}

.window .text-scroller-wrap .text-scroller {
    height: 300px;
    overflow: auto
}

@media screen and (max-width: 640px) {
    .window .text-scroller-wrap {
        width: 360px
    }
}

@media screen and (max-width: 460px) {
    .window .text-scroller-wrap {
        width: 220px
    }
}

@media screen and (min-width: 1000px) {
    .window .text-scroller-wrap {
        width: 900px
    }
    .window .text-scroller-wrap .text-scroller {
        height: 500px
    }
}

.window .close-window {
    display: inline-block;
    margin: 10px 0 0
}

.window .gratitude-message {
    width: 280px;
    text-align: center;
    padding: 20px 80px;
    font-size: 18px
}

.window .login-form {
    width: 560px;
    font-size: 13px
}

.window .login-form .password-reminder-link {
    float: right;
    font-size: 12px;
    text-decoration: none
}

.window .login-form .registration-offer {
    font-size: 13px;
    color: #777e86
}

.window .login-form .registration-offer .row-buttons {
    margin: 29px 0 0
}

.window .login-form .registration-offer .hdr {
    color: #515961;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px
}

.window .login-form .open-id {
    padding: 0 0 10px;
    margin: 0 0 15px;
    border-bottom: 1px solid #dee7eb
}

.window .login-form .row-buttons {
    text-align: center
}

.window .login-form .remember-password {
    float: left
}

.window .login-form .remember-password input[type=checkbox] {
    position: absolute;
    left: -99999px
}

.window .login-form .remember-password input[type=checkbox] + label {
    cursor: pointer;
    font-size: 12px;
    color: #2b3d4f;
    font-weight: 400
}

.window .login-form .remember-password input[type=checkbox] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    box-shadow: inset 0 0 0 1px #cfdde2;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    top: -1px
}

.window .login-form .remember-password input[type=checkbox]:checked + label:before {
    background-color: #38b44a;
    box-shadow: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -137px -59px;
    width: 18px;
    height: 18px
}

.window .login-form .col1,
.window .login-form .col2 {
    float: left;
    width: 280px;
    box-sizing: border-box;
    padding: 20px
}

.window .login-form .col1 {
    border-radius: 0 0 0 2px
}

.window .login-form .col2 {
    background: #f4f6f8;
    border-radius: 0 0 2px
}

.window .login-form .text {
    font-size: 13px;
    color: #777e86;
    padding: 0 35px 10px 0;
    margin: 0 0 10px;
    border-bottom: 1px solid #e9f0f2
}

.window .login-form .row {
    margin: 0 0 10px
}

.window .login-form .row label {
    display: block;
    font-weight: 700;
    font-size: 13px;
    margin: 0 0 5px
}

@media (max-width: 600px) {
    .window .login-form {
        width: 280px
    }
    .window .login-form .col1,
    .window .login-form .col2 {
        width: 100%
    }
}

.window-header {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    padding: 15px;
    background: #3598d9;
    border-radius: 2px 2px 0 0
}

.window-content {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0 0 2px 2px
}

.window-content.no-padding {
    padding: 0
}

.fancybox-gal .fancybox-skin,
.fancybox-popup .fancybox-skin {
    background: 0 0
}

.content-cols .content-part {
    margin: 0 0 0 250px
}

.content-cols .sidebar {
    width: 225px;
    float: left
}

.catalog-filter {
    background: #f4f6f8;
    border-radius: 2px
}

.catalog-filter .catalog-filter-header {
    display: none
}

.catalog-filter .catalog-filter-selected .drop-selected-filters {
    text-decoration: none;
    border-bottom: 1px dotted
}

.catalog-filter .catalog-filter-selected .group-name {
    font-weight: 700;
    margin: 0
}

.catalog-filter .catalog-filter-selected ul {
    margin: 0 0 7px;
    padding: 0;
    list-style: none
}

.catalog-filter .catalog-filter-selected ul li {
    margin: 0 0 3px
}

.catalog-filter .catalog-filter-selected ul li a {
    text-decoration: none;
    color: #65686b
}

.catalog-filter .catalog-filter-selected ul .delete-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 -322px;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px
}

.catalog-filter .catalog-filter-selected-header {
    font-weight: 700;
    line-height: 1;
    padding: 13px 15px;
    border-bottom: 1px solid #cfdde2;
    font-size: 14px
}

.catalog-filter .catalog-filter-selected-content {
    padding: 8px 15px;
    border-bottom: 1px solid #cfdde2
}

.catalog-filter .show-more {
    text-decoration: none;
    border-bottom: 1px dotted;
    display: inline-block;
    line-height: 1
}

.catalog-filter .show-more.show {
    font-size: 0
}

.catalog-filter .show-more.show:before {
    content: attr(data-show);
    font-size: 15px
}

.catalog-filter .filter-options {
    margin: 0;
    padding: 0;
    list-style: none
}

.catalog-filter .filter-options li {
    margin: 5px 0;
    position: relative
}

.catalog-filter .filter-options li label {
    cursor: pointer;
    display: inline-block;
    padding-left: 25px
}

.catalog-filter .filter-options li label .num {
    color: #9fa1a3
}

.catalog-filter .filter-options li input[type=checkbox]:disabled + label,
.catalog-filter .filter-options li input[type=checkbox]:disabled + label .num {
    color: #b7b9ba
}

.catalog-filter .filter-options li input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.catalog-filter .filter-options li input[type=checkbox] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    box-shadow: inset 0 0 0 1px #cfdde2;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: -2px
}

.catalog-filter .filter-options li input[type=checkbox]:checked + label:before {
    background-color: #38b44a;
    box-shadow: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -137px -59px;
    width: 18px;
    height: 18px
}

.catalog-filter .filter-options li input[type=checkbox]:disabled + label:before {
    background-color: transparent
}

.catalog-filter .filter-options li.show {
    display: block !important
}

.catalog-filter .drop-filter-wrap {
    padding: 15px;
    text-align: center
}

.catalog-filter .drop-filter-wrap .drop-filter-link {
    text-decoration: none;
    border-bottom: 1px dotted;
    display: inline-block;
    margin: 0 0 10px;
    float: left
}

.catalog-filter .price-line input[type=text] {
    width: 68px;
    padding: 7px 10px;
    margin: 0 3px
}

.catalog-filter .apply-all-filter,
.catalog-filter .catalog-filter-group .apply-filter {
    font-size: 13px;
    padding: 8px 20px;
    text-transform: none
}

.catalog-filter .catalog-filter-group {
    position: relative
}

.catalog-filter .catalog-filter-group .apply-filter {
    position: absolute;
    left: 100%;
    margin: -15px 0 0 10px;
    top: 50%;
    font-weight: 400;
    z-index: 300
}

.catalog-filter .catalog-filter-group .apply-filter:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    height: 0;
    width: 0;
    border-bottom: 3px solid transparent;
    border-right: 6px solid #4bbb5c;
    border-top: 3px solid transparent;
    margin: -3px 0 0
}

@media screen and (max-width: 760px) {
    .catalog-filter .catalog-filter-group .apply-filter {
        left: auto;
        right: 7px
    }
}

.catalog-filter .catalog-filter-group-trigger {
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 25px 13px 15px;
    border-bottom: 1px solid #cfdde2;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    position: relative
}

.catalog-filter .catalog-filter-group-trigger:after {
    content: '';
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #3598d9;
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -2px 0 0
}

.catalog-filter .catalog-filter-group-trigger:hover {
    background: #dde4eb
}

.catalog-filter .catalog-filter-group-content {
    padding: 15px;
    border-bottom: 1px solid #cfdde2;
    display: none;
    position: relative
}

.catalog-filter .catalog-filter-group-content .bx-filter-popup-result {
    display: inline !important
}

.catalog-filter .catalog-filter-group.active .catalog-filter-group-trigger:after {
    border: 0;
    height: 0;
    width: 0;
    border-bottom: 5px solid #3598d9;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin: -3px 0 0
}

.catalog-filter .catalog-filter-group.active .catalog-filter-group-content {
    display: block
}

.catalog-list {
    margin: 0 0 10px
}

.catalog-list > ul {
    margin: 0 0 0 -2%;
    padding: 0;
    list-style: none;
    font-size: 0
}

.catalog-list > ul > li {
    display: inline-block;
    width: 23%;
    height: 330px;
    font-size: 13px;
    margin: 0 0 2% 2%;
    vertical-align: top
}

.catalog-list.full-width > ul > li {
    width: 18%
}

.catalog-header {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
    border-top: 2px solid #dbe7eb;
    border-bottom: 2px solid #dbe7eb;
    padding: 7px 0
}

.catalog-header label {
    vertical-align: middle;
    font-weight: 700;
    margin-right: 5px
}

.catalog-header .catalog-view-change {
    float: right;
    margin: 0 0 0 30px
}

.catalog-header .catalog-view-change .icon {
    display: inline-block;
    vertical-align: middle
}

.catalog-header .catalog-view-change .icon.catalog-cards-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px -189px;
    width: 25px;
    height: 25px
}

.catalog-header .catalog-view-change .icon.catalog-list-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px -279px;
    width: 25px;
    height: 25px
}

.catalog-header .catalog-view-change a {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 1px solid #cfdde2;
    border-radius: 2px;
    padding: 4px
}

.catalog-header .catalog-view-change a.active .icon {
    display: inline-block;
    vertical-align: middle
}

.catalog-header .catalog-size .short,
.catalog-header .catalog-sort .short {
    display: none
}

.catalog-header .catalog-view-change a.active .icon.catalog-cards-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px -219px;
    width: 25px;
    height: 25px
}

.catalog-header .catalog-view-change a.active .icon.catalog-list-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px -249px;
    width: 25px;
    height: 25px
}

.catalog-header .catalog-view-change a + a {
    margin: 0 0 0 5px
}

.catalog-header .catalog-size {
    float: right
}

.catalog-header .catalog-sort {
    float: left
}

.catalog-header .catalog-sort select {
    white-space: nowrap
}

.catalog-load-more-wrap {
    text-align: center;
    margin: 0 0 20px
}

.catalog-load-more-wrap .load-more-btn {
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    color: #2b3d4f;
    text-transform: uppercase;
    background: #e2e6ea;
    border-radius: 25px;
    padding: 18px 20px;
    line-height: 1
}

.catalog-load-more-wrap .load-more-btn .icon {
    display: inline-block;
    vertical-align: middle;
    margin: -7px 0 0 15px;
    position: relative;
    top: 2px
}

.catalog-load-more-wrap .load-more-btn .icon.load-more-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -221px -116px;
    width: 20px;
    height: 18px
}

.catalog-load-more-wrap .load-more-btn:hover {
    background: #c6cbcf
}

.catalog-load-more-wrap .load-more-btn.active .icon {
    -webkit-animation: rotate .7s linear;
    animation: rotate .7s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes "rotate" {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes "rotate" {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.pagination {
    text-align: center;
    margin: 0 0 30px
}

.pagination .btn {
    font-size: 13px
}

.pagination .btn:hover {
    border-color: #cbd4db;
    background-color: #cbd4db;
    color: #2b3d4f
}

.pagination ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    padding: 0;
    list-style: none
}

.pagination ul li {
    float: left;
    font-weight: 700;
    font-size: 13px;
    line-height: 30px
}

.pagination ul li + li {
    margin: 0 0 0 5px
}

.pagination ul li a {
    color: #2b3d4f;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 31px;
    font-weight: 700;
    border: 2px solid #cbd4db;
    border-radius: 50%;
    background: #fff;
    text-decoration: none
}

.pagination ul li a:hover {
    background: #cbd4db
}

.pagination ul li.active a {
    background: #4bbb5c;
    border-color: #4bbb5c;
    color: #fff
}

.letters-nav {
    margin: 0 0 25px;
    background: #fff
}

.letters-nav ul {
    margin: 0 0 0 -6px;
    padding: 0;
    list-style: none;
    font-size: 0
}

.letters-nav ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 6px 6px
}

.letters-nav ul li a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 2px solid #cbd4db;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2b3d4f;
    display: block;
    text-decoration: none
}

.letters-nav ul li a:hover {
    border-color: #4bbb5c
}

.letter-group {
    padding: 30px 0;
    border-top: 1px solid #e5e9ed
}

.letter-group-header {
    float: left;
    width: 130px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1
}

.letter-group .items {
    overflow: hidden
}

.letter-group .items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-columns: 5 20px;
    -moz-columns: 5 20px;
    columns: 5 20px
}

.letter-group .items ul li a {
    text-decoration: none
}

.letter-group .items ul li a:hover {
    text-decoration: underline
}

.categories-list {
    margin: 0 0 20px
}

.categories-list .category-name {
    margin: 0 0 15px;
    font-size: 18px;
    line-height: 1
}

.categories-list .category-name a {
    text-decoration: none
}

.categories-list .category-name a:hover {
    text-decoration: underline
}

.categories-list > ul {
    margin: 0 0 0 -2.333%;
    padding: 0;
    list-style: none;
    font-size: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-content: stretch
}

.categories-list > ul > li {
    display: inline-block;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    padding: 18px 20px;
    box-sizing: border-box;
    width: 31%;
    font-size: 13px;
    vertical-align: top;
    margin: 0 0 2.333% 2.333%;
    webkit-box-ordinal-group: 1;
    -webkit-box-ordinal-group: 1;
    order: 0;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    align-self: auto
}

.categories-list > ul > li:hover {
    border-color: #4bbb5c;
    box-shadow: 0 0 0 1px #4bbb5c
}

.categories-list .img-wrap {
    float: left;
    padding: 5px;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    background-size: auto;
    width: 140px;
    text-align: center;
    margin: 0 20px 0 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: none
}

.categories-list .img-wrap img {
    max-height: 120px
}

.categories-list .over {
    overflow: hidden;
    padding: 0 0 1px 160px;
    position: relative;
    min-height: 140px
}

.categories-list .over > ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.categories-list .over > ul > li {
    margin: -1px 0
}

.categories-list .over > ul > li:first-child .img-wrap,
.categories-list .over > ul > li:hover .img-wrap {
    z-index: 2;
    display: block
}

.categories-list .over > ul > li > a {
    display: block;
    border-top: 1px solid #d8dfe6;
    border-bottom: 1px solid #d8dfe6;
    color: #2b3d4f;
    text-decoration: none;
    line-height: 1;
    padding: 10px;
    position: relative
}

.categories-list .over > ul > li > a:hover {
    z-index: 1;
    color: #3598d9;
    background: #eaeff3;
    border-bottom-color: #eaeff3;
    border-top-color: #eaeff3
}

.categories-list .over > ul:hover li:first-child .img-wrap {
    z-index: 1;
    display: none
}

.categories-list .over > ul:hover li:first-child:hover .img-wrap {
    z-index: 2;
    display: block
}

.sub-categories-list {
    margin: 0 0 20px
}

.sub-categories-list ul {
    margin: 0 0 0 -2%;
    padding: 0;
    list-style: none;
    font-size: 0
}

.sub-categories-list ul li {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    margin: 0 0 2% 2%
}

.sub-categories-list .sub-category-item {
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    overflow: hidden;
    background: #eaeff3
}

.sub-categories-list .sub-category-item a {
    text-decoration: none;
    color: #2b3d4f
}

.sub-categories-list .sub-category-item .img-wrap {
    display: block;
    background: #fff;
    padding: 10px
}

.sub-categories-list .sub-category-item .img-wrap img {
    max-width: 100%
}

.sub-categories-list .sub-category-item .name {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    display: table-cell;
    width: 9999px;
    height: 55px;
    vertical-align: middle
}

.sub-categories-list .sub-category-item:hover {
    border-color: #4bbb5c;
    box-shadow: 0 0 0 1px #4bbb5c
}

.promotion {
    margin: 0 0 20px;
    padding: 10px 0;
    border-top: 1px solid #e94545;
    border-bottom: 1px solid #e94545;
    position: relative
}

.promotion .promotion-counter {
    float: right;
    padding: 10px 0 0 20px;
    border-left: 1px solid #e5e8eb;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -18px 0 0
}

.promotion-header {
    float: left;
    font-size: 18px;
    color: #e94545;
    padding: 15px;
    border: 2px solid #e94545;
    border-radius: 3px;
    line-height: 1;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -26px 0 0
}

.promotion-content {
    padding: 0 260px 0 20px;
    border-left: 1px solid #e5e8eb;
    overflow: hidden;
    margin: 5px 0 0 110px
}

.promotion-content .name {
    font-weight: 700;
    font-size: 13px
}

.promotion-content .more {
    text-decoration: none;
    border-bottom: 1px dotted;
    font-size: 12px
}

@media screen and (max-width: 740px) {
    .promotion {
        padding-left: 85px;
        position: relative
    }
    .promotion .promotion-header {
        font-size: 15px;
        padding: 10px;
        position: absolute;
        left: 0;
        top: 50%
    }
    .promotion .promotion-counter {
        float: none;
        margin: 0;
        padding-top: 20px;
        padding-left: 10px;
        border-left: 1px solid #e6e7eb;
        position: relative;
        white-space: nowrap
    }
    .promotion .promotion-counter h5 {
        top: 0
    }
    .promotion .promotion-counter:before {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        margin-right: 0
    }
    .promotion .promotion-content {
        padding-left: 10px;
        border-left: 1px solid #e6e7eb;
        font-size: 12px;
        margin-top: 0;
        padding-bottom: 10px;
        padding-right: 0;
        margin-left: 0
    }
}

.product-page h1 {
    overflow: hidden
}

.brand-breadcrumbs {
    position: relative;
    margin-top: -19px
}

.brand-breadcrumbs a {
    color: #8994a0;
    font-size: 12px;
    padding: 3px 0;
    display: inline-block
}

.brand-breadcrumbs a:before {
    content: '';
    display: inline-block;
    margin: 0 11px 0 9px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -354px -37px;
    width: 4px;
    height: 6px
}

.brand-breadcrumbs a:first-child:before {
    content: none
}

.product-page h1 .code {
    float: right;
    font-size: 13px;
    color: #879296;
    font-weight: 400;
    margin: 15px -140px 0 0;
    position: relative;
    right: 140px
}

.product-page h1 #product_name {
    float: left;
    padding: 0 140px 0 0;
    width: 100%;
    box-sizing: border-box
}

.product-page .product-cols {
    margin: 0 0 25px;
    position: relative
}

.product-page .product-cols .col {
    float: left;
    width: 53%;
    min-height: 1px
}

.product-page .product-cols .col.preloader:before {
    content: '';
    background: url(data:image/gif;base64,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) no-repeat;
    width: 60px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 25%;
    margin: -37px 0 0 -30px
}

.product-page .product-cols .col + .col {
    width: 45%;
    margin-left: 2%
}

@media screen and (max-width: 1240px) {
    .product-page .product-cols .col {
        width: 46%
    }
    .product-page .product-cols .col + .col {
        width: 52%
    }
}

@media screen and (max-width: 1010px) {
    .product-page .product-cols .col {
        width: 100%;
        float: none
    }
    .product-page .product-cols .col.preloader {
        min-height: 65px;
        position: relative
    }
    пг .product-page .product-cols .col.preloader:before {
        left: 50%
    }
    .product-page .product-cols .col + .col {
        width: 100%;
        margin: 40px 0 0
    }
    .product-page .product-cols .col.preloader:before {
        content: '';
        background: url(data:image/gif;base64,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) no-repeat;
        width: 60px;
        height: 64px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -37px 0 0 -30px
    }
}

.product-page .product-buy-line {
    padding: 20px 0 0;
    border-top: 1px solid #e5e8eb;
    border-bottom: 1px solid #e5e8eb
}

.product-page .product-buy-line .price {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 20px 0;
    line-height: 1
}

.product-page .product-buy-line .price .old-price {
    display: block;
    font-size: 16px;
    color: #879296;
    text-decoration: line-through
}

.product-page .product-buy-line .price .old-price + .current-price {
    margin-top: 0
}

.product-page .product-buy-line .price .current-price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #3598d9;
    max-width: 170px;
    margin: 15px 0 0;
    width: 155px;
    white-space: nowrap
}

.current-price .price-value {
    font-size: 36px
}

@media (max-width: 380px) {
    .product-page .product-buy-line .price .current-price {
        width: 140px
    }
}

.product-page .product-buy-line .price .current-price span {
    font-size: 36px
}

.product-page .product-buy-line .btn-wrap {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 20px 0
}

.product-page .product-buy-line .btn-wrap .btn {
    font-size: 17px;
    padding: 16px 50px;
    border-radius: 25px
}

.product-page .product-buy-line .product-links {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 1px solid #e5e8eb
}

.product-page .product-buy-line .product-links a.to-favorite:before,
.product-page .product-buy-line .product-links a.to-postpone:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 23px;
    height: 23px;
    margin: 0 10px 0 0
}

.product-page .product-buy-line .product-links a {
    font-size: 13px;
    text-decoration: none;
    color: #2b3d4f
}

.product-page .product-buy-line .product-links a .txt {
    border-bottom: 1px dotted
}

.product-page .product-buy-line .product-links a.to-postpone:before {
    background-position: -142px -287px
}

.product-page .product-buy-line .product-links a.to-favorite:before {
    background-position: -170px -287px
}

@media (max-width: 480px) {
    .product-page .product-buy-line .product-links a.to-favorite {
        display: none
    }
}

.product-page .product-buy-line.not-avalible .price .current-price {
    color: #a7adb4;
    margin: 5px 0 0;
    width: 155px
}

.product-page .product-buy-line.not-avalible .buy-btn {
    background: #dadee2;
    font-size: 13px;
    color: #2b3d4f;
    padding: 12px 25px;
    box-sizing: border-box;
    width: 180px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2
}

.product-page .product-buy-line.not-avalible .buy-btn:hover {
    color: #fff;
    background: #3598d9
}

@media screen and (max-width: 480px) {
    .product-page .product-buy-line .btn-wrap {
        float: right;
        margin-right: 0;
        margin-top: 5px
    }
    .product-page .product-buy-line .btn-wrap .btn {
        padding: 12px 36px
    }
    .product-page .product-buy-line.not-avalible .btn-wrap .btn {
        padding: 7px 12px;
        font-size: 11px;
        width: auto
    }
}

.product-page .status-line .avalible:before,
.product-page .status-line .last-items:before,
.product-page .status-line .not-avalible:before {
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 17px;
    height: 17px;
    position: relative;
    content: ''
}

.product-page .status-line {
    margin: 0 0 10px;
    font-size: 13px
}

.product-page .status-line .price-single {
    display: inline-block;
    color: #869195
}

.product-page .status-line .price-single span {
    font-weight: 700;
    color: #3598d9
}

.product-page .status-line .avalible {
    color: #4bbb5c;
    display: inline-block;
    margin: 0 10px 0 0
}

.product-page .status-line .avalible:before {
    margin: 0 10px 0 0;
    background-position: -22px -322px
}

.product-page .status-line .not-avalible {
    color: #e94646;
    display: inline-block;
    margin: 0 10px 0 0
}

.product-page .status-line .not-avalible:before {
    margin: 0 10px 0 0;
    background-position: -252px -287px
}

.product-page .status-line .last-items {
    color: #f89901;
    display: inline-block;
    margin: 0 10px 0 0
}

.product-page .status-line .last-items:before {
    margin: 0 10px 0 0;
    background-position: -100px -59px
}

@media screen and (max-width: 480px) {
    .product-page .status-line {
        margin-bottom: 5px
    }
    .product-page .status-line .avalible,
    .product-page .status-line .last-items,
    .product-page .status-line .not-avalible {
        display: block;
        padding: 0 0 5px;
        margin: 0 0 5px;
        border-bottom: 1px solid #e6e7e9
    }
}

.product-page .product-options {
    padding: 20px;
    background: #f4f6f8;
    border-radius: 3px;
    margin: 0 0 10px
}

.product-page .product-options .options-row {
    margin: 0 0 10px
}

.product-page .product-options .options-row .hdr {
    font-weight: 700;
    margin: 0 0 3px;
    font-size: 14px
}

.product-page .product-options .options-row .colors,
.product-page .product-options .options-row .options-list {
    font-size: 0
}

.product-page .product-options .options-row .colors .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 0;
    border: 1px solid #e1e8ec;
    background: #fff;
    padding: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.product-page .product-options .options-row .colors .item.bx_missing img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    position: relative;
}

.product-page .product-options .options-row .colors .item.bx_missing:after {
    content: '';
    position: absolute;
    left: -35px;
    top: -1px;
    width: 200%;
    transform: rotateZ(225deg) translateY(-50%) translateX(-50%);
    height: 2px;
    background-color: #e94646;
}

.product-page .product-options .options-row .colors .item.bx_missing:before {
    content: '';
    position: absolute;
    right: -37px;
    top: -1px;
    width: 200%;
    transform: rotateZ(315deg) translateY(-50%) translateX(-50%);
    height: 2px;
    background-color: #e94646;
    z-index: 5;
}

/*.product-page .product-options .options-row .colors .item.bx_missing:after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    height: 2px;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background-color: gray;*/
/*}*/

.product-page .product-options .options-row .colors .item img {
    border-radius: 2px
}

.product-page .product-options .options-row .colors .item.active {
    border-color: #3598d9;
    box-shadow: 0 0 0 1px #3598d9
}

.product-page .product-options .options-row .colors .item.bx_missing {
    position: relative;
    cursor: default
}

/*.product-page .product-options .options-row .colors .item.bx_missing:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    right: 2px;*/
/*    top: 2px;*/
/*    bottom: 2px;*/
/*    left: 2px;*/
/*    background: #ddd;*/
/*    opacity: .8*/
/*}*/

.product-page .product-options .options-row .options-list .item {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 4px 0;
    line-height: 1;
    background: #fff;
    border: 1px solid #e1e8ec;
    border-radius: 2px;
    padding: 8px;
    font-size: 13px;
    color: #2b3d4f;
    text-decoration: none;
    min-width: 32px;
    text-align: center
}

.product-page .product-options .options-row .options-list .item.active {
    border-color: #3598d9;
    box-shadow: 0 0 0 1px #3598d9
}

.product-page .product-options .options-row .options-list .item.bx_missing {
    background: rgba(170, 170, 170, .4);
    text-decoration: none !important;
    border-color: #ededed
}

.product-page .product-info {
    padding: 15px 0 0;
    margin: 0 0 15px;
    border-bottom: 1px solid #e5e8eb;
    text-align: center
}

.product-page .product-info .info-link {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #2b3d4f;
    line-height: 1;
    margin: 0 12% 5% 0;
    font-size: 13px;
    text-align: center;
    vertical-align: top
}

.product-page .product-info .info-link:last-child {
    margin-right: 0px
}

.product-page .product-info .info-link .icon {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 5px 0 0;
    background-color: #f4f6f8;
    border-radius: 50%
}

.product-page .product-info .info-link .icon.product-size-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -137px 0;
    width: 54px;
    height: 54px
}

.product-page .product-info .info-link .icon.product-shipping-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 -82px;
    width: 54px;
    height: 54px
}

.product-page .product-info .info-link .icon.product-payment-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -59px -82px;
    width: 54px;
    height: 54px
}

.product-page .product-info .info-link .icon.product-garanty-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/14_png24.png);
    background-position: -70px -70px;
    width: 54px;
    height: 54px
}

.product-page .product-info .info-link .txt {
    display: block;
    width: 100%;
    max-width: 75px;
    word-wrap: break-word
}

.product-page .product-info .info-link .txt span {
    border-bottom: 1px dotted;
    display: inline-block
}

.product-page .product-gallery {
    padding: 0 0 0 105px;
    position: relative
}

.product-page .product-gallery .product-gallery-thumbs {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 94px
}

.product-page .product-gallery .product-gallery-thumbs .prev {
    position: absolute;
    right: 9px;
    bottom: 0;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    border: 2px solid #cbd4db;
    border-radius: 50%
}

.product-page .product-gallery .product-gallery-thumbs .prev:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -346px -309px;
    width: 11px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.product-page .product-gallery .product-gallery-thumbs .prev:hover {
    background: #e2e6ea
}

.product-page .product-gallery .product-gallery-thumbs .next {
    position: absolute;
    left: 9px;
    bottom: 0;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    border: 2px solid #cbd4db;
    border-radius: 50%
}

.product-page .product-gallery .product-gallery-thumbs .next:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px -309px;
    width: 11px;
    height: 7px;
    display: inline-block;
    vertical-align: middle
}

.product-page .product-gallery .product-gallery-thumbs .next:hover {
    background: #e2e6ea
}

.product-page .product-gallery .product-gallery-thumbs .thumbs-slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 94px;
    bottom: 42px;
    overflow: hidden
}

.product-page .product-gallery .product-gallery-thumbs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-page .product-gallery .product-gallery-thumbs ul li {
    margin: 1px 1px 12px;
    border: 2px solid #e1e8ec;
    border-radius: 3px;
    overflow: hidden
}

.product-page .product-gallery .product-gallery-thumbs ul li.active {
    border-color: #3598d9;
    border-radius: 3px
}

.product-page .product-gallery .product-gallery-preview {
    position: relative
}

.product-page .product-gallery .product-gallery-preview .sticker {
    position: absolute;
    left: 0;
    top: 10px
}

.product-page .product-gallery .product-gallery-preview .img {
    display: none;
    border-radius: 3px;
    border: 1px solid #e1e8ec;
    overflow: hidden
}

.product-page .product-gallery .product-gallery-preview .img.active {
    display: block
}

.product-page .product-tabs {
    position: relative;
    padding: 40px 0 0
}

.product-page .product-tabs .tab {
    border-top: 3px solid #3598d9;
    padding: 20px 0 0;
    display: none
}

.product-page .product-tabs .tab-header {
    position: absolute;
    left: 0;
    top: 0;
    background: #e9edf0;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: 12px 0;
    border-radius: 3px 3px 0 0;
    color: #2b3d4f;
    font-weight: 700;
    height: 16px;
    font-size: 15px
}

.product-page .product-tabs .tab-header.tab1 {
    width: 115px;
    left: 0
}

.product-page .product-tabs .tab-header.tab2 {
    width: 155px;
    left: 118px
}

.product-page .product-tabs .tab-header.tab3 {
    width: 80px;
    left: 276px
}

.product-page .product-tabs .tab-header.active {
    background: #3598d9;
    color: #fff
}

.product-page .product-tabs .tab-header.active + .tab {
    display: block
}

@media screen and (max-width: 1100px) {
    .product-page h1 .code {
        float: none;
        display: block;
        position: static;
        margin: 15px 0 0
    }
    .product-page h1 #product_name {
        padding: 0;
        float: none
    }
}

@media screen and (max-width: 480px) {
    .product-page .product-tabs {
        padding: 0
    }
    .product-page .product-tabs .tab-header {
        position: relative;
        width: auto !important;
        padding: 15px;
        line-height: 1;
        height: auto;
        text-align: left;
        display: block;
        border-radius: 3px;
        margin: 0 0 20px;
        top: 0 !important;
        left: 0 !important
    }
    .product-page .product-tabs .tab-header:after,
    .product-page .product-tabs .tab-header:before {
        content: '';
        position: absolute;
        background: #303c4c;
        border-radius: 2px;
        top: 50%
    }
    .product-page .product-tabs .tab-header:before {
        width: 15px;
        height: 3px;
        right: 15px;
        margin: -1px 0 0
    }
    .product-page .product-tabs .tab-header:after {
        width: 3px;
        height: 15px;
        right: 21px;
        margin: -7px 0 0
    }
    .product-page .product-tabs .tab-header.active:before {
        background: #fff
    }
    .product-page .product-tabs .tab-header.active:after {
        display: none
    }
    .product-page .product-tabs .tab {
        padding: 0;
        border: 0;
        margin: 0 0 20px
    }
    .product-page .product-buy-line .product-links {
        padding: 10px 0 0;
        margin: 0 0 10px;
        border-left: 0;
        border-top: 1px solid #e5e8eb;
        display: block;
        clear: both
    }
    .product-page .product-buy-line .product-links br {
        display: none
    }
    .product-page .product-buy-line .product-links a {
        margin-right: 25px
    }
    .product-page .product-info {
        font-size: 0;
        padding: 15px 0;
        text-align: center
    }
    .product-page .product-info .info-link {
        font-size: 12px;
        text-align: center;
        margin: 0px 10px 10px 0px
    }
    .product-page .product-info .info-link + .info-link {
        margin-left: 1%
    }
    .product-page .product-info .info-link .icon {
        display: block
    }
    .product-page .share-block {
        margin-bottom: 0
    }
    .product-page .user-reviews .user-reviews-header .add-review {
        float: none;
        margin: 14px 0 0;
        padding: 7px 15px;
        font-size: 12px
    }
    .product-page .product-gallery {
        padding-left: 0
    }
    .product-page .product-gallery .product-gallery-thumbs {
        position: relative;
        margin: 10px 0 0;
        width: auto;
        padding: 0 40px 0 0
    }
    .product-page .product-gallery .product-gallery-thumbs .prev {
        right: 0;
        bottom: 0;
        left: auto;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .product-page .product-gallery .product-gallery-thumbs .next {
        right: 0;
        top: 0;
        left: auto;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .product-page .product-gallery .product-gallery-thumbs .thumbs-slider {
        position: static;
        width: auto
    }
    .product-page .product-gallery .product-gallery-thumbs .thumbs-slider ul li {
        float: left;
        width: 80px;
        margin: 0 6px 0 0
    }
}

.news-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-list ul li {
    margin: 0 0 35px
}

.news-item .title {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.2
}

.news-item .title a {
    color: #2b3d4f;
    text-decoration: none
}

.news-item .title a:hover {
    color: #3598d9;
    text-decoration: underline
}

.news-item .date {
    font-size: 12px;
    color: #a2acb6;
    margin: 0 0 10px
}

.news-item .img-wrap {
    float: left;
    width: 230px;
    margin: 0 30px 0 0
}

.news-item .img-wrap img {
    border-radius: 2px;
    max-width: 100%
}

.news-item .over {
    overflow: hidden
}

.news-tabs {
    padding: 8px 0 1px;
    border-top: 2px solid #dbe7eb;
    border-bottom: 2px solid #dbe7eb;
    margin: 0 0 20px
}

.news-tabs ul {
    margin: 0 0 0 -7px;
    padding: 0;
    list-style: none;
    font-size: 0
}

.news-tabs ul li {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 7px 7px
}

.news-tabs ul li a {
    display: block;
    line-height: 1;
    padding: 9px 15px;
    border: 1px solid #c9d2d9;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    color: #2b3d4f;
    text-decoration: none
}

.news-tabs ul li.active a {
    background: #38b44a;
    color: #fff;
    border-color: #38b44a
}

.subscription-block {
    text-align: center;
    padding: 30px 0;
    margin: 0 0 20px;
    border-top: 2px solid #dbe7eb;
    border-bottom: 2px solid #dbe7eb
}

.subscription-block #asd_subscribe_res {
    margin: 0 auto;
    max-width: 880px;
    padding-left: 338px;
    box-sizing: border-box;
    text-align: left
}

@media (max-width: 995px) {
    .subscription-block #asd_subscribe_res {
        padding-left: 375px
    }
}

@media (max-width: 760px) {
    .subscription-block #asd_subscribe_res {
        padding-left: 0;
        text-align: center
    }
}

.subscription-block input[type=text] {
    width: 360px;
    padding: 8px 10px;
    font-size: 13px;
    margin: 0 20px
}

.subscription-block label {
    font-size: 18px
}

.subscription-block .btn {
    font-size: 13px
}

.news-item-inner {
    margin: 0 0 20px
}

.news-item-inner img {
    height: auto !important
}

.share-block {
    margin: 0 0 35px
}

.share-block a {
    border: 0 !important
}

.form-wrap .phone_block br {
    display: none !important
}

.form-wrap .select-wrap,
.form-wrap select {
    width: 100%
}

.form-wrap .address-line {
    font-size: 0
}

.form-wrap .address-line .form-row {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    font-size: 16px
}

.form-wrap .address-line .form-row.long {
    width: 46%
}

.form-wrap .address-line .form-row ~ .form-row {
    margin-left: 2%
}

.form-wrap .form-exp {
    font-size: 12px
}

.form-wrap .form-cols .col {
    width: 48%;
    float: left
}

.form-wrap .form-cols .col + .col {
    margin-left: 4%
}

.form-wrap .req {
    font-weight: 400;
    color: #38b44a
}

.form-wrap .form-row {
    margin: 0 0 10px
}

.form-wrap .form-row label {
    display: block;
    margin: 0 0 3px;
    font-weight: 700
}

.form-wrap .form-row.buttons {
    text-align: center;
    margin: 30px 0 0
}

.registration-block .registration-form-cols {
    width: 66.666%;
    float: left;
    box-sizing: border-box;
    padding: 0 50px 0 0;
    border-right: 1px solid #cfdde2;
    font-size: 13px
}

.registration-block .registration-form-cols .form-row {
    margin: 0 0 20px
}

.registration-block .registration-form-cols .form-row.buttons {
    text-align: left
}

.error404,
.lk-user {
    text-align: center
}

.registration-block .registration-form-cols .col {
    width: 48%;
    float: left
}

.registration-block .registration-form-cols .col + .col {
    margin-left: 4%
}

.registration-block .registration-open-id {
    width: 33.333%;
    text-align: center;
    float: left;
    box-sizing: border-box;
    padding: 50px 0 0
}

.registration-block .registration-open-id .hdr {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 40px
}

.registration-block .registration-open-id img {
    margin: 0 5px
}

.search-empty .text {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 10px
}

.search-empty .text .q {
    display: block;
    font-weight: 700;
    font-size: 30px
}

.error404 {
    max-width: 510px;
    margin: 0 auto;
    padding: 30px 0
}

.error404 .error-img {
    margin: 0 0 20px
}

.error404 .error-img img {
    max-width: 100%
}

.error404 .hdr {
    font-size: 24px;
    margin: 0 0 10px
}

.lk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.lk-nav ul li a {
    display: block;
    border: 1px solid #e1e8ec;
    margin: 0 0 -1px;
    line-height: 1;
    font-size: 14px;
    color: #2b3d4f;
    font-weight: 700;
    text-decoration: none;
    padding: 15px
}

.lk-nav ul li.active a {
    background: #f4f6f8;
    color: #3598d9
}

.lk-nav ul li:first-child a {
    border-radius: 3px 3px 0 0
}

.lk-nav ul li:last-child a {
    border-radius: 0 0 3px 3px
}

.subscription-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.subscription-list ul li {
    margin: 0 0 25px;
    padding: 0 0 0 30px;
    position: relative
}

.subscription-list label {
    font-size: 18px;
    cursor: pointer
}

.subscription-list .text {
    margin: 10px 0 0;
    font-size: 13px
}

.subscription-list input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.subscription-list input[type=checkbox] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    box-shadow: inset 0 0 0 1px #cfdde2;
    background-color: #fff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 3px
}

.subscription-list input[type=checkbox]:checked + label:before {
    background-color: #38b44a;
    box-shadow: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -137px -59px;
    width: 18px;
    height: 18px
}

.subscription-list input[type=submit] {
    background: #3598d9;
    border-color: #3598d9
}

.subscription-list input[type=submit]:hover {
    border-color: #166ea7;
    background: #166ea7
}

.reviews-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.reviews-list ul li {
    margin: 0 0 50px;
    padding: 45px 0 0;
    position: relative;
    overflow: hidden
}

.reviews-list .date {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #a2acb6
}

.reviews-list .rating {
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 0
}

.reviews-list .img-wrap {
    float: left;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 25px 0 0
}

.reviews-list .title {
    overflow: hidden;
    font-weight: 700;
    font-size: 26px;
    margin: 0 0 20px;
    line-height: 1.1
}

.reviews-list .title a {
    color: #2b3d4f;
    text-decoration: none
}

.reviews-list .title a:hover {
    color: #3598d9;
    text-decoration: underline
}

.reviews-list .text {
    overflow: hidden
}

.reviews-list .text .more {
    display: inline-block;
    margin: 25px 0 0
}

.catalog-selected {
    margin: 0 0 15px
}

.catalog-selected .hl {
    color: #38b44a;
    font-weight: 700
}

.lk-user table {
    min-width: 0;
    text-align: left
}

.lk-user table td {
    border: 0 !important;
    background: 0 0 !important;
    padding: 9px 10px 10px 0;
    font-size: 13px
}

.lk-user .edit-link {
    margin: 0 0 0 20px;
    position: relative
}

.lk-user .edit-link:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -66px -322px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -20px;
    top: -1px
}

.catalog-list-hirizontal > ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.catalog-list-hirizontal > ul > li {
    margin: 0 0 15px
}

.catalog-item-horizontal {
    border-radius: 3px;
    border: 1px solid #e1e8ec;
    padding: 20px;
    overflow: hidden;
    position: relative
}

.catalog-item-horizontal .img-wrap {
    float: left;
    width: 205px;
    margin: 0 20px 0 0;
    text-align: center
}

.catalog-item-horizontal .title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 5px
}

.catalog-item-horizontal .title a {
    color: #2b3d4f;
    text-decoration: none
}

.catalog-item-horizontal .title a:hover {
    text-decoration: underline
}

.catalog-item-horizontal .catalog-item-logo {
    position: absolute;
    left: 0;
    top: 10px
}

.catalog-item-horizontal .rating {
    display: inline-block
}

.catalog-item-horizontal .rating .stars {
    font-size: 0;
    display: inline;
    vertical-align: middle;
    margin: 0 10px 3px 0
}

.catalog-item-horizontal .rating .stars img {
    display: inline;
    width: auto !important;
    vertical-align: middle
}

.catalog-item-horizontal .rating .link {
    font-size: 12px;
    color: #2b3d4f;
    text-decoration: none;
    border-bottom: 1px dotted
}

.catalog-item-horizontal .text {
    margin: 15px 0 0
}

.catalog-item-horizontal .avalibility {
    font-size: 12px;
    display: inline;
    margin: 0 25px 0 0
}

.catalog-item-horizontal .avalibility.not-avalible {
    color: #aeb8bc
}

.catalog-item-horizontal .avalibility .count {
    display: inline;
    margin: 0 0 0 10px
}

.catalog-item-horizontal .avalibility .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -1px
}

.catalog-item-horizontal .avalibility .ok-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -128px -322px;
    width: 11px;
    height: 10px
}

.catalog-item-horizontal .avalibility .not-icon {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -177px -117px;
    width: 11px;
    height: 11px;
    margin-right: 8px;
    top: 0
}

.catalog-item-horizontal .buy-btn.btn_subscribe:hover,
.catalog-item-horizontal .buy-btn.btn_subscribe_url:hover,
.catalog-item-horizontal.not-avalible .buy-btn:hover {
    border-color: #3598d9;
    background: #3598d9
}

.catalog-item-horizontal .over {
    padding: 0 180px 0 0;
    position: relative;
    margin: 0 0 0 225px
}

.catalog-item-horizontal .buy-btn {
    font-size: 13px;
    text-transform: uppercase;
    padding: 8px 15px
}

.catalog-item-horizontal.not-avalible .buy-btn {
    text-transform: none;
    text-align: center
}

@media screen and (max-width: 480px) {
    .catalog-item-horizontal.not-avalible .buy-btn {
        margin: -10px 0 0
    }
}

.catalog-item-horizontal .price {
    font-size: 18px;
    color: #3598d9;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 10px
}

@media screen and (max-width: 480px) {
    .catalog-item-horizontal .price {
        margin-right: 0 !important
    }
}

.catalog-item-horizontal .price.preorder-price {
    color: #aeb8bc
}

.catalog-item-horizontal .price.preorder-price .old-price {
    height: 29px !important
}

.catalog-item-horizontal .price span {
    font-size: 18px
}

.catalog-item-horizontal .price .old-price {
    display: block;
    font-size: 16px;
    color: #aeb8bc;
    font-weight: 400;
    text-decoration: line-through;
    height: 17px;
    min-width: 100%
}

.catalog-item-horizontal .catalog-item-horizontal-footer {
    position: absolute;
    width: 135px;
    top: 0;
    right: 0
}

.catalog-item-horizontal .offer-timer {
    background: #f4f6f8;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    padding: 10px 30px;
    margin: 10px 0;
    position: relative
}

@media screen and (max-width: 480px) {
    .catalog-item-horizontal .offer-timer {
        padding: 10px
    }
}

.catalog-item-horizontal .offer-timer h5 {
    position: absolute;
    top: -15px;
    left: 42px;
    margin: 0;
    font-size: 11px;
    width: 177px;
    color: #879296;
    font-weight: 400;
    text-align: center
}

.catalog-item-horizontal .offer-timer .offer-text {
    font-size: 13px;
    color: #e94545;
    font-weight: 700;
    margin: 10px 0 5px
}

.catalog-item-horizontal .offer-timer .more {
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted
}

.catalog-item-horizontal .offer-timer .timer-wrap {
    display: inline-block;
    position: relative;
    margin: 10px 0 0
}

.catalog-item-horizontal .offer-timer .timer {
    position: relative
}

.catalog-item-horizontal .offer-timer .timer:before {
    content: '';
    display: inline-block;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px 0;
    width: 28px;
    height: 32px;
    margin: 0 15px 0 0
}

.catalog-item-horizontal .offer-timer .timer .countdown-section,
.catalog-item-horizontal .offer-timer .timer .item {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #879296;
    text-align: center;
    line-height: 1
}

.catalog-item-horizontal .offer-timer .timer .countdown-section .countdown-amount,
.catalog-item-horizontal .offer-timer .timer .countdown-section .num,
.catalog-item-horizontal .offer-timer .timer .item .countdown-amount,
.catalog-item-horizontal .offer-timer .timer .item .num {
    display: block;
    font-size: 22px;
    color: #e94646;
    line-height: 1;
    font-weight: 700
}

.catalog-item-horizontal .offer-timer .timer .countdown-section:last-child .countdown-amount,
.catalog-item-horizontal .offer-timer .timer .countdown-section:last-child .num,
.catalog-item-horizontal .offer-timer .timer .item:last-child .countdown-amount,
.catalog-item-horizontal .offer-timer .timer .item:last-child .num {
    color: #3598d9
}

.catalog-item-horizontal .offer-timer .timer .countdown-section + .countdown-section {
    padding-left: 25px;
    position: relative
}

.catalog-item-horizontal .offer-timer .timer .countdown-section + .countdown-section:before {
    content: ':';
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 22px;
    color: #2b3d4f;
    line-height: 1;
    margin: 0 5px;
    font-weight: 700
}

.catalog-item-horizontal .offer-timer .timer .sep {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: #2b3d4f;
    line-height: 1;
    margin: 0 5px;
    font-weight: 700
}

.catalog-item-horizontal:hover {
    border-color: #38b44a;
    box-shadow: 0 0 0 2px #38b44a
}

@media screen and (max-width: 800px) {
    .catalog-item-horizontal .offer-timer {
        padding: 10px 15px
    }
    .catalog-item-horizontal .over .catalog-item-horizontal-footer .price {
        margin-right: 15px
    }
}

@media (max-width: 400px) {
    .catalog-item-horizontal .avalibility {
        margin-right: 0
    }
    .catalog-item-horizontal .rating {
        float: right
    }
}

.offer-item-inner .section-header h1 {
    display: inline
}

.offer-item-inner .section-header .share-block a {
    border-bottom: 0
}

@media (max-width: 480px) {
    .offer-item-inner .section-header .share-block {
        margin-top: 15px
    }
}

.offer-item-inner .offer-description {
    text-align: left;
    font-size: 15px
}

.offer-item-inner .offer-cols {
    position: relative;
    margin: 0 0 20px;
    font-size: 0
}

.offer-item-inner .offer-cols .col {
    float: left;
    width: 48%
}

.offer-item-inner .offer-cols .col + .col {
    margin-left: 2%
}

.offer-item-inner .offer-cols:first-child .col:first-child {
    min-height: 350px;
    text-align: center
}

@media screen and (max-width: 680px) {
    .offer-item-inner .offer-cols:first-child .col:first-child {
        min-height: 0
    }
}

.offer-item-inner .offer-cols + .offer-cols .col,
.offer-item-inner .offer-cols + .offer-cols .col + .col {
    width: auto;
    float: none;
    margin: 0
}

.offer-item-inner .offer-img {
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    height: 500px;
    line-height: 500px
}

@media (max-width: 1000px) {
    .offer-item-inner .offer-img {
        height: 300px;
        line-height: 300px
    }
}

@media (max-width: 680px) {
    .offer-item-inner .offer-img {
        height: 230px;
        line-height: 230px
    }
}

.offer-item-inner .share-block {
    text-align: right
}

.offer-item-inner .offer-text {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f3f5f7;
    border-radius: 3px
}

.offer-item-inner .offer-text .offer-text-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 95px;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}

.offer-item-inner .offer-text .offer-text-inner .hdr {
    font-size: 48px;
    color: #ff1800;
    font-weight: 700;
    line-height: 1
}

.offer-item-inner .offer-text .offer-text-inner h2 {
    margin: 0 0 35px;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.4
}

.offer-item-inner .offer-text .offer-text-inner .offer-timer .timer-hdr {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px
}

.offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .item {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #8994a0;
    line-height: 1;
    margin: 0 2px
}

.added-items .remove,
.lk-orders .open-icon:before,
.lk-orders .status:before {
    vertical-align: middle;
    display: inline-block
}

.offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section .countdown-amount,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section .num,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .item .countdown-amount,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .item .num {
    display: block;
    font-size: 48px;
    font-weight: 700;
    color: #2b3d4f;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 0;
    width: 73px;
    height: 77px;
    line-height: 77px;
    margin: 0 0 5px
}

.offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section:last-child .countdown-amount,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section:last-child .num,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .item:last-child .countdown-amount,
.offer-item-inner .offer-text .offer-text-inner .offer-timer .item:last-child .num {
    color: #3598d9
}

.payment-shipping h1 {
    margin: 0 0 35px
}

.payment-shipping .section-header {
    margin: 0 0 40px
}

.user-options-list {
    margin: 0 0 20px;
    list-style: none;
    padding: 0
}

.user-options-list li {
    margin: 0 0 40px;
    overflow: hidden
}

.user-options-list .icon-wrap {
    float: left;
    width: 120px;
    margin: 0 10px 0 0;
    text-align: center
}

.user-options-list .over {
    overflow: hidden
}

.user-options-list h3 {
    margin: 0 0 15px
}

.user-options-list a {
    text-decoration: none
}

.user-options-list a:hover {
    text-decoration: underline
}

.catalog-nav ul li a,
.lk-orders > table > thead.opened > tr > td .order-num {
    text-decoration: none
}

.contacts-map {
    margin: 0 0 20px
}

.contacts-cols .col {
    float: left;
    width: 48%
}

.contacts-cols .col + .col {
    margin-left: 4%
}

.contacts .contacts-list {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    font-size: 16px
}

.contacts .contacts-list li {
    overflow: hidden;
    margin: 0 0 40px;
    line-height: 1.62
}

.contacts .contacts-list .icon-wrap {
    float: left;
    width: 120px;
    margin: 0 10px 0 0;
    text-align: center
}

.contacts .contacts-list .over {
    overflow: hidden
}

.contacts .contacts-list .phones-table {
    margin: 0;
    min-width: 0
}

.contacts .contacts-list .phones-table td {
    padding: 3px;
    border: 0;
    background: 0 0 !important;
    font-size: 16px
}

.contacts .contacts-list .phones-table tr > td:first-child {
    text-align: center
}

.contacts .contacts-form {
    padding: 25px 60px;
    background: #f4f6f8;
    border-radius: 3px
}

.added-items .remove,
.lk-orders .open-icon:before,
.lk-orders .status.working:before {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png)
}

.contacts .contacts-form .form-wrap .form-row.buttons {
    text-align: left
}

.contacts .contacts-form .form-wrap .form-row.buttons input[type=submit] {
    font-size: 17px;
    text-transform: uppercase;
    padding: 16px 30px;
    border-radius: 25px
}

.contacts .contacts-form-header {
    font-size: 26px;
    margin: 0 0 20px;
    font-weight: 700;
    line-height: 1.1
}

.lk-profile,
.lk-profile .form-wrap .address-line .form-row {
    font-size: 13px
}

.lk-profile {
    max-width: 370px
}

.lk-profile .form-wrap .form-row.buttons {
    text-align: left;
    margin-top: 20px
}

.lk-profile h3 {
    font-size: 18px
}

.added-items {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

.added-items .remove {
    background-position: 0 -322px;
    width: 17px;
    height: 17px;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.lk-orders .count-td {
    white-space: nowrap
}

.lk-orders .name-link {
    text-decoration: none;
    color: #2b3d4f
}

.lk-orders .name-link:hover {
    color: #3598d9
}

.lk-orders .icon-wrap {
    width: 20px
}

.lk-orders .icon-wrap + td {
    padding-left: 0
}

.lk-orders .open-icon {
    border: 2px solid #cbd4db;
    width: 19px;
    height: 19px;
    border-radius: 50px;
    line-height: 19px;
    text-align: center;
    display: inline-block
}

.lk-orders .open-icon:before {
    content: '';
    background-position: -330px -309px;
    width: 11px;
    height: 7px
}

.lk-orders .status:before {
    content: '';
    position: relative;
    top: -1px;
    margin: 0 10px 0 0
}

.lk-orders .status.working:before {
    background-position: -160px -59px;
    width: 18px;
    height: 18px
}

.lk-orders .status.awaiting:before,
.lk-orders .status.canseled:before,
.lk-orders .status.done:before {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 17px;
    height: 17px
}

.lk-orders .status.awaiting:before {
    background-position: -44px -322px
}

.lk-orders .status.canseled {
    color: #7d0000
}

.lk-orders .status.canseled:before {
    background-position: -296px -287px
}

.lk-orders .status.done {
    color: #4bbb5c
}

.lk-orders .status.done:before {
    background-position: -274px -287px
}

.lk-orders .order-num {
    font-weight: 700
}

.lk-orders > table {
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    width: 100%;
    border-bottom: 0;
    border-collapse: separate
}

.lk-orders > table > thead > tr > td {
    border: 0;
    border-bottom: 1px solid #e1e8ec;
    background: #fff;
    font-size: 13px;
    cursor: pointer
}

@media screen and (max-width: 800px) {
    .lk-orders > table > thead > tr > td {
        padding: 10px 5px
    }
    .lk-orders > table > thead > tr > td.icon-wrap {
        display: none
    }
    .lk-orders > table > thead > tr > td.icon-wrap + td {
        padding-left: 15px
    }
}

@media screen and (max-width: 480px) {
    .lk-orders > table > thead > tr {
        display: block;
        border-bottom: 1px solid #e1e8ec
    }
    .lk-orders > table > thead > tr > td {
        display: block;
        text-align: center;
        border: 0;
        padding: 2px 15px
    }
    .lk-orders > table > thead > tr > td:first-child,
    .lk-orders > table > thead > tr > td:first-child + td {
        padding-top: 15px
    }
    .lk-orders > table > thead > tr > td:last-child {
        padding-bottom: 15px
    }
}

.lk-orders > table > thead.opened > tr > td {
    background: #f4f6f8
}

.lk-orders > table > thead.opened > tr > td .open-icon:before {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -346px -309px;
    width: 11px;
    height: 7px;
    position: relative;
    top: -1px
}

.lk-orders > table > thead.opened + tbody .hidden-content {
    display: block
}

.lk-orders > table > tbody > tr > td {
    padding: 0;
    border: 0;
    background: #fff
}

.lk-orders .price-line {
    white-space: nowrap
}

.lk-orders .hidden-content {
    padding: 15px 0;
    border-top: 3px solid #3598d9;
    border-bottom: 3px solid #3598d9;
    display: none
}

.lk-orders .hidden-content table {
    min-width: 0;
    margin: 0
}

.lk-orders .hidden-content .order-stats > table > tbody > tr > td {
    font-size: 13px;
    border: 0;
    background: #fff;
    padding: 0 35px 15px 0;
    vertical-align: top
}

.lk-orders .hidden-content .order-stats > table > tbody > tr > td:first-child {
    padding-left: 53px;
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .lk-orders .hidden-content .order-stats > table > tbody > tr > td:first-child {
        padding-left: 15px
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr > th {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .lk-orders .hidden-content .order-stats > table > tbody > tr > td {
        font-size: 12px;
        padding-bottom: 10px
    }
}

.lk-orders .hidden-content .order-content {
    font-size: 13px
}

.lk-orders .hidden-content .order-content > table {
    width: 100%
}

.lk-orders .hidden-content .order-content > table > tbody > tr > th {
    background: #f4f6f8;
    border: 0;
    border-top: 1px solid #e1e8ec;
    border-bottom: 1px solid #e1e8ec;
    padding: 10px
}

.lk-orders .hidden-content .order-content > table > tbody > tr > th:first-child {
    padding-left: 53px
}

@media screen and (max-width: 800px) {
    .lk-orders .hidden-content .order-content > table > tbody > tr > th:first-child {
        padding-left: 15px
    }
}

.lk-orders .hidden-content .order-content > table > tbody > tr > td {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #dde4eb;
    padding: 10px
}

.lk-orders .hidden-content .order-content > table > tbody > tr > td:first-child {
    padding-left: 53px
}

@media screen and (max-width: 800px) {
    .lk-orders .hidden-content .order-content > table > tbody > tr > td {
        border-top: 1px solid #dde4eb
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr > td:first-child {
        font-size: 0;
        width: 0;
        padding: 0
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr > td:first-child + td {
        padding-left: 15px
    }
}

.lk-orders .hidden-content .order-content > table > tbody > tr > td img {
    max-width: 42px;
    border: 1px solid #e1e8ec;
    border-radius: 2px
}

@media screen and (max-width: 480px) {
    .lk-orders .hidden-content .order-content > table > tbody > tr {
        display: block;
        position: relative;
        min-height: 82px;
        border-bottom: 1px solid #e1e8ec;
        margin: 0 10px;
        padding: 10px 0 10px 90px
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr:first-child {
        display: none
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr td {
        font-size: 12px;
        display: inline-block;
        padding: 0;
        border: 0;
        margin: 0 5px 0 0
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr td.code {
        display: none
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr td.img {
        position: absolute;
        padding: 0 !important;
        left: 0;
        top: 10px;
        border: 0
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr td.img img {
        max-width: 80px
    }
    .lk-orders .hidden-content .order-content > table > tbody > tr td.name {
        display: block;
        margin: 0 0 10px
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr,
    .lk-orders .hidden-content .order-content > table > tfoot > tr td {
        display: block
    }
}

.lk-orders .hidden-content .order-content > table > tfoot > tr > td {
    border: 0;
    background: #fff;
    padding: 4px 10px
}

.lk-orders .hidden-content .order-content > table > tfoot > tr > td.nm,
.lk-orders .hidden-content .order-content > table > tfoot > tr > td.vl {
    white-space: nowrap
}

@media screen and (max-width: 800px) {
    .lk-orders .hidden-content .order-content > table > tfoot > tr > td {
        padding: 0 10px 0 15px
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr:first-child > td:first-child {
        padding-left: 0
    }
}

.lk-orders .hidden-content .order-content > table > tfoot > tr:first-child > td {
    padding-top: 20px
}

@media screen and (max-width: 480px) {
    .lk-orders .hidden-content .order-content > table > tfoot {
        display: block;
        position: relative;
        padding: 0 0 50px
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr {
        overflow: hidden;
        display: block;
        padding: 0 10px 0 40px
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr:first-child > td {
        padding-top: 0
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr > td {
        padding: 0 0 10px;
        font-size: 12px
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr > td.nm {
        float: left
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr > td.vl {
        float: right
    }
    .lk-orders .hidden-content .order-content > table > tfoot > tr > td .btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 170px;
        margin: 0 0 0 -85px;
        padding: 10px 15px
    }
}

.basket-table .errortext {
    display: block;
    padding: 20px
}

@media screen and (max-width: 800px) {
    .basket-table {
        font-size: 14px
    }
}

.basket-table .order-header {
    line-height: 1;
    padding: 15px 20px;
    background: #e9edf0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #e1e8ec;
    border-bottom: 0
}

.basket-table .order-header + table {
    border-radius: 0 0 3px 3px
}

.basket-table .order-header + table > thead > tr > th {
    background: #f4f6f8;
    border-bottom: 1px solid #e1e8ec !important
}

.basket-table .order-header + table > tbody > tr > td:first-child + td,
.basket-table .order-header + table > thead > tr > th:first-child + th {
    padding-left: 0
}

.basket-table .order-header .hdr {
    float: left;
    font-size: 18px;
    font-weight: 700
}

.basket-table .order-header .edit {
    float: right;
    font-size: 13px
}

.basket-table .order-header .edit:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -198px -287px;
    width: 23px;
    height: 22px;
    margin: 0 10px 0 0
}

.basket-table .basket-table-footer {
    text-align: right
}

.basket-table .basket-table-footer .btn {
    font-size: 18px;
    padding: 15px 50px;
    border-radius: 25px
}

@media screen and (max-width: 540px) {
    .basket-table .basket-table-footer {
        text-align: center
    }
    .basket-table .basket-table-footer .btn {
        font-size: 13px;
        padding: 10px 15px
    }
    .basket-table table {
        display: block
    }
}

.basket-table table tfoot td.summary,
.chosen-rtl {
    text-align: right
}

.basket-table table {
    width: 100%;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    border-collapse: separate;
    margin: 0 0 20px
}

.basket-table table .price {
    font-size: 18px;
    white-space: nowrap
}

.basket-table table .count {
    font-size: 18px
}

.basket-table table .count-input {
    width: 70px;
    position: relative
}

.basket-table table .count-input .minus,
.basket-table table .count-input .plus {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 5px
}

.basket-table table .count-input .plus {
    border-bottom: 6px solid #000;
    top: 5px
}

.basket-table table .count-input .minus {
    border-top: 6px solid #000;
    bottom: 5px
}

.basket-table table .remove {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: 0 -322px;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle
}

.basket-table table thead th {
    border: 0;
    border-bottom: 1px solid #e1e8ec;
    font-size: 13px;
    color: #2b3d4f;
    padding: 8px 10px
}

.basket-table table thead tr > th:first-child,
.basket-table table thead tr > th:last-child {
    border-bottom: 0;
    padding: 0;
    width: 20px
}

.basket-table table tbody td {
    border: 0;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #e1e8ec
}

.basket-table table tbody td.name {
    max-width: 300px
}

.basket-table table tbody td.remove-wrap {
    width: 17px;
    padding-right: 0
}

.basket-table table tbody tr > td:first-child,
.basket-table table tbody tr > td:last-child {
    border-bottom: 0;
    padding: 0;
    width: 20px
}

.basket-table table tbody .img img {
    border: 1px solid #e3e9ed;
    border-radius: 3px;
    width: 90px;
}

@media screen and (max-width: 540px) {
    .basket-table table thead {
        display: none
    }
    .basket-table table tbody {
        display: block;
        font-size: 12px
    }
    .basket-table table tbody tr {
        display: block;
        position: relative;
        margin: 0 10px;
        border-bottom: 1px solid #e1e8ec;
        padding: 10px 0 10px 95px;
        min-height: 100px;
        overflow: hidden
    }
    .basket-table table tbody tr td {
        display: inline;
        border: 0;
        padding: 0
    }
    .basket-table table tbody tr td .count-input {
        display: inline-block;
        margin: 0;
        width: 55px
    }
    .basket-table table tbody tr td .count-input input[type=text] {
        font-size: 14px
    }
    .basket-table table tbody tr td.img {
        position: absolute;
        left: 0;
        top: 10px;
        width: 80px
    }
    .basket-table table tbody tr td.single-item {
        display: none
    }
    .basket-table table tbody tr td.remove-wrap {
        position: absolute;
        right: 0;
        top: 10px
    }
    .basket-table table tbody tr td.name {
        display: block;
        margin: 0 0 10px;
        padding-right: 20px
    }
}

.basket-table table tfoot td {
    background: #fff;
    padding: 1px 10px;
    border: 0;
    vertical-align: bottom;
    line-height: 1.2
}

.basket-table table tfoot td.promo-code-wrap {
    padding-left: 0
}

.basket-table table tfoot tr:first-child > td {
    padding-top: 15px
}

.basket-table table tfoot tr:first-child + tr td {
    padding-bottom: 15px
}

.basket-table table tfoot tr:last-child > td {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #e1e8ec
}

.basket-table table tfoot tr:last-child > td.price {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.basket-table table tfoot tr:last-child > td.price span {
    font-size: 24px
}

.basket-table table tfoot .promo-code label {
    margin-right: 5px
}

.basket-table table tfoot .promo-code input[type=text] {
    width: 200px;
    vertical-align: middle;
    margin-right: 5px
}

.basket-table table tfoot .promo-code .recount {
    display: inline-block
}

.basket-table table tfoot .promo-code .recount:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -87px -322px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 10px
}

.basket-table table tfoot tr > td.sep {
    border-bottom: 0;
    padding: 0;
    width: 20px
}

@media screen and (max-width: 540px) {
    .basket-table table tfoot {
        display: block
    }
    .basket-table table tfoot .promo-code {
        font-size: 12px
    }
    .basket-table table tfoot .promo-code input[type=text] {
        max-width: 40%
    }
    .basket-table table tfoot tr {
        display: block;
        padding: 0 10px
    }
    .basket-table table tfoot tr td {
        display: inline-block;
        border: 0;
        padding: 0
    }
    .basket-table table tfoot tr td.summary {
        width: 50%;
        text-align: left;
        font-size: 12px
    }
    .basket-table table tfoot tr td.promo-code-wrap {
        display: block
    }
    .basket-table table tfoot tr.summary-row {
        font-size: 0
    }
    .basket-table table tfoot tr.summary-row .sep {
        display: none
    }
    .basket-table table tfoot tr.summary-row td {
        border: 0;
        padding: 0 0 20px
    }
    .basket-table table tfoot tr.summary-row td.summary {
        font-size: 12px
    }
}

.order-block .order-block-content {
    overflow: hidden
}

.order-block .order-block-form {
    float: left;
    box-sizing: border-box;
    width: 430px;
    background: #f4f6f8;
    padding: 20px 30px;
    font-size: 13px;
    margin: 0 10px 0 0
}

.order-block .order-block-form .form-wrap .order-comment {
    margin: 0 -30px -20px
}

.order-block .order-block-form .form-wrap .order-comment-header {
    font-weight: 700;
    padding: 10px 30px;
    border-top: 1px solid #cfdde2;
    border-bottom: 1px solid #cfdde2;
    position: relative;
    cursor: pointer
}

.order-block .order-block-form .form-wrap .order-comment-header:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #38b44a;
    margin: -2px 0 0
}

.order-block .order-block-form .form-wrap .order-comment-content {
    padding: 13px 30px 10px;
    display: none
}

.order-block .order-block-form .form-wrap .order-comment-content textarea {
    height: 90px
}

.order-block .order-block-form .form-wrap .order-comment.opened .order-comment-header:after {
    border: 0;
    height: 0;
    width: 0;
    border-bottom: 5px solid #3598d9;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.order-block .order-block-form .form-wrap .order-comment.opened .order-comment-content {
    display: block
}

.order-block .order-block-form .form-wrap .options-list {
    margin: 0 0 12px;
    padding: 0;
    list-style: none
}

.order-block .order-block-form .form-wrap .options-list li {
    margin: 0 0 5px
}

.order-block .order-block-form .form-wrap .options-list .hidden-row {
    display: none;
    margin: 10px 0
}

.order-block .order-block-form .form-wrap .options-list .hidden-row .address-line .form-row {
    margin-bottom: 0;
    font-size: 13px
}

.order-block .order-block-form .form-wrap .options-list input[type=checkbox] + label,
.order-block .order-block-form .form-wrap .options-list input[type=radio] + label {
    font-size: 12px;
    color: #2b3d4f;
    font-weight: 400;
    cursor: pointer
}

.order-block .order-block-form .form-wrap .options-list input[type=radio] {
    position: absolute;
    left: -999999px
}

.order-block .order-block-form .form-wrap .options-list input[type=radio] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    box-shadow: inset 0 0 0 1px #cfdde2;
    background-color: #fff;
    position: relative;
    top: -1px
}

.order-block .order-block-form .form-wrap .options-list input[type=radio]:checked + label:before {
    background-color: #38b44a;
    box-shadow: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -137px -59px;
    width: 18px;
    height: 18px
}

.order-block .order-block-form .form-wrap .options-list input[type=radio]:checked + label + .hidden-row {
    display: block
}

.order-block .order-block-form .form-wrap .options-list input[type=checkbox] {
    position: absolute;
    left: -999999px
}

.order-block .order-block-form .form-wrap .options-list input[type=checkbox] + label:before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    box-shadow: inset 0 0 0 1px #cfdde2;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    top: -1px
}

.order-block .order-block-form .form-wrap .options-list input[type=checkbox]:checked + label:before {
    background-color: #38b44a;
    box-shadow: none;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -137px -59px;
    width: 18px;
    height: 18px
}

.order-block .order-block-form .form-wrap .options-list input[type=checkbox]:checked + label + .hidden-row {
    display: block
}

.order-block .order-block-form .form-wrap h4 {
    padding: 10px 30px;
    line-height: 1;
    margin: 0 -30px 10px;
    border-bottom: 1px solid #cfdde2
}

.order-block .order-block-form .form-wrap .form-row {
    position: relative
}

.order-block .order-block-form .form-wrap .form-row .form-exp,
.order-block .order-block-form .form-wrap .form-row label {
    display: inline
}

@media screen and (max-width: 990px) {
    .order-block .order-block-form {
        width: 300px;
        padding: 10px
    }
    .order-block .order-block-form .form-wrap h4 {
        margin: 0 -10px 10px;
        padding: 10px
    }
    .order-block .order-block-form .form-wrap .order-comment {
        margin: 0 -10px -10px
    }
    .order-block .order-block-form .form-wrap .order-comment .order-comment-header {
        padding: 10px
    }
    .order-block .order-block-form .form-wrap .order-comment .order-comment-content {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 890px) {
    .order-block .order-block-content .basket-table table {
        display: block;
        box-sizing: border-box
    }
    .order-block .order-block-content .basket-table table thead {
        display: none
    }
    .order-block .order-block-content .basket-table table tbody {
        display: block
    }
    .order-block .order-block-content .basket-table table tbody tr {
        display: block;
        margin: 0 5px;
        padding: 5px 0 5px 95px;
        border-bottom: 1px solid #e1e8ec;
        position: relative;
        min-height: 82px
    }
    .order-block .order-block-content .basket-table table tbody tr td {
        display: inline-block;
        border: 0;
        z-index: 12;
        padding: 0 5px 0 0;
        font-size: 14px;
        white-space: nowrap
    }
    .order-block .order-block-content .basket-table table tbody tr td.code,
    .order-block .order-block-content .basket-table table tbody tr td:first-child,
    .order-block .order-block-content .basket-table table tbody tr td:last-child {
        display: none
    }
    .order-block .order-block-content .basket-table table tbody tr td.count,
    .order-block .order-block-content .basket-table table tbody tr td.price {
        font-size: 12px
    }
    .order-block .order-block-content .basket-table table tbody tr td.img {
        padding-left: 0;
        position: absolute;
        width: 80px;
        left: 0;
        top: 5px
    }
    .order-block .order-block-content .basket-table table tbody tr td.name {
        display: block;
        padding: 0;
        margin: 0 0 10px;
        font-size: 12px;
        white-space: normal
    }
    .order-block .order-block-content .basket-table table tfoot {
        display: block;
        padding-top: 20px
    }
    .order-block .order-block-content .basket-table table tfoot tr {
        padding: 0 0 0 180px !important;
        position: relative;
        display: block
    }
    .order-block .order-block-content .basket-table table tfoot .promo-code {
        font-size: 14px;
        position: absolute;
        left: 15px;
        top: 0;
        width: 150px;
        z-index: 10
    }
    .order-block .order-block-content .basket-table table tfoot .promo-code:after {
        content: '';
        position: absolute;
        left: 100%;
        top: -20px;
        height: 120px;
        width: 1px;
        background: #e3e9ed;
        margin: 0 0 0 8px
    }
    .order-block .order-block-content .basket-table table tfoot .promo-code input[type=text] {
        max-width: 150px;
        margin: 5px 0
    }
    .order-block .order-block-content .basket-table table tfoot tr td {
        display: inline-block;
        vertical-align: middle;
        border: 0;
        padding: 0
    }
    .order-block .order-block-content .basket-table table tfoot tr td.summary {
        width: 55%;
        text-align: left;
        font-size: 14px
    }
    .order-block .order-block-content .basket-table table tfoot tr td.price {
        width: 40%;
        text-align: right
    }
    .order-block .order-block-content .basket-table table tfoot tr td.sep {
        display: none
    }
    .order-block .order-block-content .basket-table table tfoot tr td.promo-code-wrap {
        display: block
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row {
        display: block;
        border-top: 1px solid #e1e8ec;
        padding: 10px 10px 10px 180px !important;
        text-align: right;
        width: auto;
        clear: both;
        margin: 45px 0 0;
        font-size: 0
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row .sep {
        display: none
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row td {
        border: 0;
        display: none;
        padding: 0
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row td.summary {
        font-size: 14px;
        display: inline-block;
        width: 50%
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row td.price {
        display: inline-block;
        width: 50%
    }
}

.catalog-nav > ul > li > ul > li > a:before,
.catalog-nav > ul > li > ul > li > ul > li > a:before {
    content: '• '
}

@media screen and (max-width: 760px) {
    .order-block .order-block-form {
        float: none;
        margin: 0 0 20px;
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .order-block .order-block-content .basket-table table tbody tr td.name {
        white-space: normal
    }
    .order-block .order-block-content .basket-table table tfoot tr {
        padding-left: 10px !important
    }
    .order-block .order-block-content .basket-table table tfoot tr .promo-code {
        position: static;
        margin: 0 0 20px -10px;
        width: auto;
        padding: 0 10px 20px;
        border-bottom: 1px solid #e3e9ed
    }
    .order-block .order-block-content .basket-table table tfoot tr .promo-code input[type=text] {
        width: 147px
    }
    .order-block .order-block-content .basket-table table tfoot tr .promo-code .recount {
        margin: 10px 0 0 130px
    }
    .order-block .order-block-content .basket-table table tfoot tr td.price {
        width: 40%;
        text-align: right
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row {
        margin-top: 20px;
        padding-left: 10px !important
    }
    .order-block .order-block-content .basket-table table tfoot tr.summary-row .summary {
        float: left
    }
}

.order-thanks {
    text-align: center;
    padding: 40px 0;
    line-height: 1.8
}

@media screen and (max-width: 800px) {
    .order-thanks {
        padding: 180px 0 0
    }
}

@media screen and (max-width: 480px) {
    .order-thanks {
        padding: 80px 0
    }
    .order-thanks h1 {
        padding: 0 50px
    }
}

.catalog-nav {
    border: 1px solid #e1e8ec;
    margin: 0 0 20px;
    border-radius: 2px
}

.catalog-nav .count {
    color: #929ca7
}

.catalog-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.catalog-nav ul li a {
    color: #2b3d4f;
    display: block;
    line-height: 1
}

.catalog-nav ul li a:hover {
    background: #eaeff3;
    color: #3598d9
}

.catalog-nav > ul {
    margin: 0 0 -1px
}

.catalog-nav > ul > li > a {
    font-size: 14px;
    padding: 8px 18px;
    border-bottom: 1px solid #e1e8ec
}

.catalog-nav > ul > li > ul > li > a {
    font-size: 13px;
    padding: 8px 15px 8px 25px;
    border-bottom: 1px solid #e1e8ec
}

.catalog-nav > ul > li > ul > li > a:before {
    font-size: 15px
}

.catalog-nav > ul > li > ul > li > ul > li > a {
    font-size: 12px;
    padding: 8px 15px 8px 37px;
    border-bottom: 1px solid #e1e8ec
}

.char-table table {
    width: 100%;
    border: 1px solid #e1e8ec;
    margin: 0
}

.user-reviews .user-reviews-header {
    margin: 9px 0
}

.user-reviews .user-reviews-header .add-review {
    float: right
}

.user-reviews .user-reviews-header .section-header {
    margin: 0;
    float: left;
    overflow: visible
}

.user-reviews .user-reviews-header .section-header .txt {
    position: relative
}

.user-reviews .user-reviews-header .section-header .txt .count {
    position: absolute;
    top: 0;
    left: 100%;
    font-size: 11px;
    color: #fff;
    background: #38b44a;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 11px;
    margin: 0 0 0 3px;
    font-weight: 400
}

.user-reviews-list .all-reviews:after,
.user-reviews-list .answers > li .name:before {
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    content: ''
}

.user-reviews-list ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none
}

.user-reviews-list ul li {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #e5e8eb
}

.user-reviews-list .answers {
    padding: 0 0 0 30px;
    border-bottom: 1px solid #e5e8eb
}

.user-reviews-list .answers > li {
    border-bottom: 0;
    margin: 0;
    padding: 0
}

.user-reviews-list .all-reviews,
.user-reviews-list .relply-link {
    border-bottom: 1px dotted;
    text-decoration: none
}

.user-reviews-list .answers > li .name {
    position: relative
}

.user-reviews-list .answers > li .name:before {
    background-position: -15px -344px;
    width: 10px;
    height: 11px;
    position: absolute;
    right: 100%;
    top: 0;
    margin: 0 6px 0 0
}

.user-reviews-list .answers > li + li {
    border-top: 1px solid #e5e8eb;
    padding: 10px 0 0
}

.user-reviews-list .all-reviews {
    font-size: 16px;
    position: relative
}

.user-reviews-list .all-reviews:after {
    position: absolute;
    left: 100%;
    top: 6px;
    margin: 0 0 0 5px;
    background-position: -155px -322px;
    width: 5px;
    height: 7px
}

.user-reviews-list table {
    width: auto;
    border: 0;
    margin: 0;
    font-size: 13px
}

.user-reviews-list table td {
    padding: 0 0 10px;
    border: 0 !important;
    background: 0 0 !important
}

.user-reviews-list table tr td:first-child {
    font-weight: 700;
    padding-right: 25px
}

.user-reviews-list .review-header {
    margin: 0 0 10px
}

.user-reviews-list .review-header .stars {
    float: right;
    font-size: 0
}

.user-reviews-list .review-header .stars img {
    margin-right: 1px
}

.user-reviews-list .review-header .name {
    display: inline;
    font-weight: 700;
    margin: 0 5px 0 0
}

.user-reviews-list .review-header .date {
    display: inline;
    font-size: 13px;
    color: #a2acb6
}

@media screen and (max-width: 480px) {
    .user-reviews-list .review-header .date {
        font-size: 11px
    }
}

.promotion-counter {
    margin: 10px 0 10px 10px;
    position: relative
}

.promotion-counter h5 {
    position: absolute;
    top: -12px;
    left: 67px;
    margin: 0;
    font-size: 11px;
    width: 177px;
    color: #879296;
    font-weight: 400;
    text-align: center
}

@media screen and (max-width: 740px) {
    .promotion-counter h5 {
        left: 43px
    }
}

.promotion-counter .countdown {
    display: inline-block;
    vertical-align: middle
}

.promotion-counter .offer-text {
    font-size: 13px;
    color: #e94545;
    font-weight: 700;
    margin: 10px 0 5px
}

.promotion-counter .more {
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted
}

.promotion-counter:before {
    content: '';
    display: inline-block;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -330px 0;
    width: 28px;
    height: 32px;
    margin: 0 15px 0 0;
    vertical-align: middle
}

.promotion-counter .countdown-section,
.promotion-counter .item {
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    color: #879296;
    text-align: center;
    line-height: 1
}

.promotion-counter .countdown-section .countdown-amount,
.promotion-counter .countdown-section .num,
.promotion-counter .item .countdown-amount,
.promotion-counter .item .num {
    display: block;
    font-size: 22px;
    color: #e94646;
    line-height: 1;
    font-weight: 700
}

.promotion-counter .countdown-section:last-child .countdown-amount,
.promotion-counter .countdown-section:last-child .num,
.promotion-counter .item:last-child .countdown-amount,
.promotion-counter .item:last-child .num {
    color: #3598d9
}

.promotion-counter .countdown-section + .countdown-section {
    padding-left: 25px;
    position: relative
}

.promotion-counter .countdown-section + .countdown-section:before {
    content: ':';
    position: absolute;
    left: 5px;
    top: 0;
    font-size: 22px;
    color: #2b3d4f;
    line-height: 1;
    margin: 0 5px;
    font-weight: 700
}

.promotion-counter .sep {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    color: #2b3d4f;
    line-height: 1;
    margin: 0 5px;
    font-weight: 700
}

.compare-page .compare-page-top-header {
    margin: 0 0 20px
}

.compare-page .compare-page-top-header .share-block {
    float: right;
    margin: 13px 0 0
}

.compare-page .compare-page-top-header .print-button {
    float: left
}

.compare-page .compare-page-top-header .print-button:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -78px 0;
    width: 54px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.compare-page .compare-page-bottom-header {
    margin: 0 0 10px
}

.compare-page .compare-page-bottom-header h1 {
    float: left;
    margin-top: 13px
}

.compare-page .compare-page-bottom-header .clear-compare {
    float: right
}

.compare-page .compare-page-bottom-header .clear-compare:before {
    content: '';
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -118px -82px;
    width: 54px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.compare-page .compare-block {
    border: 1px solid #e1e8ec;
    position: relative
}

.compare-page .compare-block .catalog-item .name {
    height: 55px
}

.compare-page .compare-block .lines .line {
    padding: 10px 15px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.compare-page .compare-block .lines .line:nth-child(odd) {
    background: #f5f7f9
}

.compare-page .compare-block .compare-block-title {
    float: left;
    width: 280px
}

.compare-page .compare-block .compare-block-title .buttons-wrap {
    padding: 3px 5px;
    font-size: 0
}

.compare-page .compare-block .compare-block-title .buttons-wrap .btn {
    border-radius: 2px;
    padding: 10px 15px;
    font-size: 13px;
    text-transform: none
}

.compare-page .compare-block .compare-block-title .buttons-wrap .btn + .btn {
    margin-left: 3px
}

.compare-page .compare-block .compare-block-title .buttons-wrap .btn.clear {
    padding: 8px 13px
}

.compare-page .compare-block .compare-block-title .add-item {
    display: block;
    height: 350px;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.4;
    padding: 150px 0 0
}

.compare-page .compare-block .compare-block-title .add-item:before {
    content: '';
    display: block;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -116px -141px;
    width: 45px;
    height: 45px;
    margin: 0 auto 10px
}

.compare-page .compare-block .compare-block-content {
    overflow: hidden;
    position: relative
}

.compare-page .compare-block .compare-block-content .scrollbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 7px
}

.compare-page .compare-block .compare-block-content .scrollbar .handle {
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    height: 5px;
    border-radius: 5px;
    margin: 1px 0
}

.compare-page .compare-block .compare-block-content .compare-block-item {
    border-left: 1px solid #e1e8ec;
    width: 238px;
    float: left
}

.compare-page .compare-block .compare-block-content .compare-block-item .lines .line {
    padding: 10px 25px
}

.compare-page .compare-block .compare-block-content .compare-block-item .catalog-item {
    height: 389px
}

.compare-page .compare-block .compare-block-content .compare-block-item .catalog-item .catalog-item-inner {
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    border: 0 !important;
    padding: 15px 25px
}

.compare-page .compare-block .compare-block-content .compare-block-item .catalog-item .catalog-item-inner .catalog-item-hidden {
    display: block
}

@media screen and (max-width: 800px) {
    .compare-page .compare-block .compare-block-content .compare-block-item {
        width: 232px
    }
}

@media screen and (max-width: 540px) {
    .compare-page .compare-page-top-header .print-button {
        float: none;
        display: inline-block;
        margin: 0 0 20px
    }
    .compare-page .compare-page-top-header .share-block {
        float: none
    }
    .compare-page .compare-page-bottom-header {
        margin: 0 0 20px
    }
    .compare-page .compare-page-bottom-header h1 {
        float: none
    }
    .compare-page .compare-page-bottom-header .clear-compare {
        display: inline-block;
        float: none
    }
    .compare-page .compare-block {
        border: 0
    }
    .compare-page .compare-block .compare-block-content .compare-block-item,
    .compare-page .compare-block .compare-block-title {
        width: auto;
        border: 1px solid #e1e8ec;
        margin: 0 0 20px;
        float: none
    }
    .compare-page .compare-block .compare-block-title .buttons-wrap {
        text-align: center
    }
    .compare-page .compare-block .compare-block-content {
        position: static
    }
}

.info-popup {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-decoration: none
}

.info-popup .info-opup-icon {
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    background: #fff;
    color: #3598d9;
    cursor: pointer
}

.empty-basket {
    text-align: center;
    padding: 50px 0 65px 220px;
    background: url(/bitrix/templates/zabros/css/../i/empty-basket-img.jpg) 0 50% no-repeat;
    margin: 0 20px
}

.empty-basket .hdr {
    font-size: 54px;
    margin: 0 0 20px
}

@media (max-width: 540px) {
    .empty-basket {
        background-position: 50% 20px;
        padding: 200px 30px 30px
    }
}

.mf-ok-text {
    font-weight: 400;
    margin: 0 0 20px;
    line-height: 1.3;
    color: #38b44a
}

.contacts-form .mf-ok-text,
.review-form .mf-ok-text {
    background: #fff !important;
    box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, .4) !important;
    padding: 10px !important;
    color: green !important;
    font-weight: 700 !important;
    text-align: left !important;
    border: 3px solid #38b44a !important
}

.review-form {
    margin: 0 0 20px;
    padding: 20px;
    background: #f4f6f8;
    border-radius: 2px
}

.review-form textarea {
    min-height: 35px;
    height: 65px
}

.review-form textarea#advantages,
.review-form textarea#disadvantages {
    height: 35px
}

.review-form .form-wrap .req {
    color: #e94646
}

.review-form .form-wrap .form-row .stars-rating {
    margin: 7px 0 0
}

.review-form .form-wrap .form-row .row-label {
    float: left;
    width: 100px;
    margin: 5px 20px 0 0;
    white-space: nowrap
}

.review-form .form-wrap .form-row .row-content {
    margin: 0 0 0 120px
}

.review-form .form-wrap .form-row .row-content label {
    font-weight: 400;
    font-size: 12px
}

.review-form .form-wrap .form-row .row-content input[type=checkbox] {
    vertical-align: middle;
    margin-right: 2px;
    position: relative;
    top: -1px
}

@media (max-width: 480px) {
    .review-form .form-wrap .form-row .row-label {
        float: none;
        width: auto;
        margin: 0 0 3px
    }
    .review-form .form-wrap .form-row .row-content {
        margin: 0
    }
}

.carousel-filter {
    margin: 0 0 20px;
    font-size: 0;
    padding: 0 100px 0 0
}

.carousel-filter .all-link,
.carousel-filter .item {
    font-size: 13px;
    text-decoration: none;
    line-height: 1;
    display: inline-block
}

.carousel-filter .item {
    font-weight: 700;
    color: #2b3d4f;
    border: 1px solid #c9d2d9;
    border-radius: 2px;
    padding: 9px 15px;
    margin: 0 3px 3px 0
}

.carousel-filter .item.active {
    color: #fff;
    background: #38b44a;
    border-color: #38b44a
}

.carousel-filter .all-link {
    border-bottom: 1px dotted;
    margin: 0 0 0 20px;
    position: relative
}

.carousel-filter .all-link:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 4px;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    background-position: -155px -322px;
    width: 5px;
    height: 7px;
    margin: 0 0 0 5px
}

.select-wrap {
    display: inline-block;
    position: relative
}

.select-wrap .txt {
    display: block;
    box-sizing: border-box;
    border: 1px solid #cfdde2;
    border-radius: 2px;
    padding: 6px 21px 6px 11px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff
}

.select-wrap .txt:after {
    content: '';
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    right: 5px;
    top: 14px
}

.select-wrap select {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

.product-gallery-in-window {
    width: 930px;
    position: relative;
    padding: 0 190px 0 35px;
    box-sizing: border-box
}

.product-gallery-in-window .product-buy-line {
    padding: 15px 0 0
}

.product-gallery-in-window .product-buy-line .buy-btn {
    float: right;
    font-size: 17px;
    padding: 16px 50px;
    border-radius: 25px
}

.product-gallery-in-window .product-buy-line .buy-btn.btn_subscribe,
.product-gallery-in-window .product-buy-line .buy-btn.btn_subscribe_url {
    background: #dadee2;
    font-size: 13px;
    color: #2b3d4f;
    padding: 10px 25px;
    box-sizing: border-box;
    width: 165px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    float: right
}

.product-gallery-in-window .product-buy-line .buy-btn.btn_subscribe:hover,
.product-gallery-in-window .product-buy-line .buy-btn.btn_subscribe_url:hover {
    color: #fff;
    background: #3598d9
}

.product-gallery-in-window .product-buy-line .price {
    float: left;
    line-height: 1
}

.product-gallery-in-window .product-buy-line .price .old-price {
    display: block;
    font-size: 16px;
    color: #879296;
    text-decoration: line-through
}

.product-gallery-in-window .product-buy-line .price .current-price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #3598d9
}

.product-gallery-in-window .product-buy-line .price .current-price span {
    font-size: 36px
}

.product-gallery-in-window .next,
.product-gallery-in-window .prev {
    position: absolute;
    top: 50%;
    margin: -16px 0 0;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    border: 2px solid #cbd4db;
    border-radius: 50%;
    background: #fff
}

.product-gallery-in-window .next:before,
.product-gallery-in-window .prev:before {
    content: '';
    display: block;
    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
    width: 31px;
    height: 31px
}

.product-gallery-in-window .prev {
    left: -20px
}

.product-gallery-in-window .prev:before {
    background-position: -294px -36px
}

.product-gallery-in-window .next {
    left: auto;
    right: 135px
}

.product-gallery-in-window .next:before {
    background-position: -294px 0
}

.product-gallery-in-window .product-gallery-preview {
    max-width: 100%
}

.product-gallery-in-window .product-gallery-preview .img {
    display: none;
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    text-align: center
}

.product-gallery-in-window .product-gallery-preview .img img {
    display: inline-block
}

.product-gallery-in-window .product-gallery-preview .img.active {
    display: block
}

.product-gallery-in-window .product-gallery-thumbs {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 70px;
    width: 94px;
    padding: 0 20px 0 0
}

.product-gallery-in-window .product-gallery-thumbs .scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background: #e1e8ec;
    border-radius: 3px
}

.product-gallery-in-window .product-gallery-thumbs .scrollbar .handle {
    background: #92a5b8;
    width: 8px;
    border-radius: 3px;
    position: relative;
    height: 100px
}

.product-gallery-in-window .product-gallery-thumbs .scrollbar .handle .mousearea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.product-gallery-in-window .product-gallery-thumbs .thumbs-slider {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 94px
}

.product-gallery-in-window .product-gallery-thumbs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-gallery-in-window .product-gallery-thumbs ul li {
    margin: 0 0 10px;
    height: 90px
}

.product-gallery-in-window .product-gallery-thumbs ul li img {
    border: 1px solid #e1e8ec;
    border-radius: 3px;
    display: block;
    margin: 1px;
    width: 86px;
    height: 86px
}

.product-gallery-in-window .product-gallery-thumbs ul li.active img {
    border-color: #3598d9;
    box-shadow: 0 0 0 1px #3598d9
}

@media screen and (max-width: 800px),
(max-height: 900px) {
    .product-gallery-in-window {
        width: 650px;
        padding: 0 190px 0 35px
    }
}

@media screen and (max-width: 740px) {
    .product-gallery-in-window .product-buy-line .buy-btn,
    .product-gallery-in-window .product-buy-line .price,
    .product-gallery-in-window .product-gallery-preview {
        float: none
    }
    .product-gallery-in-window {
        width: 260px;
        padding: 0 0 140px;
        position: relative
    }
    .product-gallery-in-window .prev {
        top: 140px;
        left: 5px
    }
    .product-gallery-in-window .next {
        top: 140px;
        right: 5px
    }
    .product-gallery-in-window .product-buy-line {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center
    }
    .product-gallery-in-window .product-buy-line .price {
        margin: 0 0 15px
    }
    .product-gallery-in-window .product-gallery-thumbs {
        margin: 10px 0 0;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        padding: 0 0 20px;
        clear: both
    }
    .product-gallery-in-window .product-gallery-thumbs .scrollbar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: 8px;
        top: auto
    }
    .product-gallery-in-window .product-gallery-thumbs .scrollbar .handle {
        width: auto;
        height: 8px
    }
    .product-gallery-in-window .product-gallery-thumbs .thumbs-slider {
        position: static;
        width: auto;
        height: 84px
    }
    .product-gallery-in-window .product-gallery-thumbs .thumbs-slider ul li {
        width: 80px;
        float: left;
        height: 80px;
        margin: 0 10px 0 0
    }
    .product-gallery-in-window .product-gallery-thumbs .thumbs-slider ul li img {
        width: auto;
        height: auto
    }
}

@media screen and (max-width: 800px) {
    .fancybox-gal .window-content {
        padding-right: 20px !important
    }
}

@media screen and (max-width: 740px) {
    .fancybox-gal {
        width: 300px !important
    }
    .fancybox-gal .window-header {
        font-size: 15px !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }
    .fancybox-gal .window-content {
        padding: 10px !important
    }
}

.star-cb-group {
    font-size: 0;
    unicode-bidi: bidi-override;
    direction: rtl
}

.star-cb-group * {
    font-size: 1rem
}

.star-cb-group > input {
    display: none
}

.star-cb-group > input + label {
    display: inline-block !important;
    overflow: hidden;
    text-indent: 9999px;
    width: 16px;
    height: 16px;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 1px 0 0 !important
}

.star-cb-group > input + label:before {
    display: inline-block;
    text-indent: -9999px;
    content: url(/bitrix/templates/zabros/css/../i/rating-star-disabled.png)
}

.star-cb-group > input + label:hover:before,
.star-cb-group > input + label:hover ~ label:before,
.star-cb-group > input:checked ~ label:before {
    content: url(/bitrix/templates/zabros/css/../i/rating-star.png);
    color: #e52;
    text-shadow: 0 0 1px #333
}

.star-cb-group > .star-cb-clear + label {
    text-indent: -9999px;
    width: 8px;
    margin-left: -8px !important
}

.star-cb-group > .star-cb-clear + label:before {
    width: 8px
}

.star-cb-group:hover > input + label:before {
    content: url(/bitrix/templates/zabros/css/../i/rating-star-disabled.png);
    text-shadow: none
}

.star-cb-group:hover > input + label:hover:before,
.star-cb-group:hover > input + label:hover ~ label:before {
    content: url(/bitrix/templates/zabros/css/../i/rating-star.png);
    text-shadow: 0 0 1px #333
}

.coupon_content {
    display: inline-block;
    vertical-align: top;
    margin: -5px 0 0
}

.coupon_content .bx_ordercart_coupon {
    margin: 3px 0;
    position: relative
}

.coupon_content .bx_ordercart_coupon .bx_ordercart_coupon_notes {
    position: absolute;
    left: -99999px;
    top: 100%;
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease, margin .2s ease;
    transition: opacity .2s ease, margin .2s ease;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 10px;
    font-weight: 700;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    z-index: 100
}

.coupon_content .bx_ordercart_coupon:hover .bx_ordercart_coupon_notes {
    left: 0;
    opacity: 1;
    margin: 5px 0 0
}

.coupon_content .coupon_list {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 100%;
    top: 7px;
    margin: 0 0 0 2px
}

.coupon_content .coupon_list.good {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAoklEQVQ4y2NgIBOUb7JkY6AEAA0wBuJHQGxHrgFWQPwBiP8D8WcgliTVAHuoRpAB/4A4E10BDwED3ID4K9SAP0CciK7ACYhfg2gcBvgA8Q8kA6LQFQgB8Seogq/oBgH5QUD8EyoPooNwOTUMagOKQSAbkcRBLvEhFGjoBvWi8V2JDX1kg2AY5FV7UqMR2SBQerAkN0GBDHoJSpmUJm1uYtUCAMzalTMY8Lf6AAAAAElFTkSuQmCC) 50% 50% no-repeat
}

.coupon_content .coupon_list.bad,
.coupon_content .coupon_list.disabled,
.coupon_content .coupon_list.good:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2QzFEQUU3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2QzFEQUY3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDZDMURBQzdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDZDMURBRDdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuRKTjMAAAC1SURBVHjaXJAhEsIwEEWTDiCoAa6CBtUKEAxHwAfHGSpxySWqUFQUh+YG3AEMOvxlfmf+kJmXnXRftr/1McaDc+4M9iGEu5OVUlqhXMCpwNaABejYUKljrxlh24EbmFHeomZKJXiZ43POdnsp8odDB6lGpMdP5KtUdirZoZDsNmEs5wmYDoeC09YoV8pvUuoHevyef6nikB7MmXljE1sJXlkm5qr5zHqtiQE8Nbgtka13/AowAFzKRSz6AcYPAAAAAElFTkSuQmCC) 50% 50% no-repeat
}

.readmore-js-section.readmore-js-expanded {
    height: auto !important;
    overflow: visible !important
}

.fancybox-gal .window-header,
.visuallyhidden {
    overflow: hidden
}

@media screen and (max-width: 800px),
(max-height: 900px) {
    .fancybox-gal .window-header {
        width: 650px
    }
}

@media screen and (max-width: 740px) {
    .fancybox-gal .window-header {
        width: 280px;
        box-sizing: border-box
    }
    .fancybox-gal .window {
        width: 280px !important
    }
}

.basket-table .close-window {
    margin: 0;
    padding: 8px 35px !important
}

#window-compare,
#window-compare .window-header {
    text-align: center
}

.readmore-js-collapsed {
    position: relative
}

.readmore-js-collapsed:after {
    content: '';
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff)
}

.readmore-js-toggle {
    display: inline-block;
    margin: 0 0 10px
}

.adress_block > br,
.bx_searche .bx_item_element hr {
    display: none !important
}

.bx_searche .bx_item_block.all_result .bx_item_element {
    padding-left: 0;
    margin-left: 0;
    position: relative;
    z-index: 2
}

.bx_item_block.all_result .all_result_title {
    padding: 20px 15px !important
}

.bx_item_block.all_result .all_result_title a {
    position: relative;
    text-decoration: underline
}

.bx-authform .open-id a,
.login-form .open-id a {
    text-decoration: none
}

.bx_item_block.all_result .all_result_title a:after {
    content: '>';
    position: absolute;
    left: 100%;
    margin: 0 0 0 5px;
    top: 2px
}

.bx_searche .bx_item_block {
    border-top: 1px solid #eaebed
}

.bx_searche .bx_price {
    color: #3c9ad7;
    font-weight: 700
}

.bx_searche .bx_img_element {
    background: 0 0 !important
}

.bx_searche .bx_item_block:hover {
    background: #f5f6fa
}

.bx-authform .open-id {
    margin: 10px 0
}

.login-form .open-id {
    margin-bottom: 12px !important
}

.share-block .b-share_theme_counter .b-share-btn__wrap {
    margin-left: 10px
}

.email_error,
.notetext {
    margin: 0 0 20px;
    display: block
}

.bx-sls .bx-ui-sls-route {
    padding: 0 !important
}

.notetext {
    padding: 15px;
    background: #dff0d8;
    color: #3c763d
}

.lk-user #bx_auth_href_Facebook img,
.lk-user #bx_auth_href_VKontakte img {
    width: 162px;
    height: 27px;
    min-width: 162px
}

@media (max-width: 380px) {
    .lk-user #bx_auth_href_Facebook img,
    .lk-user #bx_auth_href_VKontakte img {
        width: 118px;
        min-width: 118px;
        height: 20px
    }
}

body .bx-composite-btn {
    display: none !important
}

@media (max-width: 800px) {
    html body div#jivo-iframe-container {
        display: none !important
    }
}

.bx-searchtitle {
    margin: 10px 0 0
}

.bx-searchtitle .bx-block-title {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600
}

.bx-searchtitle .bx-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    box-sizing: border-box
}

.bx-searchtitle .bx-input-group .bx-form-control {
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f8fafc;
    border: 1px solid #d5dadc;
    border-right: none;
    border-radius: 2px 0 0 2px;
    outline: 0;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    background-image: -webkit-linear-gradient(#f8fafc 0, #f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0, #f8fafc 100%)
}

.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
}

.bx-searchtitle .bx-input-group-btn button {
    position: relative;
    border: none;
    background: #95a1a8;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 0 2px 2px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.bx-searchtitle .bx-input-group-btn button:hover {
    background: #1484CE
}

.title-search-result {
    border: 1px solid #c6c6c6;
    display: none;
    overflow: hidden;
    z-index: 999;
    min-width: 0;
    margin-top: -3px;
    background-color: #FFF
}

div.title-search-fader {
    display: none;
    background-image: url(/bitrix/templates/zabros/css/images/fader.png);
    background-position: right top;
    background-repeat: repeat-y;
    position: absolute
}

p.title-search-preview {
    font-size: 12px
}

div.title-search-result td.title-search-price span {
    font-size: 26px
}

.bx_searche .bx_img_element {
    float: left;
    width: 47px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    bottom: 0
}

.bx_searche .bx_item_block {
    min-height: 65px;
    position: relative
}

.bx_searche .bx_image {
    width: 45px;
    height: 45px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #e8e8e8
}

.bx_searche .bx_item_element {
    padding-left: 10px;
    margin-left: 70px
}

.bx_searche .bx_item_element hr {
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5
}

.bx_searche .bx_item_element a {
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none
}

.bx_searche .bx_item_element a b {
    color: #000;
    font-weight: 400
}

.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b {
    text-decoration: underline
}

.bx_searche .bx_price {
    font-size: 13px
}

.bx_searche .bx_price .old {
    font-weight: 400;
    text-decoration: line-through;
    color: #636363
}

.bx_item_block.all_result {
    min-height: 0
}

.bx_item_block.others_result {
    min-height: 0;
    padding: 0 0 12px;
    line-height: 12px
}

.bx_item_block.all_result .all_result_title {
    display: block;
    font-size: 12px;
    color: #a7a7a7;
    padding-top: 15px;
    padding-bottom: 10px
}

.bx_item_block.all_result .all_result_title a:hover {
    color: #4788cb
}

.bx_item_block.all_result a {
    margin-top: 0
}

.wrap {
    max-width: 1240px;
    padding: 0 10px;
    margin: 0 auto
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.basket-table .order-header:after,
.basket-table .order-header:before,
.breadcrumbs:after,
.breadcrumbs:before,
.catalog-filter .drop-filter-wrap:after,
.catalog-filter .drop-filter-wrap:before,
.catalog-item .catalog-item-footer:after,
.catalog-item .catalog-item-footer:before,
.catalog:after,
.catalog:before,
.clearfix:after,
.clearfix:before,
.compare-page .compare-block:after,
.compare-page .compare-block:before,
.compare-page .compare-page-bottom-header:after,
.compare-page .compare-page-bottom-header:before,
.compare-page .compare-page-top-header:after,
.compare-page .compare-page-top-header:before,
.contacts-cols:after,
.contacts-cols:before,
.content-cols:after,
.content-cols:before,
.form-wrap .form-cols:after,
.form-wrap .form-cols:before,
.letter-group:after,
.letter-group:before,
.news-item-inner:after,
.news-item-inner:before,
.news-item:after,
.news-item:before,
.offer-item-inner .offer-cols:after,
.offer-item-inner .offer-cols:before,
.order-block:after,
.order-block:before,
.page-footer .footer-cols:after,
.page-footer .footer-cols:before,
.page-header .header-inner:after,
.page-header .header-inner:before,
.product-gallery-in-window .product-buy-line:after,
.product-gallery-in-window .product-buy-line:before,
.product-gallery-in-window:after,
.product-gallery-in-window:before,
.product-page .product-cols:after,
.product-page .product-cols:before,
.promotion:after,
.promotion:before,
.registration-block:after,
.registration-block:before,
.review-form .form-wrap .form-row:after,
.review-form .form-wrap .form-row:before,
.user-reviews .user-reviews-header:after,
.user-reviews .user-reviews-header:before,
.user-reviews-list .review-header:after,
.user-reviews-list .review-header:before,
.window .basket-table .basket-table-footer:after,
.window .basket-table .basket-table-footer:before,
.window .login-form .row:after,
.window .login-form .row:before,
.window .login-form:after,
.window .login-form:before,
.wrap:after,
.wrap:before {
    content: " ";
    display: table
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100% !important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes "fadeOut" {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes "fadeOut" {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    font-size: 0;
    white-space: nowrap
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/bitrix/templates/zabros/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: 100% !important;
    width: 100% !important
}

.chosen-container * {
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    border: 1px solid #cfdde2;
    border-top: 0;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 7px;
    height: 33px;
    border: 1px solid #cfdde2;
    background: #fff;
    text-decoration: none;
    white-space: nowrap;
    line-height: 33px;
    color: #000;
    border-radius: 2px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/bitrix/templates/zabros/css/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    content: '';
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    right: 5px;
    top: 14px
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #cfdde2;
    background: #fff;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 2px
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/bitrix/templates/zabros/css/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl .chosen-drop,
.chosen-rtl.chosen-container-single-nosearch .chosen-search {
    left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(/bitrix/templates/zabros/css/chosen-sprite.png) -30px -20px no-repeat;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(/bitrix/templates/zabros/css/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

@media screen and (max-width: 1280px) {
    .subscription-block {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media screen and (max-width: 1275px) {
    .categories-list > ul {
        margin: 0 0 0 -2%
    }
    .categories-list > ul > li {
        margin: 0 0 2% 2%;
        width: 48%
    }
    .main-menu > ul > li > a {
        font-size: 13px;
        padding: 2px 10px 1px
    }
    .main-menu > ul > li + li {
        margin-left: 10px
    }
    .page-header .header-inner {
        position: relative;
        padding-bottom: 60px
    }
    .page-header .header-inner .search-block {
        position: absolute;
        left: 0;
        bottom: 4px
    }
    .page-header .header-inner .user-menu {
        position: absolute;
        right: 9px;
        bottom: -4px
    }
    .page-header .header-inner .phone-block {
        margin-right: 17px;
        padding-top: 18px
    }
}

@media screen and (max-width: 1100px) {
    .catalog-list.full-width > ul > li {
        width: 23%
    }
    .offer-item-inner .offer-text .offer-text-inner {
        padding: 0 50px
    }
    .offer-item-inner .offer-text .offer-text-inner .hdr {
        font-size: 28px
    }
    .offer-item-inner .offer-text .offer-text-inner h2 {
        font-size: 22px
    }
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section,
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .item,
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .timer-hdr {
        font-size: 11px
    }
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section .countdown-amount,
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .countdown-section .num,
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .item .countdown-amount,
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .item .num {
        font-size: 28px;
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        background-position: 0 -199px;
        width: 44px;
        height: 46px;
        line-height: 46px
    }
    .content-part .catalog-list ul li {
        width: 31%
    }
}

@media screen and (max-width: 880px) {
    .catalog-list.full-width > ul > li {
        width: 31%
    }
    .catalog-header .catalog-view-change {
        margin-left: 10px
    }
    .catalog-header .catalog-size label,
    .catalog-header .catalog-sort label {
        font-size: 0
    }
    .catalog-header .catalog-size label .short,
    .catalog-header .catalog-sort label .short {
        display: inline;
        font-size: 16px;
        vertical-align: middle
    }
}

@media screen and (max-width: 990px) {
    .registration-block .registration-open-id img {
        width: 42px
    }
    .catalog-item-horizontal .over {
        padding-right: 0;
        margin-left: 200px
    }
    .catalog-item-horizontal .img-wrap {
        width: 180px
    }
    .catalog-item-horizontal .catalog-item-horizontal-footer {
        position: static;
        width: auto;
        margin: 15px 0 0
    }
    .catalog-item-horizontal .catalog-item-horizontal-footer .price {
        display: inline-block;
        vertical-align: top;
        margin-right: 35px
    }
    .news-item-inner figure {
        max-width: 50%
    }
    .news-item-inner figure img {
        max-width: 100%
    }
    .registration-block .registration-form-cols {
        width: 100%;
        float: none;
        padding: 0;
        border-right: none
    }
    .registration-block .registration-form-cols .col {
        width: 48%;
        float: left
    }
    .registration-block .registration-form-cols .col + .col {
        margin-left: 4%
    }
    .registration-block .registration-open-id {
        display: inline-block;
        border-top: 1px solid #cfdde2;
        padding: 10px 0 0;
        text-align: left;
        width: auto
    }
    .registration-block .registration-open-id .hdr {
        margin: 0 0 15px
    }
    .subscription-block input[type=text] {
        width: 250px;
        margin: 0 15px
    }
    .subscription-block label {
        font-size: 16px
    }
    .sub-categories-list ul li {
        width: 23%
    }
    .letter-group .items ul {
        -webkit-columns: 4 20px;
        -moz-columns: 4 20px;
        columns: 4 20px
    }
    .catalog-list ul li {
        width: 31%
    }
    .news-block ul {
        margin: 0 0 0 -3.333333%
    }
    .news-block ul li {
        width: 30%;
        margin: 0 0 3.333333% 3.333333%
    }
    .news-block ul li:nth-child(1n+4) {
        display: none
    }
    .main-slider .item .overlay .product {
        margin: 10px 0 0;
        padding: 10px 0 0
    }
    .main-slider .item .overlay .product:before {
        width: 175px
    }
    .main-slider .item .overlay .product .name {
        font-size: 17px
    }
    .main-slider .item .overlay .product .more {
        font-size: 8px;
        padding: 6px 20px 6px 10px
    }
    .main-slider .item .overlay .product .more:after {
        right: 10px;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .main-slider .item .overlay .text {
        font-size: 10px
    }
    .main-slider .item .overlay .text .hdr {
        font-size: 35px;
        margin: 0 0 10px
    }
    .page-header.menu-shown {
        position: relative;
        z-index: 1001;
        box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8)
    }
    .main-menu {
        height: 35px
    }
    .main-menu .mobile-header {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #2b3d4f;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1;
        padding: 9px 35px
    }
    .main-menu .toggle-icon {
        display: block
    }
    .main-menu > ul,
    .main-menu > ul > li.active .sub-menu > ul > li:after,
    .main-menu > ul > li.active .sub-menu > ul > li:before {
        display: none
    }
    .main-menu > ul > li.active > a {
        background: #3598d9;
        color: #fff;
        border-radius: 0
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon1,
    .main-menu > ul > li.active > a .icon.main-menu-icon2,
    .main-menu > ul > li.active > a .icon.main-menu-icon3,
    .main-menu > ul > li.active > a .icon.main-menu-icon4,
    .main-menu > ul > li.active > a .icon.main-menu-icon5,
    .main-menu > ul > li.active > a .icon.main-menu-icon6 {
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        width: 32px;
        height: 32px
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon1 {
        background-position: -254px -151px
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon2 {
        background-position: 0 -250px
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon3 {
        background-position: -74px -250px
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon4 {
        background-position: -148px -250px
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon5 {
        background-position: -222px -250px
    }
    .main-menu > ul > li.active > a .icon.main-menu-icon6 {
        background-position: -254px -77px
    }
    .main-menu > ul > li.active .sub-menu {
        position: static;
        opacity: 1;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #e1e8ec
    }
    .main-menu > ul > li.active .sub-menu > ul {
        width: auto
    }
    .main-menu > ul > li.active .sub-menu > ul > li {
        padding: 0;
        margin: 0
    }
    .main-menu > ul > li.active .sub-menu > ul > li > a {
        padding-left: 44px
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active > a {
        background: #eaeff3;
        color: #3598d9
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active > a:after {
        display: block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active .categories {
        position: static;
        opacity: 1;
        border: 0;
        padding: 0;
        width: auto
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active .categories li {
        margin: 0
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active .categories ul {
        margin: 0;
        width: 100% !important
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul > li > a {
        padding-left: 85px
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul > li > ul > li > a {
        padding-left: 105px;
        border: 0;
        border-bottom: 1px solid #e1e8ec
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active:before {
        content: '';
        width: 4px;
        background: #fff;
        top: -7px;
        bottom: -7px;
        left: 100%;
        position: absolute;
        z-index: 12
    }
    .main-menu > ul > li.active .sub-menu > ul > li.active:after {
        content: '';
        width: 1px;
        background: #e1e8ec;
        top: -7px;
        bottom: -7px;
        left: 100%;
        position: absolute;
        z-index: 13;
        margin: 0 0 0 1px
    }
    .main-menu.active > ul {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #fff;
        z-index: 1000;
        margin: 0 -10px;
        padding: 10px 0
    }
    .main-menu.active > ul:before {
        content: '';
        position: absolute;
        left: 10px;
        right: 10px;
        top: 0;
        height: 1px;
        background: #d6dadc
    }
    .main-menu.active > ul > li {
        display: block;
        text-align: left;
        margin: 0 0 5px
    }
    .main-menu.active > ul > li + li {
        margin: 0 0 5px
    }
}

@media screen and (max-width: 930px) {
    .content-part .catalog-list ul li {
        width: 48%
    }
}

@media screen and (max-width: 800px) {
    .contacts .contacts-list .phones-table img {
        max-height: 18px;
        max-width: 24px
    }
    .contacts .contacts-list .icon-wrap {
        width: 90px;
        margin: 0 15px 0 0
    }
    .contacts .contacts-form {
        padding: 40px 50px
    }
    .contacts .contacts-form .contacts-form-header {
        text-align: center
    }
    .contacts .contacts-form .form-wrap .form-cols .col {
        float: none;
        width: auto
    }
    .contacts .contacts-form .form-wrap .form-cols .col + .col {
        margin-left: 0
    }
    .pagination .btn {
        padding: 8px
    }
    .reviews-list {
        font-size: 14px
    }
    .reviews-list .title {
        font-size: 18px
    }
    .page-footer .footer-cols .col {
        width: 33%
    }
    .page-footer .footer-cols .col:first-child {
        display: none
    }
    .sub-categories-list ul {
        margin: 0 0 0 -3.333333%
    }
    .sub-categories-list ul li {
        width: 30%;
        margin: 0 0 3.333333% 3.333333%
    }
}

@media screen and (max-width: 760px) {
    .lk-profile .form-wrap .form-row.buttons,
    .subscription-list .btn-wrap {
        text-align: center
    }
    .lk-profile {
        max-width: 100%
    }
    .catalog-header label {
        font-size: 13px !important;
        width: 95px;
        display: inline-block
    }
    .catalog-header label .short {
        font-size: 0 !important
    }
    .catalog-filter .catalog-filter-header {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        padding: 15px;
        position: relative;
        background: #cfdde2
    }
    .catalog-filter .catalog-filter-header:after {
        content: '';
        height: 0;
        width: 0;
        border-bottom: 5px solid #3598d9;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        position: absolute;
        right: 15px;
        top: 50%;
        margin: -2px 0 0
    }
    .catalog-filter .catalog-filter-header.active:after {
        border: 0;
        height: 0;
        width: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid #3598d9
    }
    .catalog-filter .catalog-filter-header.active + .catalog-filter-content {
        display: none
    }
    .catalog-filter .apply-all-filter {
        display: inline-block;
        float: right;
        margin: -5px 0 0
    }
    .content-cols .sidebar {
        width: auto;
        float: none;
        margin: 0 0 25px
    }
    .content-cols .content-part {
        margin: 0
    }
    .subscription-block {
        margin-left: 0;
        margin-right: 0
    }
    .subscription-block input[type=text] {
        width: 100%;
        margin: 20px 0
    }
    .subscription-block label {
        font-size: 16px
    }
}

@media screen and (max-width: 740px) {
    .news-list .news-item .img-wrap {
        width: 100px;
        margin-right: 10px
    }
    .categories-list .img-wrap {
        width: 80px
    }
    .categories-list > ul {
        margin: 0
    }
    .categories-list > ul > li {
        width: 100%;
        margin: 0 0 20px
    }
    .categories-list > ul > li .over {
        padding-left: 110px
    }
}

@media screen and (max-width: 680px) {
    .page-header .header-inner .user-menu a:after {
        display: none !important
    }
    .contacts .contacts-cols .col {
        width: auto;
        float: none
    }
    .contacts .contacts-cols .col + .col {
        margin-left: 0
    }
    .contacts .contacts-form {
        padding: 20px 10px
    }
    .contacts .contacts-form .form-wrap .form-row.buttons {
        text-align: center
    }
    .catalog-list.full-width > ul > li {
        width: 48%
    }
    .offer-item-inner .share-block {
        text-align: left
    }
    .offer-item-inner .offer-cols .col {
        float: none;
        margin: 0 0 20px !important;
        width: auto
    }
    .offer-item-inner .offer-cols .col + .col {
        margin: 0 0 20px !important
    }
    .offer-item-inner .offer-text {
        position: static;
        width: auto;
        padding: 30px 10px
    }
    .offer-item-inner .offer-text .offer-text-inner {
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .offer-item-inner .offer-text .offer-text-inner .hdr {
        font-size: 48px
    }
    .offer-item-inner .offer-text .offer-text-inner h2 {
        font-size: 24px
    }
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .timer-hdr {
        font-size: 16px
    }
    .letters-nav {
        position: absolute;
        right: 0;
        margin: -22px 0 0;
        width: 30px;
        text-align: right
    }
    .letters-nav ul li {
        margin: 0 0 20px;
        float: none;
        display: block
    }
    .letters-nav ul li a {
        padding: 0;
        height: auto;
        width: auto;
        font-size: 14px;
        color: #2b3d4f;
        border: 0;
        line-height: 1
    }
    .letter-group .items ul {
        -webkit-columns: 2 20px;
        -moz-columns: 2 20px;
        columns: 2 20px
    }
    .catalog-list ul li {
        width: 48%
    }
    .news-block {
        margin: 0 0 20px
    }
    .news-block ul {
        margin: 0
    }
    .news-block ul li {
        width: auto;
        margin: 0;
        padding: 20px 0;
        display: block
    }
    .news-block ul li:first-child {
        padding-top: 0
    }
    .news-block ul li:nth-child(1n+4) {
        display: inline-block
    }
    .news-block ul li + li {
        border-top: 1px solid #e1e8ec
    }
    .news-block .news-block-item {
        position: relative;
        padding: 0 0 0 110px;
        line-height: 1.3;
        min-height: 65px
    }
    .news-block .news-block-item .img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
        border-radius: 2px;
        overflow: hidden;
        max-height: 100%
    }
    .main-slider .owl-next,
    .main-slider .owl-prev {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    .main-slider .owl-next {
        right: 0
    }
    .main-slider .owl-prev {
        left: 0
    }
    .main-slider .owl-dots {
        bottom: 4px
    }
    .main-slider .owl-dots .owl-dot {
        width: 2px;
        height: 2px;
        border: 1px solid #fff
    }
    .main-slider .item .overlay {
        padding-right: 50px
    }
    .main-slider .item .overlay .product {
        margin: 5px 0 0;
        padding: 5px 0 0
    }
    .main-slider .item .overlay .product:before {
        width: 175px
    }
    .main-slider .item .overlay .product .name {
        font-size: 7px;
        margin-bottom: 0
    }
    .main-slider .item .overlay .product .more {
        font-size: 3px;
        padding: 2px 10px 2px 5px
    }
    .main-slider .item .overlay .product .more:after {
        right: 10px;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    .main-slider .item .overlay .text {
        font-size: 4px
    }
    .main-slider .item .overlay .text .hdr {
        font-size: 14px;
        margin: 0 0 5px
    }
    .page-footer,
    .page-footer .footer-nav ul li a {
        font-size: 12px
    }
    .page-footer .footer-cols .col {
        text-align: center;
        width: auto;
        float: none
    }
    .page-footer .footer-cols .col:first-child + .col {
        margin-top: 0
    }
    .page-footer .footer-cols .col + .col {
        margin: 19px 0 0
    }
    .page-footer .copyright img {
        display: none
    }
    .page-footer .footer-nav ul li {
        margin: 0 0 6px
    }
    .page-footer .footer-header {
        font-size: 13px;
        margin: 0 0 10px
    }
    .page-header {
        padding-top: 0
    }
    .page-header .header-inner .logo {
        width: 140px;
        margin: 13px 0 0
    }
    .page-header .header-inner .search-block {
        width: 100%;
        bottom: 5px
    }
    .page-header .header-inner .search-block input[type=submit] {
        background: #fff;
        text-indent: 0;
        color: #2b3d4f;
        font-weight: 700;
        padding: 10px 20px 9px;
        border-radius: 25px;
        border: 2px solid #cbd4db;
        top: auto;
        bottom: 0;
        right: 0;
        height: auto;
        width: auto;
        line-height: 1;
        font-size: 13px;
        text-transform: none
    }
    .page-header .header-inner .phone-block .phone {
        font-size: 15px
    }
    .page-header .header-inner .phone-block .phone:before {
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        background-position: -78px -59px;
        width: 17px;
        height: 18px
    }
    .page-header .header-inner .phone-block .phone:after {
        margin-top: 4px
    }
    .page-header .header-inner .phone-block .callback-link {
        font-size: 12px
    }
    .page-header .header-inner .phone-block .phone-wrap:hover .phones-popup {
        left: auto;
        right: -17px
    }
    .page-header .header-inner .user-menu {
        position: static;
        float: none;
        padding: 0;
        margin: 0 -10px
    }
    .page-header .header-inner .user-menu .user-item {
        height: 42px;
        line-height: 42px;
        width: 25%;
        box-sizing: border-box;
        margin: 0
    }
    .page-header .header-inner .user-menu .user-item > a {
        width: 100%
    }
    .page-header .header-inner .user-menu .user-item .user-item-menu > ul > li,
    .page-header .header-inner .user-menu .user-item .user-item-menu > ul > li > a:first-child {
        height: auto;
        line-height: 1
    }
    .desktop .page-header .header-inner .user-menu .user-item:hover .user-item-menu,
    .page-header .header-inner .user-menu .user-item.active .user-item-menu {
        left: 0;
        margin-left: 0
    }
    .page-header .header-inner .user-menu .user-item .cabinet + .user-item-menu ul:after,
    .page-header .header-inner .user-menu .user-item .cabinet + .user-item-menu ul:before {
        left: 37px
    }
    .page-header .header-inner .user-menu .user-item .comparison + .user-item-menu {
        left: -48px
    }
    .page-header .header-inner .user-menu a {
        margin: 0;
        display: inline-block;
        border-radius: 0;
        text-align: center;
        width: 25%;
        box-sizing: border-box;
        height: 42px;
        line-height: 42px
    }
    .page-header .header-inner .user-menu a:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #bfcbcf
    }
    .page-header .header-inner .user-menu a:hover {
        box-shadow: none
    }
    .page-header .header-inner .user-menu a:before {
        vertical-align: middle
    }
    .page-header .header-inner .user-menu a.cabinet:before {
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        background-position: -207px -141px;
        width: 36px;
        height: 36px
    }
    .page-header .header-inner .user-menu a.deferred:before {
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        background-position: -90px -199px;
        width: 36px;
        height: 36px
    }
    .page-header .header-inner .user-menu a.comparison:before {
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        background-position: -49px -199px;
        width: 36px;
        height: 36px
    }
    .page-header .header-inner .user-menu a.basket:before {
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        background-position: -166px -141px;
        width: 36px;
        height: 36px
    }
    .page-header .header-inner .user-menu a .counter {
        right: 2px;
        top: 2px
    }
    .page-header .header-inner .user-menu a + a:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background: #bfcbcf
    }
}

@media screen and (max-width: 600px) {
    .catalog-header .catalog-sort {
        width: 100%;
        margin: 0 0 10px;
        position: relative;
        box-sizing: border-box;
        padding: 0 0 0 103px
    }
    .catalog-header .catalog-sort label {
        position: absolute;
        left: 0;
        top: 6px
    }
    .catalog-header .catalog-sort .select-wrap,
    .catalog-header .catalog-sort select {
        width: 100%
    }
    .catalog-header .catalog-size {
        float: left
    }
    .catalog-header .catalog-size select {
        min-width: 55px
    }
    .catalog-item .catalog-item-inner {
        padding: 10px
    }
    .catalog-item .buy-btn {
        font-size: 7px;
        padding: 4px 6px !important
    }
    .catalog-item .price {
        float: none !important
    }
    .catalog-item .price .old-price {
        font-size: 9px
    }
    .catalog-item .price .current-price,
    .catalog-item .price .current-price span {
        font-size: 10px
    }
    .registration-block .registration-form-cols {
        width: 100%;
        float: none;
        padding: 0;
        border-right: none
    }
    .registration-block .registration-form-cols .form-row.exp {
        display: none
    }
    .registration-block .registration-form-cols .form-row.buttons {
        text-align: center
    }
    .registration-block .registration-form-cols .form-row.buttons .btn {
        font-size: 13px;
        padding: 13px 50px
    }
    .registration-block .registration-form-cols .col {
        width: 100%;
        float: none
    }
    .registration-block .registration-form-cols .col + .col {
        margin-left: 0
    }
    .registration-block .registration-open-id {
        display: block;
        border-top: 1px solid #cfdde2;
        padding: 10px 0 0;
        text-align: center;
        float: none;
        width: 100%;
        margin: 0 -10px
    }
    .pagination .next:before,
    .pagination .prev:before {
        content: '';
        background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);
        width: 31px;
        height: 31px
    }
    .registration-block .registration-open-id .hdr {
        margin: 0 0 15px
    }
    .pagination {
        position: relative;
        padding: 0 20px
    }
    .pagination .next,
    .pagination .prev {
        position: absolute;
        bottom: 0;
        font-size: 0;
        padding: 0
    }
    .pagination ul li a {
        display: none
    }
    .pagination ul li.active a,
    .pagination ul li:first-child a,
    .pagination ul li:first-child.active + li a,
    .pagination ul li:last-child a {
        display: block
    }
    .pagination .prev {
        left: 0
    }
    .pagination .prev:before {
        background-position: -294px -36px;
        display: block
    }
    .pagination .next {
        right: 0
    }
    .pagination .next:before {
        background-position: -294px 0;
        display: block
    }
}

@media screen and (max-width: 480px) {
    .lk-nav,
    .search-empty {
        text-align: center
    }
    .offer-item-inner .offer-cols {
        margin-bottom: 0
    }
    .offer-item-inner .offer-text .offer-text-inner {
        padding: 0;
        overflow: hidden
    }
    .offer-item-inner .offer-text .offer-text-inner .offer-timer .timer {
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    .user-reviews .user-reviews-header .section-header {
        float: none
    }
    .section-header .share-block {
        float: none;
        margin: 0 0 20px
    }
    .user-options-list .icon-wrap {
        width: 60px
    }
    .user-options-list .icon-wrap img {
        max-width: 75%
    }
    .page-content {
        min-height: 0
    }
    .search-empty {
        padding: 25px 0
    }
    .search-empty .callback-text {
        padding: 0 40px;
        font-size: 14px
    }
    .search-empty .text {
        font-size: 18px;
        margin: 0 0 30px
    }
    .search-empty .text .q {
        font-size: 24px
    }
    .catalog-item-hidden,
    .catalog-item-hidden .avalibility,
    .catalog-item-hidden .rating .link {
        font-size: 11px
    }
    .news-item-inner img {
        max-width: 100%;
        height: auto !important
    }
    .news-item-inner figure {
        max-width: 100%;
        margin: 0 0 20px
    }
    .news-item-inner figure img {
        max-width: 100%
    }
    .catalog-item-horizontal {
        position: relative
    }
    .catalog-item-horizontal .img-wrap {
        float: none;
        width: auto;
        margin: 0 0 15px
    }
    .catalog-item-horizontal .catalog-item-horizontal-footer {
        margin-top: 30px
    }
    .catalog-item-horizontal .catalog-item-horizontal-footer .buy-btn {
        float: right
    }
    .catalog-item-horizontal .rating .stars {
        position: absolute;
        right: 15px;
        top: 10px;
        margin: 0
    }
    .catalog-item-horizontal .over {
        margin-left: 0;
        position: static;
        overflow: visible
    }
    .catalog-selected {
        margin-bottom: 8px
    }
    .catalog-carousel .owl-carousel,
    .catalog-inner-carousel .owl-carousel {
        margin: 0 0 -45px
    }
    .catalog-list ul li {
        height: 300px
    }
    .catalog-item {
        height: 245px
    }
    .catalog-item .name {
        font-size: 11px;
        height: 47px
    }
    .catalog-item-hidden .rating {
        float: none;
        margin: 0 0 5px
    }
    .catalog-item .price {
        font-size: 10px
    }
    .catalog-item .price span {
        font-size: 10px;
        margin: 0
    }
    .catalog-item .price .old-price {
        font-size: 9px;
        margin: 0
    }
    .news-list .news-item .title,
    .reviews-list ul li .title {
        font-size: 13px
    }
    .catalog-carousel-line {
        padding-bottom: 0
    }
    .catalog-carousel-line .section-header {
        padding-right: 75px
    }
    .catalog-carousel-line .owl-prev {
        right: 35px
    }
    .catalog-carousel-line .owl-next,
    .catalog-carousel-line .owl-prev {
        -webkit-transform: scale(.82);
        transform: scale(.82);
        margin: 0 0 11px
    }
    .reviews-list ul li {
        padding: 0;
        margin: 0 0 20px
    }
    .reviews-list ul li + li {
        padding-top: 20px;
        border-top: 1px solid #e1e8ec
    }
    .reviews-list ul li .date {
        position: static;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }
    .reviews-list ul li .rating {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -2px
    }
    .reviews-list ul li .img-wrap {
        width: 90px;
        margin: 0 15px 0 0
    }
    .reviews-list ul li .text {
        display: inline-block;
        width: 100%;
        margin: 15px 0 0
    }
    .registration-block .registration-open-id img {
        width: 32px
    }
    .seo-text img {
        max-width: 33%
    }
    .news-list {
        margin: 0 0 35px
    }
    .news-list ul li {
        padding: 20px 0;
        margin: 0;
        border-bottom: 1px solid #e1e8ec;
        min-height: 60px
    }
    .news-list ul li .date {
        margin-bottom: 0
    }
    .news-list ul li:first-child {
        padding-top: 0
    }
    .news-list .news-item {
        position: relative;
        padding: 0 0 0 110px
    }
    .news-list .news-item .img-wrap {
        width: 100px;
        position: absolute;
        left: 0;
        top: 0;
        max-height: 60px;
        overflow: hidden;
        border-radius: 2px;
        text-align: center
    }
    .news-list .news-item .img-wrap img {
        max-height: 60px
    }
    .news-list .news-item .over {
        display: none
    }
    .news-list .news-item .title a {
        text-decoration: none
    }
    .sub-categories-list ul {
        margin: 0 0 0 -4%
    }
    .sub-categories-list ul li {
        width: 46%;
        margin: 0 0 4% 4%
    }
    .sub-categories-list .sub-category-item .name {
        font-size: 10px
    }
    .letter-group {
        padding: 29px 25px 29px 0
    }
    .letter-group .letter-group-header {
        width: 90px
    }
    .letter-group .items ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

@media screen and (max-width: 400px) {
    .catalog-list ul li {
        height: 270px
    }
    .catalog-list ul li .catalog-item .img {
        height: 160px;
        line-height: 160px
    }
}

@media screen and (max-width: 360px) {
    .catalog-list ul li {
        height: auto
    }
    .catalog-list ul li .catalog-item {
        height: auto;
        min-height: 0
    }
    .catalog-list ul li .catalog-item .img {
        height: 140px;
        line-height: 140px
    }
}

@media print {
    .breadcrumbs,
    .compare-page .clear-compare,
    .compare-page .compare-block .compare-block-title .buttons-wrap *,
    .compare-page .compare-page-top-header,
    .main-menu,
    .page-header .search-block,
    .page-header .user-menu {
        display: none !important
    }
    a[href]:after {
        content: none !important
    }
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
    .compare-page .compare-block .lines .line:nth-child(odd) {
        background: #f5f7f9 !important
    }
    .compare-page .compare-block .compare-block-title .buttons-wrap {
        height: 33px
    }
    .compare-page .compare-block .compare-block-content .slider-wrap .slidee {
        width: 100% !important
    }
    body {
        width: 1024px
    }
    .page-header {
        background: url(/bitrix/templates/zabros/css/../i/header-pattern.png) repeat-x !important
    }
    .page-header .phone-block .phone-wrap .phone {
        display: inline-block !important;
        font-size: 16px;
        color: #2b3d4f
    }
    .page-header .phone-block .phone-wrap .phones-popup {
        display: inline-block !important;
        position: static;
        opacity: 1;
        border: 0;
        width: auto;
        padding: 0;
        margin: 0 !important
    }
    .page-header .phone-block .phone-wrap .phones-popup ul {
        display: inline-block
    }
    .page-header .phone-block .phone-wrap .phones-popup ul li {
        display: inline-block;
        font-size: 16px;
        color: #2b3d4f;
        font-weight: 700;
        margin-left: 10px
    }
    .page-footer,
    .page-footer .footer-cols .col .copyright {
        color: #fff !important
    }
    .page-header .phone-block .phone-wrap .phones-popup ul li img {
        width: 16px
    }
    .page-header .phone-block .callback-link {
        display: none !important
    }
    .page-footer {
        background: #23313f !important;
        text-align: center
    }
    .page-footer .footer-cols .col {
        display: none
    }
    .page-footer .footer-cols .col:first-child {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0
    }
    .page-footer .footer-cols .col .copyright img {
        display: none
    }
}

@media (max-width: 400px) {
    .product-page .product-buy-line .price {
        margin-right: 0
    }
}

@media (max-width: 1100px) {
    #window-sizes {
        width: 700px
    }
}

@media (max-width: 800px) {
    #window-sizes {
        width: 500px
    }
}

@media (max-width: 520px) {
    #window-sizes {
        width: 260px
    }
    .sticker {
        width: 100%;
        max-width: 85px
    }
}

@media screen and (max-width: 480px) {
    .catalog-item .price .old-price {
        margin: 0
    }
}

.menu__top ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.menu__top {
    position: relative;
    z-index: 999;
    padding-right: 239px;
    padding-left: 325px;
    padding-top: 21px;
}

.menu__top ul li {
    list-style-image: none;
    text-align: left;
    margin-right: 22px;
}

.menu__top ul li a {
    text-decoration: none;
    font-size: 14px;
    color: #2b3d4f;
    line-height: 1;
}

.menu__top ul li a:hover {
    text-decoration: underline;
}

.page-header {
    padding-top: 0px;
}

.page-header .header-inner {
    margin: 15px 0 15px 0;
}

.page-header .phone-block {
    margin: 14px 58px 0 0;
}

.page-header .search-block {
    margin: 34px -3px 0px;
}

@media screen and (max-width: 1275px) {
    .menu__top {
        padding-top: 43px;
    }
    .page-header .header-inner {
        margin: 15px 0 15px 0;
    }
}

@media screen and (max-width: 992px) {
    .menu__top {
        margin-right: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-header .header-inner {
        margin: 15px 0 15px 0;
    }
    .menu__top ul li {
        text-align: center;
        margin-right: 0px;
        flex-grow: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.tabs__renew {
    display: flex;
}

a.tabs__newtab {
    background-color: #e9edf0;
    text-align: center;
    color: #2b3d4f;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px 3px 0 0;
    padding: 12px 18px;
    height: 16px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.tabs__newtab.active {
    background-color: #3598d9;
    color: #fff;
}

.tab-header {
    display: none;
}

.product-page .product-tabs {
    padding-top: 0;
}

@media screen and (max-width: 480px) {
    .menu__top {
        display: none;
    }
    .page-header {
        padding-top: 0px;
    }
    .tabs__renew {
        display: none;
    }
}

.grecaptcha-badge {
    display: none !important;
}

.no-submenu > a:after {
    display: none!important;
}

.no-submenu:after {
    display: none!important;
}

.main-menu > ul > li > a .icon.main-menu-icon7 {
    background-image: url(/bitrix/templates/zabros/i/sprite2.png);
    background-position: 0 0;
    width: 32px;
    height: 32px;
}

.desktop .main-menu > ul > li:hover > a .icon.main-menu-icon7 {
    background-position: 31px 0px;
}

.main-menu > ul > li:first-child {
    margin-top: 3px;
}

.main-menu > ul > li:not(:last-child) {
    margin-bottom: 7px;
}

.main-menu > ul > li > a {
    min-height: 31px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.nosubmenu {
    right: auto!important;
}

@media screen and (max-width: 1275px) {
    .main-menu > ul > li > a .icon {
        left: 6px;
        top: 0;
    }
    .main-menu > ul > li > a {
        padding: 2px 10px 1px 45px!important;
    }
}
/*новая ширина сайта*/
@media screen and (min-width: 1025px) {

}
@media screen and (min-width: 1280px) and (max-width: 1600px){
    .page-header .phone-block {
        position: absolute;
        left: calc(24% + 545px);
        z-index: 100;
       padding: 17px 0 0;
    }
    .page-header .search-block {
        width: 525px!important;
        margin: 46px 0px 0px!important;
        position: absolute;
        left: 24%;
    }
    .header-phones {
      padding: 10px 0px 0 0!important;
      left: 24%;
    }
}
@media screen and (min-width: 1601px) {
    .page-header .phone-block {
        position: absolute;
        left: calc(24% + 545px);
        padding: 17px 0 0;
        z-index: 100;
    }
    .page-header .search-block {
        width: 525px!important;
        margin: 46px 0px 0px!important;
        position: absolute;
        left: 24%;
    }
    .header-phones {
      padding: 10px 0px 0 0!important;
      left: 24%;
    }
}
@media screen and (min-width: 1240px) {
    .wrap {
        max-width: 1800px;
    }
    .content-cols .sidebar {
      width: 260px;
    }
    .content-cols .content-part {
        margin: 0 0 0 285px;
    }
}
@media screen and (min-width: 1500px) {
    .catalog-list > ul > li {
    width: 17.9%;
    }
    .sub-categories-list ul li {
      width: 14.6%;
    }
    .page-header .user-menu {
      padding: 23px 0 0;
    }
    .header-inner .logo {
        margin-right: calc(23vw - 250px)!important;
    }
    .menu__top ul {
      padding-left: 23vw!important;
    }
}
@media screen and (min-width: 1700px) {
    .categories-list > ul > li {
      width: 22%;
    }
}

/*конец новая ширина сайта*/

/*правки центрирование картинки*/
.product-page .product-gallery .product-gallery-preview .img.active {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*конец правки центрирование картинки*/


/*фикс формы отзывов при масштабе 125%*/
.window .review-form {
    width: auto;
    min-width: 670px;
}
.fancybox-inner {
    height: auto!important;
}
@media screen and (max-width: 730px) {
	.window .review-form {
		 min-width: auto;
	}
}
/*конец фикс формы отзывов при масштабе 125%*/

/*27.10.2021*/
.sub-categories-list .sub-category-item:hover {
    box-shadow: none;
}

.sub-categories-list .sub-category-item {
    border-width: 2px;
}
/*.sub-categories-list .sub-category-item {*/
/*    box-shadow: 0 0 transparent;*/
/*    outline: transparent;*/
/*    overflow: unset;*/
/*    background: unset;*/
/*    background-color: #eaeff3;*/
/*}*/

/*.sub-categories-list ul li {*/
/*    margin: 0 0 2% 0;*/
/*    padding: 5px;*/
/*}*/

/*.sub-categories-list * {*/
/*    box-sizing: border-box;*/
/*}*/

/*.sub-category-item:focus-visible {*/
/*    outline: none;*/
/*}*/

/*.sub-categories-list ul {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*}*/


/*27.10.2021*/



.text-notify {
    padding: 10px;
    font-weight: 600;
    color: red;
}

.text-notify p {
    margin: 0;
}

.choose-btn {
    height: 53px;
    width: 53px;
    display: inline-block;
    position: relative;
    z-index: 1111;
    background-color: #e0e6e8;
    border-radius: 50%;
    cursor: pointer;
    transition: box-shadow .05s ease;
}

.choose-btn:hover {
    box-shadow: inset 0 0 0 2px #3598d9;
}

.choose-btn__text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 53px;
    font-weight: 600;
    width: 100%;
    color: #2b3d4f;
}

.choose-btn__arrow {
    transform: rotate(
            45deg) translateX(-50%);
    position: absolute;
    color: rgba(0, 0, 0, .54);
    border-bottom: 2px solid #2b3d4f;
    border-right: 2px solid #2b3d4f;
    z-index: 3;
    display: block;
    width: 5px;
    height: 5px;
    font-weight: 600;
    cursor: pointer;
    border-left: none;
    border-top: none;
    left: 50%;
    bottom: 8px;
    left: 50%;
}

.choose-btn__list {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #e0e6e8;
    border-radius: 5px;
    font-size: 14px;
    position: absolute;
    z-index: 1111;
    display: none;
}
.choose-btn__list--active {
    display: block;
}
.choose-btn .op{
    opacity:0;
    height:10px;
}
.choose-btn:hover .choose-btn__list {display: block;}

.page-header .user-menu a.sort-display-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: unset;
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

.user-menu{
    display: flex;
    flex-wrap: nowrap;
}

@media(max-width: 1380px) {

    .page-header .header-inner {
        position: relative;
        padding-bottom: 70px;
        margin: 15px 0 15px 0;
    }
    .page-header .header-inner .user-menu {
        position: absolute;
        right: 9px;
        bottom: -4px;
    }

    .page-header .header-inner .search-block {
        position: absolute;
        left: 0;
        bottom: 4px;
    }

    .page-header .search-block {
        width: 70% !important;
    }

    .page-header .phone-block {
        left: unset !important;
        right: 0;
    }


}

@media(max-width: 1275px) {
    .page-header .header-inner .phone-block {
        padding-top: 30px !important;
    }
}

@media(max-width: 1080px) {
    .page-header .header-inner .user-menu {
        bottom: 52px !important;
    }

    .page-header .header-inner .search-block {
        width: 75%;
    }

    .page-header .header-inner .phone-block {
        padding-top: 13px !important;
    }
}

@media (max-width: 930px) {
    .page-header .header-inner .search-block {
        width: 100% !important;
    }

    .header-phones {
        top: 90px !important;
    }

    .page-header .header-inner .phone-block {
        top: 70px !important;
    }

    .page-header .header-inner .user-menu {
        bottom: 130px !important;
    }
}

@media(max-width: 768px) {
    .page-header .header-inner .logo {
        max-width: 200px;
    }

    .page-header .header-inner .phone-block {
        top: 115px !important;
        padding-top: 10px !important;
    }

    .header-phones {
        top: 7px !important;
    }

    .page-header .header-inner {
        padding-bottom: 100px !important;
    }

    .page-header .header-inner .user-menu {
        bottom: 115px !important;
    }
}

@media(max-width: 745px) {
    .page-header .header-inner .search-block {
        width: 70% !important;
    }
}

@media(max-width: 725px) {
    .page-header .header-inner .phone-block {
        padding-top: 10px;
    }
}

@media(max-width: 680px) {
    .page-header .header-inner .search-block {
        width: 100% !important;
    }

    .page-header .header-inner .phone-block {
        top: 105px !important;
        padding-top: 0 !important;
    }

    .page-header .header-inner .user-menu {
        position: static;
        right: 0;
        left: 0;
    }

    /*.page-header .header-inner .user-menu a {*/
    /*    width: 20%;*/
    /*}*/

    /*.page-header .header-inner .user-menu .user-item {*/
    /*    width: 20%;*/
    /*}*/

    .choose-btn {
        width: 20%;
        height: 42px;
        border-radius: unset;
    }

    .choose-btn__text {
        height: 42px;
    }

    .choose-btn__arrow {
        bottom: 3px;
    }

    .choose-btn__list {
        left: 0;
        right: 0;
        text-align: center;
    }

    .choose-btn__item {
        padding: 5px 0;
    }

    .sort-display-link {
        width: 100%;
    }

    .header-phones {
        top: 90px !important;
    }
}

@media(max-width: 355px) {
    .header-phones {
        top: 100px !important;
    }
}

.product-descr {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}

.product-descr h1 {
    margin-bottom: 0;
    margin-right: 30px;
}

.product-descr .code {
    white-space: nowrap;
}

.product-descr #product_name {
    padding-right: 0 !important;
}
 
@media(max-width: 1100px){
    .product-descr{
        flex-direction: column;
        align-items: flex-start;
    }
    .product-descr h1{
        margin-bottom: 15px;
        margin-right: 0;
    }
}
/* End */


/* Start:/bitrix/templates/zabros/desktop_style.css?174341755620072*/
.opct0, .product-page .product-cols .col.preloader .product-gallery { opacity: 0; }



.main-menu > ul > li .sub-menu > ul > li .categories > ul.columns2 {

  width: 560px;

}



.desktop .main-menu > ul > li .sub-menu > ul > li.non-parent:hover:before,

.desktop .main-menu > ul > li .sub-menu > ul > li.non-parent:hover:after {

  display: none;

}

.desktop .main-menu > ul > li .sub-menu > ul > li.non-parent:hover > a:after {

  display: none;

}

.desktop .main-menu>ul>li .sub-menu>ul>li:hover .categories.two {

  width: 560px;

}

.main-menu > ul > li .sub-menu > ul > li .categories.two > ul {

  float: left;

  width: 280px;

}

.main-menu > ul > li .sub-menu > ul > li .categories.two > ul > li {

  width: auto;

}

.main-menu > ul > li .sub-menu > ul > li .categories {

  padding: 7px 0 7px;

}

.main-menu > ul > li .sub-menu > ul > li .categories > ul > li > a {

  padding-left: 17px;

  padding-right: 17px;

}

.desktop .main-menu > ul > li .sub-menu > ul > li:hover:before {

  width: 3px;

}

.main-menu > ul > li .sub-menu > ul > li .categories.two > ul:nth-child(2):before {

  content: '';

  width: 1px;

  background: #e1e8ec;

  top: 0;

  bottom: 0;

  right: 50%;

  position: absolute;

  z-index: 12;

  border-left: #fff solid 1px;

  border-right: #fff solid 1px;

}

.artnumber {

  font-weight: bold;

}

@media screen and (max-device-width: 1024px) and (min-device-width: 769px) {

  .main-menu>ul>li .sub-menu {

    width: 304px;

    box-sizing: initial;

  }

  .main-menu>ul>li .sub-menu>ul>li {

    padding: 0;

  }

  span.menu_hiden.active+.sub-menu span.menu_hiden {

    margin-right: 5px;

  }

  .main-menu>ul>li .sub-menu>ul>li .categories>ul,

  .main-menu > ul > li .sub-menu > ul > li .categories.two > ul {

    width: 304px;

  }

  .main-menu>ul>li .sub-menu>ul>li .categories>ul>li {

    width: 304px;

  }

  .main-menu > ul > li .sub-menu > ul > li .categories.two > ul > li:last-child > a {

    border-bottom: 1px solid #e1e8ec;

  }

  .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li span.menu_hiden {

    position: absolute;

    left: 5px;

    top: 0px;

    margin-left: 0;

  }

  .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li:nth-last-child(1) span.menu_hiden {

    position: absolute;

    left: 5px;

    top: 35px;

    margin-left: 0;

  }

  .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li.is-parent {

  // position: relative;

  }

  .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li.is-parent:after {

    content: '';

    display: table;

    clear: both;

  }

  .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li.is-parent a {

    padding-left: 35px;

  // float: none;

  }

  .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li span.menu_hiden.active {

    transform: rotate(180deg);

  }



}

@media (max-width: 1024px) {

  .main-menu > ul > li.active .sub-menu > ul {

    width: 100%;

  }

  .main-menu>ul>li .sub-menu {

    width: 100%;

  }

  .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul > li > a {

    padding-left: 60px;

  }

  .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul > li > ul > li > a {

    padding-left: 75px;

  }

  .main-menu>ul>li .sub-menu>ul>li .categories>ul>li {

    width: 100%;

  }

  .main-menu > ul > li.active .sub-menu > ul > li.is-parent > a:after {

    display: block;

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  .main-menu > ul > li.active .sub-menu > ul > li.is-parent.active > a:after {

    display: block;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li > a:after, .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li > a:after, .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li > a:after {

    left: auto;

    right: 13px;

  }

  .main-menu > ul > li .sub-menu > ul > li .categories > ul > li:last-child > a {

    border-bottom: 1px solid #e1e8ec;

  }

  .main-menu.active > ul {

    padding-bottom: 0;

  }

  .main-menu.active > ul > li {

    border-bottom: 1px solid #e1e8ec;

  }

  .main-menu.active > ul > li:nth-last-child(1) {

    border: none;

  }

  .main-menu > ul > li > a {

    padding-right: 0;

    position: relative;

    z-index: 1

  }

  .main-menu.active > ul > li:after {

    content: '';

    display: block;

    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);

    background-position: -183px -59px;

    width: 8px;

    height: 12px;

    position: absolute;

    right: 13px;

    top: 13px;

    z-index: 0;

    margin: -6px 0 0;

  }

  .main-menu.active > ul > li.active:after {

    background-position: -185px -211px;

    width: 9px;

    height: 13px;

    top: 16px;

    transform: rotate(90deg);

    z-index: 2;

    display: none;



  }

  .main-menu.active > ul > li.active>a:after {

    content: '';

    position: absolute;

    display: block;

    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);

    background-position: -185px -211px;

    width: 9px;

    height: 13px;

    top: 16px;

    right: 13px;

    transform: rotate(90deg);

    z-index: 2;

    margin: -6px 0 0;

  }

  .main-menu.active > ul > li:nth-last-child(1):after {

    display: none;

  }

}

@media (max-width: 1030px) {

  .main-menu > ul > li .sub-menu > ul > li .categories.two > ul:nth-child(2):before {

    display: none;

  }

}



@media (min-width: 1025px) {

  .header__menu {

    display: flex;

    position: relative;

  }

  .header__menu:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 5px;

    height: 4px;

    background: #3598d9;

    border-radius: 2px;

  }

  .header__menu .main-menu {

    width: 20%;

    margin-top: 20px;

    background: white;

    padding: 0;

    position: static;

  }

  .header__slider {

    width: 80%;

  }



  .header__menu .main-menu > ul {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    height: calc(100% - 48px);

    border-left: 1px solid #e1e8ec;

    border-right: 1px solid #e1e8ec;

  }

  .header__menu.header__menu--btn .main-menu > ul {

    height: auto;

  }

  .main-menu > ul > li {

    width: 100%;

    text-align: left;

    position: static;

    max-width: 251px;

  }

  .main-menu > ul > li > a {

    border-radius: 0;

  }

  .main-menu > ul > li + li {

    margin: 0;

  }



  .desktop .main-menu > ul > li:first-child:hover .sub-menu {

    left: calc(20% - 1px);

    right: 0;

    top: 20px;

  }

  .desktop .header__menu--btn .main-menu > ul > li:first-child:hover .sub-menu {

    right: 0;

    top: 20px;

    min-height: 100%;

    max-height: 191%; /* DELETE */

  }

  .main-menu > ul > li .sub-menu {

    margin: 0;

    border: 1px solid #e1e8ec;



  }

  .desktop .main-menu > ul > li:hover .sub-menu {

    left: calc(20% - 1px);

    top: 20px;

    min-height: calc(100% - 20px);

    right: 0;

  }

  .desktop .catalog-page .main-menu > ul > li:hover .sub-menu {
    min-height: 100%;
  }

  .desktop .main-menu > ul > li:hover > a:after {

    content: '';

    display: block;

    background-image: url(/bitrix/templates/zabros/css/../i/sprite.png);

    background-position: -184px -211px;

    width: 10px;

    height: 14px;

    position: absolute;

    left: 87%;

    top: 50%;

    margin: -12px 0 0;

  }

  .main-menu:before {

    display: none;

  }



  .desktop .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li:hover .categories, .desktop .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li:hover:after, .desktop .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li:hover:before, .desktop .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li:hover .categories, .desktop .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li:hover:after, .desktop .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li:hover:before, .desktop .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li:hover .categories, .desktop .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li:hover:after, .desktop .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li:hover:before {

    left: 100%;

  }



  .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li > a:after, .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li > a:after, .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li > a:after {

    right: 13px;

    left: auto;

    transform: none;

  }



  .main-menu .mobile-header {

    display: block;

    height: 49px;

    line-height: 49px;

    background: #38b44a;

    font-size: 17px;

    font-weight: 700;

    color: #fff;

    cursor: default;

    pointer-events: none;

    padding-left: 50px;

  }



  .header__menu.header__menu--btn .main-menu > ul {

    display: none;

    position: absolute;

    background: #fff;

    z-index: 1000;

    left: 0;

    min-width: 251px;

  }

  .header__menu.header__menu--btn .main-menu > ul:hover {

    right: 0;

  }



  .header__menu.header__menu--btn .main-menu:hover > ul {

    display: flex;

  }



  .main-menu .toggle-icon {

    display: block;

    left: 14px;

    top: 39px;

    height: 23px;

    pointer-events: none;

    background-position: -329px -278px;

  }

  .main-menu .toggle-icon.not-main {

    top: calc(50% - 20px);

    transform: translateY(100%);

  }

  .main-menu>ul>li .sub-menu {

    width: auto;

    padding: 0;

    z-index: 100;

  }

  .main-menu>ul>li .sub-menu>ul {

    width: 100%;

    max-height: 100%;

    column-count: 4;

    /*padding: 10px;*/

    padding: 10px 10px 0 10px;
    column-gap: 0;

 break-inside: avoid;

  }

  .main-menu>ul>li .sub-menu>ul>li {

    display: inline-block;

    margin: 5px;

    width: 100%;

  }

  .main-menu > ul > li .sub-menu > ul > li .categories > ul > li > ul > li + li > a, .main-menu > ul > li .sub-menu > ul > li + li > a {

    border: none;

  }

  .sub-menu--child {

    margin: 0;

    padding: 0 10px;

    list-style: none;

    line-height: 1.33;

    font-size: 14px;

  }

  .sub-menu--child li a {

    text-decoration: none;

    color: #91979a;

  }

  .sub-menu--child li a:hover {

    color: #3598d9;

  }

  .sub-menu--child li ul {

    margin: 0;

    padding: 0 0 0 12px;

  }

  .sub-menu--child li ul li a:hover {

    color: #3598d9;

  }

  .sub-menu--child ul {

    margin: 0;

    padding: 0 0 0 12px;

  }

  .sub-menu--child ul li a:hover {

    color: #3598d9;

  }

  .main-menu>ul>li .sub-menu>ul>li>a {

    font-weight: 700;

  }

  .desktop .main-menu > ul > li .sub-menu > ul > li:hover > a {

    background: none;

    color: #2b3d4f;

  }

  .main-menu > ul > li .sub-menu > ul > li > a:hover {

    color: #3598d9!important;

  }

  .desktop .main-menu > ul > li .sub-menu > ul > li:hover > a:after {

    display: none;

  }

  .desktop .main-menu > ul > li .sub-menu > ul > li:hover:before {

    display: none;

  }

  .desktop .main-menu > ul > li .sub-menu > ul > li:hover:after {

    display: none;

  }

  .main-menu > ul > li .sub-menu > ul > li > a {

    padding: 0 10px 5px 10px;

    font-size: 15px;

  }

  .main-menu > ul > li:nth-last-child(1) .sub-menu > ul > li > a, .main-menu > ul > li:nth-last-child(2) .sub-menu > ul > li > a, .main-menu > ul > li:nth-last-child(3) .sub-menu > ul > li > a {

    padding: 0 10px 5px 10px;

  }

  .sub-menu--max-height {

    max-height: 560px;

  }



  /*not main*/

  .header__menu-wrap.header__menu-wrap--btn {

    display: flex;

    align-items: center;

    position: relative;

    padding: 20px 0 0;

  }

  .header__menu.header__menu--btn {

    width: 22%;

    position: static;

  }

  .header__menu.header__menu--btn:before {

    display: none;

  }

  .header__menu.header__menu--btn .main-menu {

    width: 100%;

    margin: 0 20px 0 0;

  }

  .header__menu.header__menu--btn .header__slider {

    width: auto;

  }

  .header__menu-wrap.header__menu-wrap--btn:before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 5px;

    height: 4px;

    background: #3598d9;

    border-radius: 2px;

  }

  .desktop .header__menu--btn .main-menu > ul > li:first-child:hover .sub-menu {

    /*left: calc(20% - -9px);*/

    top: 0;

  }

  .desktop .header__menu--btn .main-menu > ul > li:hover .sub-menu {

    left: calc(20% + 9px);

    top: 0;

  }

}



@media (min-width: 1276px) {

  .main-menu .toggle-icon {

    left: 24px;

  }

  .main-menu .mobile-header {

    padding-left: 60px;

  }

}

.brand-breadcrumbs a:first-of-type:before {

  display: none;

}



.page-header.menu-shown.page__header {

  position: relative;

  z-index: 1001;

  box-shadow: 0 0 0 99999px rgba(0, 0, 0, .8);

}



.page-header.menu-shown .main-slider:after {

  display: none;

}



.main-slider {

  margin: 20px 0 0 8px;

}



.page-header {

  background-repeat: repeat;

}



@media (max-width: 1275px) {

  .desktop .header__menu--btn .main-menu > ul > li:first-child:hover .sub-menu {

    max-height: unset;

  }

}



@media (min-width: 1025px) and (max-width: 1200px) {

  .sub-menu--max-height {

    max-height: 473px;

  }

  .header__menu.header__menu--btn .main-menu > ul {

    min-width: 234px;

  }

  .main-menu > ul > li {

    max-width: 234px;

  }

}





@media (max-width: 1024px) {

  .main-menu > ul, .main-menu > ul > li.active .sub-menu > ul > li:after, .main-menu > ul > li.active .sub-menu > ul > li:before {

    display: none;

  }

  .main-menu .toggle-icon {

    display: block;

  }

  .main-menu .mobile-header {

    display: block;

    text-align: center;

    font-size: 16px;

    color: #2b3d4f;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1;

    padding: 9px 35px;

  }

  .main-menu > ul > li > a {

    padding-left: 6px

  }



  .main-menu > ul > li.active > a {

    background: #3598d9;

    color: #fff;

    border-radius: 0

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon1, .main-menu > ul > li.active > a .icon.main-menu-icon2, .main-menu > ul > li.active > a .icon.main-menu-icon3, .main-menu > ul > li.active > a .icon.main-menu-icon4, .main-menu > ul > li.active > a .icon.main-menu-icon5, .main-menu > ul > li.active > a .icon.main-menu-icon6 {

    background-image: url(/bitrix/templates/zabros/../i/sprite.png);

    width: 32px;

    height: 32px

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon1 {

    background-position: -254px -151px

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon2 {

    background-position: 0 -250px

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon3 {

    background-position: -74px -250px

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon4 {

    background-position: -148px -250px

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon5 {

    background-position: -222px -250px

  }



  .main-menu > ul > li.active > a .icon.main-menu-icon6 {

    background-position: -254px -77px

  }



  .main-menu > ul > li.active .sub-menu {

    position: static;

    opacity: 1;

    margin: 0;

    padding: 0;

    border: 0;

    border-bottom: 1px solid #e1e8ec

  }







  .main-menu > ul > li.active .sub-menu > ul > li {

    padding: 0;

    margin: 0

  }



  .main-menu > ul > li.active .sub-menu > ul > li > a {

    padding-left: 44px

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active > a {

    background: #eaeff3;

    color: #3598d9

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active > a:after {

    display: block;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active .categories {

    position: static;

    opacity: 1;

    border: 0;

    padding: 0;

    width: auto

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active .categories li {

    margin: 0

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active .categories ul {

    margin: 0;

    width: 100% !important

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul {

    -webkit-columns: 1;

    -moz-columns: 1;

    columns: 1

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul > li > a {

    padding-left: 85px

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active .categories > ul > li > ul > li > a {

    padding-left: 105px;

    border: 0;

    border-bottom: 1px solid #e1e8ec

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active:before {

    content: '';

    width: 4px;

    background: #fff;

    top: -7px;

    bottom: -7px;

    left: 100%;

    position: absolute;

    z-index: 12

  }



  .main-menu > ul > li.active .sub-menu > ul > li.active:after {

    content: '';

    width: 1px;

    background: #e1e8ec;

    top: -7px;

    bottom: -7px;

    left: 100%;

    position: absolute;

    z-index: 13;

    margin: 0 0 0 1px

  }



  .main-menu.active > ul {

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    background: #fff;

    z-index: 1000;

    margin: 0 -10px;

    padding: 10px 0

  }



  .main-menu.active > ul:before {

    content: '';

    position: absolute;

    left: 10px;

    right: 10px;

    top: 0;

    height: 1px;

    background: #d6dadc

  }



  .main-menu.active > ul > li {

    display: block;

    text-align: left;

    margin: 0 0 5px

  }



  .main-menu.active > ul > li + li {

    margin: 0 0 5px

  }

}



@media screen and (max-device-width: 1024px) and (min-device-width: 769px) {

  .span.menu_hiden {

    display: none

  }

}



.main-menu>ul>li .sub-menu {

  width: auto!important;

  padding: 0!important;

}



@media (min-width: 1280px) {

  .desktop .main-menu > ul > li:first-child:hover .sub-menu {

    max-height: none; /* DELETE */

  }

  .desktop .header__menu--btn .main-menu > ul > li:first-child:hover .sub-menu {

    max-height: none; /* DELETE */

  }

}
@media (min-width: 1416px) {

  .desktop .main-menu > ul > li:first-child:hover .sub-menu {

    max-height: none;
    /*max-height: 510px; !* DELETE *!*/

  }

  .desktop .header__menu--btn .main-menu > ul > li:first-child:hover .sub-menu {

    max-height: none;
    /*max-height: 510px; !* DELETE *!*/

  }

}


@media (min-width: 1025px) {
  .header__menu.header__menu--btn .main-menu {max-width:225px;min-width:225px;}
  .header__menu.header__menu--btn {min-width:250px;max-width:250px;}
  .desktop .header__menu--btn .main-menu > ul > li:hover .sub-menu {left:225px;}
}

@media (min-width: 1240px) {
  .header__menu.header__menu--btn .main-menu {max-width:260px;min-width:260px;}
  .header__menu.header__menu--btn {min-width:285px;max-width:285px;}
  .desktop .header__menu--btn .main-menu > ul > li:hover .sub-menu {left:260px;}
}

.no-submenu > a:after {
    display: none!important;
}

.no-submenu:after {
    display: none!important;
}

#bx_incl_area_8 {width: 20%;}
#bx_incl_area_8 .main-menu {width: 100%;height: calc(100% - 20px);}

.header__menu--btn #bx_incl_area_8 {width: 100%;margin: 0 20px 0 0;}

/*ADD NEW STYLES*/
@media (min-width: 1025px){
  .main-menu>ul>li .sub-menu>ul>li {
    display: inline-block;
    margin: 5px;
    width: calc(25% - 20px);
  }
}


/*ADD NEW STYLES*/

.product-buy-line .no-available {background-color:#38b44a;text-align:center;color:#fff;font-weight:700;border-radius:25px;padding:8px 5px;text-decoration:none;text-transform:uppercase;line-height:1.25;display:inline-block;font-size:13px;max-width:150px}

.catalog-item .buy-btn {color:#fff;border-color:#38b44a;background-color:#38b44a;}
.catalog-item .buy-btn.btn_subscribe, .catalog-item .buy-btn.btn_subscribe_url {border-color:#3598d9;background-color:#3598d9;}

.text-notify {
  /*border-bottom: 4px solid #3598d9;*/
  position: relative;
  z-index: 999;
  margin-bottom: 0;


}

.text-notify:after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 4px;
  background: #3598d9;
  border-radius: 2px;
}
/* End */


/* Start:/bitrix/templates/zabros/styles.css?168025887615229*/
.catalog-item-inner {
    overflow: hidden;
}
.catalog-item-logo-delivery {
    background: #5065a0;
    color: #fff;
    right: -75px;
    position: absolute;
    width: 200px;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(40deg);
    line-height: 12px;
    font-size: 9px;
    padding-left: 57px;
}
.catalog-item-logo-delivery  span{
    width: 70px;
    display: inline-block;
    text-align: center;	
}
.product-page .product-gallery .product-gallery-preview {
    overflow: hidden;
}
.sticker-delivery {
    background: #5065a0;
    color: #fff;
    right: -70px;
    top: 20px;
    position: absolute;
    width: 260px;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(45deg);
    line-height: 12px;
    font-size: 11px;
    padding-left: 55px;
    font-weight: 600;
}
.sticker-delivery   span{
    position: relative;
    width: 160px;
    display: inline-block;
    text-align: center; 
}
.sticker-delivery span:before {
    content: '';
    background: url(/bitrix/templates/zabros/stickers/delivery.png) no-repeat center center;
    display: block;
    height: 34px;
    margin-bottom: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);	
} 
span.menu_hiden.active+.sub-menu span.menu_hiden{
	margin-left: -30px;
}

span.menu_hiden.active+.categories{
	left: 100% !important;
    opacity: 1 !important; 
}
span.menu_hiden.steps2 {
    top: 50%;
    margin-top: -12px;
}

.main-menu>ul>li .sub-menu>ul>li .categories{
	top: -9px;
	min-height: 100%;
}
.main-menu>ul>li .sub-menu>ul>li {
    padding: 0px 0px 0px 0px;
}
.main-menu>ul>li .sub-menu>ul{
  display: inline-block;
}
.main-menu>ul>li .sub-menu>ul>li>a {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.main-menu>ul>li .sub-menu>ul>li .menu_hiden {
  position: relative;
  float: right;
  left: 0;
  top: 0;
  /*margin: 6px 2px 0 0;*/ 
}
.main-menu>ul>li .sub-menu{
	padding: 7px 0 1px 0;
	width:299px;
	box-sizing: border-box;
}
.desktop .main-menu>ul>li .sub-menu>ul>li:hover .categories {
    min-width: 271px;  
}
.main-menu>ul>li .sub-menu>ul>li .categories>ul>li {
	width: 271px;
}	 
	
@media screen and (min-device-width: 769px) and (max-device-width: 1024px) {
	
	.main-menu>ul>li .sub-menu>ul>li {
		padding: 0px 7px;
	}
	.main-menu>ul>li .sub-menu{
		width: 204px;
		box-sizing: initial;
	}
	.main-menu>ul>li .sub-menu>ul>li .categories>ul>li {
		width: 176px;
	}
	.sub-menu>ul>li.active:before{
		content:'';
		width:4px; 
		background:#fff;
		top:-7px;
		bottom:-7px;
		left:100%;
		position:absolute;
		z-index:12
	}  
	.sub-menu>ul>li.active:after{
		content:'';
		width:1px;
		background:#e1e8ec;
		top:-7px;
		bottom:-7px;
		left:100%;
		position:absolute;
		z-index:13;
		margin:0 0 0 1px
	} 	
	.main-menu>ul>li .sub-menu>ul>li .categories>ul {
		min-width: 150px;
		width: inherit;
	}
	.main-menu>ul>li .sub-menu>ul {
		min-width: 200px;
		width: inherit;
	}
	.main-menu>ul>li .sub-menu>ul>li .categories>ul.columns2 {
		width: 400px;
	}	
	span.menu_hiden {
		content: '';
		background: #e0e6e8 url(/bitrix/templates/zabros/i/sprite.png);
		background-position: -327px -303px;
		width: 12px;
		height: 12px;
		position: absolute;
		left: 100%;
		top: 0;
		margin: 3px 0 0 -18px;
		padding: 2px;
		border-radius: 100%;
		border: 4px solid #e0e6e8;
		display: none;
	}
	.sub-menu span.menu_hiden.active{
		background-position: -139px -319px;
	}				
	span.menu_hiden.active+.sub-menu{
		opacity: 1;
		display: block;
		left: inherit;
		margin-left: 14px;
		padding: 7px 0 1px 0;
	} 
	.main-menu>ul>li>a {
		padding: 2px 20px 1px 5px;
	}
	.main-menu>ul>li .sub-menu>ul:after {
		bottom: -13px;
	}
	.main-menu>ul>li .sub-menu>ul:before {
		bottom: -13px;
	}
	.main-menu>ul>li .sub-menu>ul>li .menu_hiden {
		 margin: 6px 2px 0 0;
	}
    .main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li span.menu_hiden.active+.categories{
		left: auto !important;
		right: 100% !important;
	}
	.main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li.active:before{
		left: auto !important;
		right: 100% !important;
	}  
	.main-menu>ul>li:nth-child(n+4) .sub-menu>ul>li.active:after{
		left: auto !important;
		right: 100% !important;
	} 	
}    
	
	
@media screen and (max-width: 767px) {
	span.menu_hiden {
		display:none
	}	
	.catalog-item-logo-delivery {
		right: -80px;
		font-size: 8px;
		line-height: 8px;
		margin-top: 5px;
	}
	.sticker-delivery{
	    right: -80px;
		font-size: 8px;
		line-height: 10px;
		margin-top: 10px;	
	}
	.sticker-delivery span:before{
	     display:none;
	}
} 
@media screen and (max-width: 720px) {
	.wrap_mW._show_1e{
		display: none;
	}
}


/*		pnz		*/

.page-header .menu__top {background-color: #23313f; margin-bottom: 40px; padding: 7px 0 10px 0;}
.menu__top ul li a{color: #ffffff;}
.menu__top {padding: 10px ; margin-bottom: 15px;}
.menu__top ul {padding-left: 267px; padding-right: 267px; justify-content: flex-start;}
.page-header .header-inner .logo {margin: 0 23px 0 0;}
.page-header .search-block {margin: 53px -3px 0px;}
.page-header .phone-block .callback-link {padding: 10px 15px; background-color: #e0e6e8; font-size: 13px; text-transform: uppercase; text-decoration: none; border: 2px solid transparent; border-radius: 19px; color: #2b3d4f; font-weight: 600; box-sizing: border-box;}
.page-header .phone-block .callback-link:hover {border: 2px solid #3598d9;}
.header-phones a {font-size: 19px; color: #2b3d4f; text-decoration: none; font-weight: 700;}
.header-phones a span {color: #98a0a3;}
.header-phones a img {width: 18px; height: 18px; margin-right: 5px;}
.page-header .phone-block {margin: 14px 10px 0 0;}
.page-header .search-block {width: 42%;}
.menu__top ul li {    text-align: left; margin: 0.5px; margin-right: 15px;
	flex-grow: 0;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-moz-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;}


.header-phones {padding: 10px 0px 0 269px ; display: flex; justify-content: space-between; position: absolute; width: 525px;}

@media screen and (max-width: 1275px) {
	.page-header .header-inner .phone-block {margin-right: 10px; padding-top: 18px;}
	.page-header .header-inner {margin: -25px 0 0px;padding-bottom:70px;}
	.page-header .search-block {width: 75%;}
	.header-phones {width: 74.5%;}
	.page-header .header-inner { margin: 15px 0 15px 0; }
}

@media screen and (max-width: 1080px) {
	.header-phones {flex-wrap: wrap;}
	.header-phones a{width: 50%; white-space: nowrap;}
	.header-phones {width: 70%;}
	.page-header .header-inner .search-block {width: 70%;}
	.menu__top ul {padding: 0px 0;}
	.menu__top ul li {justify-content: space-around;}
	.page-header .header-inner .user-menu {bottom: 75px; }
	.page-header .header-inner .phone-block {top: 78px; }

}
@media screen and (max-width: 930px) {
	.header-phones {  width: 60%;  top: 86px; padding: 0; }
	.page-header .header-inner .logo {  margin: 0 23px 45px 0; }
	.page-header .header-inner .phone-block { top: 55px; }
	.page-header .header-inner .user-menu {bottom: 120px;}
	.page-header .header-inner .search-block {width: 100%;}
}

@media screen and (max-width: 850px) {

	.page-header .header-inner .logo {    margin: 0 23px 50px 0px;}

	.header-phones { width: 60%; top: 86px; padding: 0;}
	.header-phones a {width: 50%;}
}

@media screen and (max-width: 768px) {
	.page-header .menu__top {display: none;}
	.page-header .header-inner .user-menu { bottom: 91px; right: 210px; }
	.page-header .header-inner .search-block {left: 0; bottom: 15px; width: 70%;}
	.header-phones { width: 24%; top: 7px;  right: 0; padding: 0; }
	.header-phones a { width: 100%; line-height: 1.8; }
	.page-header .header-inner .phone-block { margin-right: 10px; padding-top: 27px; top: 87px;  right: 7px; margin-top: 0;}
	.page-header .header-inner .logo {  margin: 0 23px 15px 0px; }
	.page-header .header-inner { margin: 10px 0 0px 0; }
}
@media screen and (max-width: 745px) {
	.page-header .header-inner .search-block {left: 0; bottom: 15px; width: 70%;}
}
@media screen and (max-width: 725px) {
	.page-header .header-inner .phone-block { right: -11px; }
	.page-header .header-inner .user-menu { right: 190px; }
}

@media screen and (max-width: 720px) {
	.page-header .header-inner .search-block {left: 0; bottom: 15px; width: 70%;}
}
@media screen and (max-width: 710px) {
	.page-header .header-inner .user-menu { right: 160px; }
	.page-header .header-inner .phone-block { right: -11px; }
}


@media screen and (max-width: 700px) {
	.page-header .header-inner .search-block {left: 0; bottom: 15px; width: 70%;}
}




@media screen and (max-width: 680px) {
	.page-header .header-inner { margin: 0px 0 0px 0;padding-bottom:80px;}
	.page-header .menu__top {margin-bottom: 25px;}
	.menu__top ul {padding: 0;}
	.header-phones { width: 100%; top: 90px; padding: 0;}
	.page-header .header-inner .phone-block {margin: -12px 3px 0 0;}
	.page-header .header-inner .logo { margin: 3px 23px 60px 0px; }
	.header-phones a { width: 48%; line-height: 2.3; padding-right: 5px;}
	.header-phones a:nth-child(2n) {text-align: right; }
	.page-header .header-inner .search-block {width: 100%;}
	.page-header .header-inner .phone-block { right: 0; top: 75px;}

}

@media screen and (max-width: 550px) {


	.page-header .phone-block { margin: -12px 10px 0 0; }
}

@media screen and (max-width: 480px) {

	.page-header .header-inner {margin: 0px 0 0px;}

}

@media screen and (max-width: 357px) {
	.header-phones a {font-size: 15px;}
	.page-header .header-inner .logo {
		margin: 2px 23px 50px 0px;
	}
	.page-header .header-inner .phone-block {top:65px;}
}

@media screen and (max-width: 350px) {
	.page-header .header-inner .phone-block {margin: -12px 0px 70px 0;     padding-top: 25px;top:81px;}
	.page-header .header-inner .phone-block .callback-link {font-size: 11px;}
	.header-phones {  width: 100%; top: 105px; padding: 0; font-size: 15px;}
	.page-header .header-inner .logo {    margin: 10px 23px 0px 0px;}
}

@media screen and (max-width: 336px) {
	.page-header .header-inner .logo {  margin: -35px 23px 50px 0px; }
	.page-header .header-inner .phone-block {  margin: -12px 0px 0px 0; }
	.page-header .header-inner { margin: 0px 0 0px; }
	.page-header .header-inner .logo { margin: 10px 23px 55px 0px; }
}
@media screen and (max-width: 327px) {
	.page-header .header-inner .logo {margin: -37px 23px 55px 0px; }
}

@media screen and (max-width: 323px) {
	.page-header .header-inner .logo { margin: -37px 23px 55px 0px; }
}

@media screen and (min-width:768px) {
	.product-gallery-in-window {width:calc(100vw - 134px);max-height:calc(100vh - 129px);height:100%;}
	.fancybox-gal .window-header {width:auto;}
	.product-gallery-in-window .product-gallery-preview .img img {display:block;width:100%;height:100%;object-fit:contain;}
	.product-gallery-in-window .product-gallery-preview .img.active {display:block;height:70vh;}
}

@media screen and (max-width: 520px) {
	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
		width: unset !important;
		height: unset !important;
		left: 10px !important;
		right: 10px !important;
		top: 50% !important;
		transform: translateY(-50%);
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window-content{
		overflow-x: hidden;
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window{
		width: 100% !important;
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window .window-content{
		height: 500px;
		max-height: fit-content;
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window .window-content p{
		height: 100%;
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window .window-content p img{
		/*object-fit: contain;*/
		height: inherit;
	}

	@media(max-width: 500px) {
		.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window .window-content p img{
			object-fit: contain;
			
		}
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window-content .text-scroller-wrap{
		width: 100%;
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-popup.fancybox-opened .window-content .text-scroller-wrap .text-scroller{
		max-height: fit-content;
		height: 500px;
		overflow: unset !important;
	}

	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-popup.fancybox-opened .window-content .scrollbar{
		right: -15px;
		display: none;
	}
}

/*.main-menu .sub-menu{*/
/*	max-height: inherit !important;*/
/*}*/
/*ADD NEW STYLES*/



@media (min-width: 1025px) {
	#bx_incl_area_7 {
		width: 20%;
	}

	#bx_incl_area_7  .main-menu {
		width: 100%;
	}


}

.header__slider #bx_incl_area_8 {
	width: 100%;
}

@media(max-width: 525px){
	.fancybox-outer .fancybox-inner{
		margin: 0 auto;
	}
	.fancybox-close{
		top: 0;
		right: 10%;
	}
	.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened .window .window-content{
		height: 570px;
	}
}
@media(max-width: 425px){
	.fancybox-close{
		right: 3%;
	}
}
@media(max-width: 340px){
	.fancybox-close{
		top: -25px;
		right: 0;
	}
}
/*ADD NEW STYLES*/

#loader {
	background-color: #000001;
	opacity: 0.5;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lds-spinner {
	color: #fff;
	display: inline-block;
	/*position: relative;*/
	width: 80px;
	height: 80px;
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: 50%;*/
}
.lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #fff;
}
.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}
@keyframes lds-spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* End */


/* Start:/bitrix/templates/zabros/template_styles.css?168025887645*/
/*.main-menu > ul > li {max-width:260px;}*/


/* End */
/* /bitrix/templates/zabros/css/main.min.css?1755762861283405 */
/* /bitrix/templates/zabros/desktop_style.css?174341755620072 */
/* /bitrix/templates/zabros/styles.css?168025887615229 */
/* /bitrix/templates/zabros/template_styles.css?168025887645 */