.under-order {
    color: #999 !important
}

.not-available {
    color: #999 !important
}

.waiting {
    color: #5c6a83 !important
}

.available {
    color: #458381 !important
}

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

body {
    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
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    height: auto;
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 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] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

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

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td, th {
    padding: 0
}

* {
    box-sizing: border-box
}

:after, :before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    color: #333;
    background-color: #fff;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5
}

button, input, select, textarea {
    outline: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    cursor: pointer;
    text-decoration: underline;
    color: #458381
}

a:focus, a:hover {
    text-decoration: underline;
    color: #5cd3cf;
    outline: 0
}

a:active {
    outline: 0
}

.p a:not(.btn):visited, p a:not(.btn):visited {
    text-decoration: none;
    color: #458381
}

.p a:not(.btn):focus, .p a:not(.btn):hover, p a:not(.btn):focus, p a:not(.btn):hover {
    color: #5cd3cf
}

.dash, .dot, .lnk, .lnk-pseudo, a {
    transition: all .15s ease
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .modal img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    transition: all .2s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 0;
    background-color: #fff;
    line-height: 1.5
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.p, p {
    margin: 0 0 1em
}

b, strong {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-weight: 400
}

i {
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-style: normal
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    word-wrap: break-word;
    color: #333;
    font-family: Circe-Regular !important;
    font-weight: 400
}

.h1, h1 {
    margin: 1.6em 0 1.2em;
    font-size: 28px !important;
    line-height: 1.1
}

.h1.small, h1.small {
    margin: 1.6px 0 1.2em;
    font-size: 22px !important;
    line-height: 1.13333
}

.h2, h2 {
    margin: 1.75em 0 1em;
    font-size: 18px !important;
    line-height: 1.18182
}

.h3, h3 {
    margin: 2.1em 0 .5em;
    font-size: 16px !important;
    line-height: 1.35
}

.h4, h4 {
    margin: 1.4em 0 .3em;
    font-size: 15px !important;
    line-height: 1.2
}

.h5, h5 {
    margin: 1.6em 0 .3em;
    font-size: 14px !important;
    line-height: 1.2
}

.h6, h6 {
    margin: 1.5em 0 .3em;
    font-size: 13px !important;
    line-height: 1.1
}

.lead {
    margin-top: 1.2em;
    margin-bottom: 2em;
    color: #333;
    font-size: 18px;
    line-height: 1.5
}

.small, small {
    font-size: 86%
}

.mark, mark {
    background: #ffeab9
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-normal {
    text-transform: none
}

.text-muted {
    color: #777
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #8ec157
}

a.text-success:hover {
    color: #74a73e
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #d1424f
}

a.text-danger:hover {
    color: #b42c38
}

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    margin: 44px 0 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.g-wrap ol:not(.list-unstyled), .g-wrap ul:not(.list-unstyled) {
    padding-left: 0;
    list-style: none
}

.g-wrap ol:not(.list-reset), .g-wrap ul:not(.list-reset) {
    position: relative;
    margin: 1em 0 1.5em;
    padding: 0 5em 0 .2em;
    font-size: 15px;
    line-height: 1.46667
}

.g-wrap ol:not(.list-reset) li, .g-wrap ul:not(.list-reset) li {
    display: table;
    margin-bottom: .95em;
    border-collapse: separate
}

.ie .g-wrap ol:not(.list-reset) li, .ie .g-wrap ul:not(.list-reset) li {
    position: relative;
    padding-left: 1.5em
}

.g-wrap ol:not(.list-reset) li:before, .g-wrap ul:not(.list-reset) li:before {
    display: table-cell;
    padding-right: 14px
}

.ie .g-wrap ol:not(.list-reset) li:before, .ie .g-wrap ul:not(.list-reset) li:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.g-wrap ol:not(.list-reset) ol, .g-wrap ol:not(.list-reset) ul, .g-wrap ul:not(.list-reset) ol, .g-wrap ul:not(.list-reset) ul {
    margin: 1.1em 0 .4em;
    padding-left: 3px
}

.g-wrap ol:not(.list-reset) ol li, .g-wrap ol:not(.list-reset) ul li, .g-wrap ul:not(.list-reset) ol li, .g-wrap ul:not(.list-reset) ul li {
    margin-bottom: .95em
}

.g-wrap ol:not(.list-reset) ol li:last-child, .g-wrap ol:not(.list-reset) ul li:last-child, .g-wrap ul:not(.list-reset) ol li:last-child, .g-wrap ul:not(.list-reset) ul li:last-child {
    margin-bottom: 0
}

.g-wrap ol:not(.list-reset) {
    padding-left: .1em;
    counter-reset: list 0
}

.g-wrap ol:not(.list-reset) > li:before {
    content: counter(list) '. ';
    counter-increment: list;
    color: #333
}

.g-wrap ol:not(.list-reset) ol > li:before {
    content: counters(list, '.') '. ';
    color: #333
}

.ie .g-wrap ol:not(.list-reset) ol > li {
    padding-left: 2.25em
}

.ie .g-wrap ol:not(.list-reset) ol ol > li {
    padding-left: 3em
}

.ie .g-wrap ol:not(.list-reset) ol ol ol > li {
    padding-left: 3.75em
}

.ie .g-wrap ol:not(.list-reset) ol ol ol ol > li {
    padding-left: 4.5em
}

.g-wrap ul:not(.list-reset) > li:before {
    content: '—';
    color: #458381
}

.g-wrap ul:not(.list-reset) ul > li:before {
    content: '–';
    color: #458381
}

.g-wrap ol[start='31'] {
    counter-reset: list 30
}

.g-wrap ol[start='26'] {
    counter-reset: list 25
}

.g-wrap ol[start='21'] {
    counter-reset: list 20
}

.g-wrap ol[start='16'] {
    counter-reset: list 15
}

.g-wrap ol[start='11'] {
    counter-reset: list 10
}

.g-wrap ol[start='6'] {
    counter-reset: list 5
}

.list-inline {
    margin-left: -5px;
    padding-left: 0;
    list-style: none
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 22px
}

dd, dt {
    line-height: 1.5
}

dt {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    display: table;
    content: ' '
}

.dl-horizontal dd:after {
    clear: both
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    text-transform: uppercase;
    font-size: 90%
}

address {
    margin-bottom: 22px;
    font-style: normal;
    line-height: 1.5
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.container:after, .container:before {
    display: table;
    content: ' '
}

.container:after {
    clear: both
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.container-fluid:after, .container-fluid:before {
    display: table;
    content: ' '
}

.container-fluid:after {
    clear: both
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row:after, .row:before {
    display: table;
    content: ' '
}

.row:after {
    clear: both
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none;
    visibility: hidden
}

.collapse.in {
    display: block;
    visibility: visible
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility
}

.alert {
    margin-bottom: 22px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #8ec157;
    border-color: #d6e9c6;
    background-color: #dff0d8
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #74a73e
}

.alert-info {
    color: #31708f;
    border-color: #bce8f1;
    background-color: #d9edf7
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    border-color: #faebcc;
    background-color: #fcf8e3
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #d1424f;
    border-color: #ebccd1;
    background-color: #f2dede
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #b42c38
}

.close {
    z-index: 5;
    opacity: .2;
    float: right;
    color: #000;
    outline: 0;
    text-shadow: 0 1px 0 #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1
}

.modal-content .close.ajaxButtonFromGiftClose {
    width: 20px;
    height: 20px;
    background-image: url(/local/templates/html/images/icons/close.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.close:focus, .close:hover {
    opacity: .5;
    cursor: pointer;
    text-decoration: none;
    color: #000
}

button.close {
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    -webkit-appearance: none
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    opacity: 0;
    font-size: 13px;
    line-height: 1.4
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 0;
    background-color: #000
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .175);
    font-size: 15px
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    overflow: hidden;
    height: 1px;
    margin: 10px 0;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    padding: 3px 20px;
    white-space: nowrap;
    color: #333;
    font-weight: 400;
    line-height: 1.5
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    text-decoration: none;
    color: #fff;
    outline: 0;
    background-color: #428bca
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777
}

.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    cursor: not-allowed;
    text-decoration: none;
    background-color: transparent;
    background-image: none
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    white-space: nowrap;
    color: #777;
    font-size: 13px;
    line-height: 1.5
}

.dropdown-backdrop {
    position: fixed;
    z-index: 990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: '';
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.tabs {
    margin: 0
}

.tabs:after, .tabs:before {
    display: table;
    content: ' '
}

.tabs:after {
    clear: both
}

.tabs > li {
    position: relative;
    display: block;
    float: left
}

.tabs > li > a {
    text-decoration: none;
    border-bottom: 1px dotted
}

.tabs > li.active > a, .tabs > li.active > a:focus, .tabs > li.active > a:hover {
    cursor: default;
    color: #000;
    border-bottom-color: transparent
}

.tab-cont > .tab-pan {
    display: none;
    visibility: hidden
}

.tab-cont > .active {
    display: block;
    visibility: visible
}

.clearfix:after, .clearfix:before {
    display: table;
    content: ' '
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
    font: 0/0 a
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

.visible-lg, .visible-md, .visible-sm, .visible-xs {
    display: none !important
}

.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

.visible-print {
    display: none !important
}

.visible-print-block {
    display: none !important
}

.visible-print-inline {
    display: none !important
}

.visible-print-inline-block {
    display: none !important
}

[class*=sp-] {
    display: inline-block
}

[class*=sp-]:before {
    display: inline-block;
    content: '';
    background-image: url(/local/templates/html/images/sprite.png)
}

.sp-icon-done:before {
    width: 7px;
    height: 6px;
    background-position: -102px -68px
}

.sp-download-pdf:before {
    width: 58px;
    height: 66px;
    background-position: -60px 0
}

.sp-download-xls:before {
    width: 58px;
    height: 66px;
    background-position: 0 0
}

.sp-upload-close-hover:before {
    width: 13px;
    height: 13px;
    background-position: -72px -68px
}

.sp-upload-close:before {
    width: 13px;
    height: 13px;
    background-position: -87px -68px
}

.sp-upload:before {
    width: 8px;
    height: 16px;
    background-position: 0 -86px
}

.sp-checkbox-checked:before {
    width: 16px;
    height: 16px;
    background-position: 0 -68px
}

.sp-checkbox:before {
    width: 16px;
    height: 16px;
    background-position: -18px -68px
}

.sp-radio-checked:before {
    width: 16px;
    height: 16px;
    background-position: -36px -68px
}

.sp-radio:before {
    width: 16px;
    height: 16px;
    background-position: -54px -68px
}

.sp-breadcrumb:before {
    width: 4px;
    height: 7px;
    background-position: -10px -86px
}

@font-face {
    font-family: sprite;
    src: url(/local/templates/html/fonts/sprite.woff2) format('woff2'), url(/local/templates/html/fonts/sprite.woff) format('woff')
}

.ic-arrow-check:before, .ic-arrow:before, .ic-calendar:before, .ic-chevron-down:before, .ic-chevron-left:before, .ic-chevron-right:before, .ic-chevron-up:before, .ic-facebook:before, .ic-google:before, .ic-instagram:before, .ic-loop:before, .ic-pager-next:before, .ic-pager-prev:before, .ic-pagin-next:before, .ic-pagin-prev:before, .ic-skype:before, .ic-sl-next:before, .ic-sl-prev:before, .ic-time:before, .ic-vkontakte:before, .ic-youtube:before, .jq-checkbox:not(.formstyler-img).checked .jq-checkbox__div:before, .modal-report-edit .checkbox-wrap .check-box:before, .orders-wait .checkbox-wrap .check-box:before {
    text-decoration: none;
    text-transform: none;
    font-family: sprite;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ic-pager-next:before {
    content: ''
}

.ic-pager-prev:before {
    content: ''
}

.ic-pagin-next:before {
    content: ''
}

.ic-pagin-prev:before {
    content: ''
}

.ic-arrow-check:before {
    content: ''
}

.ic-calendar:before {
    content: ''
}

.ic-chevron-down:before {
    content: ''
}

.ic-chevron-left:before {
    content: ''
}

.ic-chevron-right:before {
    content: ''
}

.ic-chevron-up:before {
    content: ''
}

.ic-time:before {
    content: ''
}

.ic-sl-next:before {
    content: ''
}

.ic-sl-prev:before {
    content: ''
}

.ic-arrow:before {
    content: ''
}

.ic-facebook:before {
    content: ''
}

.ic-google:before {
    content: ''
}

.ic-instagram:before {
    content: ''
}

.ic-loop:before {
    content: ''
}

.ic-skype:before {
    content: ''
}

.ic-vkontakte:before {
    content: ''
}

.ic-youtube:before {
    content: ''
}

[class*=ic2-] {
    display: inline-block
}

[class*=ic2-]:before {
    display: inline-block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg [class*=ic2-]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.ic2-360-degrees:before {
    width: 2.9em;
    height: 2.9em;
    background-position: -.2em -.2em
}

.ic2-Icon_market:before {
    width: 3.7em;
    height: 3.3em;
    background-position: -.2em -3.5em
}

.ic2-Icon_market_hover:before {
    width: 3.7em;
    height: 3.3em;
    background-position: -.2em -7.2em
}

.ic2-Icon_market_sm:before {
    width: 3.037em;
    height: 2.644em;
    background-position: -.2em -10.9em
}

.ic2-bonus_programm_hover:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -14em
}

.ic2-bonus_programm_red:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -17.7em
}

.ic2-breadcrumb-svg:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -21.4em
}

.ic2-f:before {
    width: 5em;
    height: 5em;
    background-position: -.2em -23.4em
}

.ic2-f_hover:before {
    width: 5em;
    height: 5em;
    background-position: -.2em -28.8em
}

.ic2-icon-add:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -34.2em
}

.ic2-icon-add--red:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -37em
}

.ic2-icon-add-dark:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -39.8em
}

.ic2-icon-advance-bonus:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -42.6em
}

.ic2-icon-advance-gift:before {
    width: 3.3em;
    height: 3.6em;
    background-position: -.2em -46em
}

.ic2-icon-advance-status:before {
    width: 2.9em;
    height: 3.4em;
    background-position: -.2em -50em
}

.ic2-icon-advance-vip:before {
    width: 2.7em;
    height: 3.2em;
    background-position: -.2em -53.8em
}

.ic2-icon-agree-sale-sm:before {
    width: 1.6em;
    height: 1.931em;
    background-position: -.2em -57.4em
}

.ic2-icon-agreement-sale:before {
    width: 2.6em;
    height: 3.1em;
    background-position: -.2em -59.8em
}

.ic2-icon-arr-right:before {
    width: 1.5em;
    height: 1.1em;
    background-position: -.2em -63.3em
}

.ic2-icon-arrow-down:before {
    width: .7em;
    height: 3.4em;
    background-position: -.2em -64.8em
}

.ic2-icon-arrow-up:before {
    width: .7em;
    height: 3.4em;
    background-position: -.2em -68.6em
}

.ic2-icon-auth-fb:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -72.4em
}

.ic2-icon-auth-g:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -77.3em
}

.ic2-icon-auth-ok:before {
    width: 4.3em;
    height: 4.3em;
    background-position: -.2em -82.2em
}

.ic2-icon-auth-vk:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -86.9em
}

.ic2-icon-basket-commerce:before {
    width: 1.3em;
    height: 1.6em;
    background-position: -.2em -91.8em
}

.ic2-icon-basket-delete:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -93.8em
}

.ic2-icon-basket-delete--red:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -96em
}

.ic2-icon-basket-delete-hover:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -98.2em
}

.ic2-icon-btn-addtocard:before {
    width: 3.2em;
    height: 2.3em;
    background-position: -.2em -100.4em
}

.ic2-icon-btn-addtocard-3:before {
    width: 3.2em;
    height: 2.3em;
    background-position: -.2em -103.1em
}

.ic2-icon-btn-comment:before {
    width: 2.056em;
    height: 1.937em;
    background-position: -.2em -105.8em
}

.ic2-icon-btn-confirm:before {
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -108.2em
}

.ic2-icon-btn-reject:before {
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -110.3em
}

.ic2-icon-card-in-basket:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -112.4em
}

.ic2-icon-card-in-basket-btn:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -114.4em
}

.ic2-icon-card-no-in-basket:before {
    width: 1.7em;
    height: 1.5em;
    background-position: -.2em -116.4em
}

.ic2-icon-card-not-avail:before {
    width: 1.7em;
    height: 1.703em;
    background-position: -.2em -118.3em
}

.ic2-icon-card-not-avail-send:before {
    width: 1.7em;
    height: 1.703em;
    background-position: -.2em -120.5em
}

.ic2-icon-com-dislike:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -122.7em
}

.ic2-icon-com-dislike-hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -125em
}

.ic2-icon-com-like:before {
    width: 1.903em;
    height: 1.9em;
    background-position: -.2em -127.3em
}

.ic2-icon-com-like-hover:before {
    width: 1.903em;
    height: 1.9em;
    background-position: -.2em -129.6em
}

.ic2-icon-contacts:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -131.9em
}

.ic2-icon-contacts-active:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -134.3em
}

.ic2-icon-download:before {
    width: 1.9em;
    height: 2.091em;
    background-position: -.2em -136.7em
}

.ic2-icon-edit:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -139.2em
}

.ic2-icon-edit--red:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -142em
}

.ic2-icon-edit-dark:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -144.8em
}

.ic2-icon-edit-hover:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -147.6em
}

.ic2-icon-gift-big-gray:before {
    width: 1.999em;
    height: 2.2em;
    background-position: -.2em -150.4em
}

.ic2-icon-loop:before {
    width: 5em;
    height: 5em;
    background-position: -.2em -153em
}

.ic2-icon-opt-block:before {
    width: 1.4em;
    height: 1.2em;
    background-position: -.2em -158.4em
}

.ic2-icon-opt-pallet:before {
    width: 1.8em;
    height: 1.2em;
    background-position: -.2em -160em
}

.ic2-icon-order-formed:before {
    width: 1.4em;
    height: 1.3em;
    background-position: -.2em -161.6em
}

.ic2-icon-order-way:before {
    width: 1.103em;
    height: 1.6em;
    background-position: -.2em -163.3em
}

.ic2-icon-print:before {
    width: 1.8em;
    height: 1.7em;
    background-position: -.2em -165.3em
}

.ic2-icon-reply:before {
    width: 1.3em;
    height: 3.7em;
    background-position: -.2em -167.4em
}

.ic2-icon-share:before {
    width: 1.8094em;
    height: 2.0906em;
    background-position: -.2em -171.5em
}

.ic2-icon-share-2:before {
    width: 1.9em;
    height: 2em;
    background-position: -.2em -174em
}

.ic2-icon-share-fb:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -176.4em
}

.ic2-icon-share-g:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -179.8em
}

.ic2-icon-share-hover:before {
    width: 1.8094em;
    height: 2.0906em;
    background-position: -.2em -183.2em
}

.ic2-icon-share-in:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -185.7em
}

.ic2-icon-share-tw:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -189.1em
}

.ic2-icon-share-vk:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -192.5em
}

.ic2-icon-star-active:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -195.9em
}

.ic2-icon-star-active-hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -198.2em
}

.ic2-icon-star-empty:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -200.5em
}

.ic2-icon-star-hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -202.8em
}

.ic2-icon-status-accepted:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -205.1em
}

.ic2-icon-status-canceled:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -208.5em
}

.ic2-icon-status-delivered:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -211.9em
}

.ic2-icon-status-error:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -215.3em
}

.ic2-icon-status-inway:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -218.7em
}

.ic2-icon-status-shipment:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -222.1em
}

.ic2-icon-status-transferred:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -225.5em
}

.ic2-icon-status-wait:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -228.9em
}

.ic2-icon_arrow:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -232.3em
}

.ic2-icon_arrow_active:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -233.3em
}

.ic2-icon_arrow_hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.ic2-icon_basket:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -235.3em
}

.ic2-icon_basket-dark:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -237.5em
}

.ic2-icon_basket-dark-2:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -239.7em
}

.ic2-icon_basket_hover:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -241.9em
}

.ic2-icon_bonus:before {
    width: 3.4em;
    height: 4em;
    background-position: -.2em -244.1em
}

.ic2-icon_bonus-big:before {
    width: 2.2em;
    height: 2.2em;
    background-position: -.2em -248.5em
}

.ic2-icon_bonus-big-dark:before {
    width: 2.2em;
    height: 2.2em;
    background-position: -.2em -251.1em
}

.ic2-icon_bonus_card:before {
    width: 1.6em;
    height: 1.6em;
    background-image: url(/local/templates/html/images/icon_bonus_card.png);
    background-size: auto
}

.ic2-icon_bonus_hover:before {
    width: 3.4em;
    height: 4em;
    background-position: -.2em -255.7em
}

.ic2-icon_bonus_single:before {
    width: 1.6em;
    height: 1.6em;
    background-image: url(/local/templates/html/images/icon_bonus_single.png);
    background-size: auto
}

.ic2-icon_bonus_sm:before {
    width: 2.347em;
    height: 2.797em;
    background-position: -.2em -261.4em
}

.ic2-icon_box:before {
    width: 4.5em;
    height: 4.4em;
    background-position: -.2em -264.6em
}

.ic2-icon_box_hover:before {
    width: 4.5em;
    height: 4.4em;
    background-position: -.2em -269.4em
}

.ic2-icon_box_sm:before {
    width: 2.888em;
    height: 2.863em;
    background-position: -.2em -274.2em
}

.ic2-icon_cabinet-basket:before {
    width: 2.8em;
    height: 2.5em;
    background-position: -.2em -277.5em
}

.ic2-icon_cabinet-collection:before {
    width: 2.4938em;
    height: 2.5em;
    background-position: -.2em -280.4em
}

.ic2-icon_cabinet-collection-light:before {
    width: 2.4938em;
    height: 2.5em;
    background-position: -.2em -283.3em
}

.ic2-icon_cabinet-sale:before {
    width: 3.8em;
    height: 4.5em;
    background-position: -.2em -286.2em
}

.ic2-icon_cabinet-sale-light:before {
    width: 3.8em;
    height: 4.5em;
    background-position: -.2em -291.1em
}

.ic2-icon_calculator:before {
    width: 4.3em;
    height: 5em;
    background-position: -.2em -296em
}

.ic2-icon_calculator-light:before {
    width: 4.3em;
    height: 5em;
    background-position: -.2em -301.4em
}

.ic2-icon_call:before {
    width: 1.5em;
    height: 1.5em;
    background-position: -.2em -306.8em
}

.ic2-icon_call_hover:before {
    width: 1.5em;
    height: 1.5em;
    background-position: -.2em -308.7em
}

.ic2-icon_car:before {
    width: 5.3em;
    height: 3.6em;
    background-position: -.2em -310.6em
}

.ic2-icon_car_hover:before {
    width: 5.3em;
    height: 3.6em;
    background-position: -.2em -314.6em
}

.ic2-icon_car_sm:before {
    width: 3.4em;
    height: 2.343em;
    background-position: -.2em -318.6em
}

.ic2-icon_collection:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -321.4em
}

.ic2-icon_collection_active:before {
    width: 1.89em;
    height: 1.79em;
    background-position: -.2em -323.6em
}

.ic2-icon_collection_hover:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.ic2-icon_compare:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.ic2-icon_compare_active:before {
    width: 1.92em;
    height: 1.72em;
    background-position: -.2em -330.2em
}

.ic2-icon_compare_hover:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.ic2-icon_cross:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -334.6em
}

.ic2-icon_cross-dark:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -336em
}

.ic2-icon_cross_hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.ic2-icon_delivery:before {
    width: 3.4em;
    height: 1.4em;
    background-position: -.2em -338.8em
}

.ic2-icon_delivery-hover:before {
    width: 3.4em;
    height: 1.4em;
    background-position: -.2em -340.6em
}

.ic2-icon_e-mail_small:before {
    width: 2.2em;
    height: 1.8em;
    background-position: -.2em -342.4em
}

.ic2-icon_e-mail_white:before {
    width: 1.4719em;
    height: 1.2em;
    background-position: -.2em -344.6em
}

.ic2-icon_education:before {
    width: 3.8em;
    height: 3.3em;
    background-position: -.2em -346.2em
}

.ic2-icon_education_hover:before {
    width: 3.8em;
    height: 3.3em;
    background-position: -.2em -349.9em
}

.ic2-icon_education_sm:before {
    width: 3.4em;
    height: 2.9em;
    background-position: -.2em -353.6em
}

.ic2-icon_eye:before {
    width: 1.997em;
    height: 1.2656em;
    background-position: -.2em -356.9em
}

.ic2-icon_eye_hover:before {
    width: 1.997em;
    height: 1.2656em;
    background-position: -.2em -358.6em
}

.ic2-icon_favorite:before {
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -360.3em
}

.ic2-icon_favorite_hover:before {
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -362.3em
}

.ic2-icon_fax:before {
    width: 2.1em;
    height: 2.1em;
    background-position: -.2em -364.3em
}

.ic2-icon_gift:before {
    width: .9em;
    height: 1em;
    background-position: -.2em -366.8em
}

.ic2-icon_gift-2:before {
    width: .9em;
    height: 1em;
    background-position: -.2em -368.2em
}

.ic2-icon_gift-big:before {
    width: 2em;
    height: 2.2em;
    background-position: -.2em -369.6em
}

.ic2-icon_gift-big-hover:before {
    width: 2em;
    height: 2.2em;
    background-position: -.2em -372.2em
}

.ic2-icon_homepage:before {
    width: 1.4969em;
    height: 1.3em;
    background-position: -.2em -374.8em
}

.ic2-icon_homepage-light:before {
    width: 1.4969em;
    height: 1.3em;
    background-position: -.2em -376.5em
}

.ic2-icon_homepage_hover:before {
    width: 1.4969em;
    height: 1.3em;
    background-position: -.2em -378.2em
}

.ic2-icon_instoke:before {
    width: 1.7em;
    height: 1.7em;
    background-position: -.2em -379.9em
}

.ic2-icon_letter:before {
    width: 1.5em;
    height: 1.2em;
    background-position: -.2em -382em
}

.ic2-icon_letter-hover:before {
    width: 1.5em;
    height: 1.2em;
    background-position: -.2em -383.6em
}

.ic2-icon_location:before {
    width: 1.7em;
    height: 1.7em;
    background-position: -.2em -385.2em
}

.ic2-icon_location_hover:before {
    width: 1.7em;
    height: 1.7em;
    background-position: -.2em -387.3em
}

.ic2-icon_manager:before {
    width: 2.1em;
    height: 2.5em;
    background-position: -.2em -389.4em
}

.ic2-icon_map:before {
    width: 1.4594em;
    height: 2.0906em;
    background-position: -.2em -392.3em
}

.ic2-icon_message:before {
    width: 2.2em;
    height: 1.903em;
    background-position: -.2em -394.8em
}

.ic2-icon_message_hover:before {
    width: 2.2em;
    height: 1.903em;
    background-position: -.2em -397.2em
}

.ic2-icon_msg_basket:before {
    width: 2.5em;
    height: 2.2em;
    background-position: -.2em -399.6em
}

.ic2-icon_msg_close:before {
    width: 1.2em;
    height: 1.2em;
    background-position: -.2em -402.2em
}

.ic2-icon_msg_delete:before {
    width: 2.2em;
    height: 2.5em;
    background-position: -.2em -403.8em
}

.ic2-icon_msg_error:before {
    width: 2.4em;
    height: 2.2em;
    background-position: -.2em -406.7em
}

.ic2-icon_msg_error-dark:before {
    width: 2.4em;
    height: 2.2em;
    background-position: -.2em -409.3em
}

.ic2-icon_msg_star:before {
    width: 2.4em;
    height: 2.3em;
    background-position: -.2em -411.9em
}

.ic2-icon_personal:before {
    width: 1.354em;
    height: 1.7156em;
    background-position: -.2em -414.6em
}

.ic2-icon_personal_hover:before {
    width: 1.354em;
    height: 1.7156em;
    background-position: -.2em -416.8em
}

.ic2-icon_phone:before {
    width: 2.1em;
    height: 2.1em;
    background-position: -.2em -419em
}

.ic2-icon_phone_small:before {
    width: 1.5em;
    height: 1.5313em;
    background-position: -.2em -421.5em
}

.ic2-icon_product:before {
    width: 4.5em;
    height: 4.497em;
    background-position: -.2em -423.5em
}

.ic2-icon_product_hover:before {
    width: 4.5em;
    height: 4.497em;
    background-position: -.2em -428.4em
}

.ic2-icon_product_sm:before {
    width: 2.884em;
    height: 2.928em;
    background-position: -.2em -433.3em
}

.ic2-icon_qn-arrow:before {
    width: 1em;
    height: .6em;
    background-position: -.2em -436.7em
}

.ic2-icon_question:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -437.7em
}

.ic2-icon_question-hover:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -440.1em
}

.ic2-icon_question-light:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -442.5em
}

.ic2-icon_questionnaire-small:before {
    width: 3em;
    height: 2.4em;
    background-position: -.2em -444.9em
}

.ic2-icon_rekvizit:before {
    width: 2.1em;
    height: 2.1em;
    background-position: -.2em -447.7em
}

.ic2-icon_restaurant:before {
    width: 3.5em;
    height: 3.5em;
    background-position: -.2em -450.2em
}

.ic2-icon_restaurant_hover:before {
    width: 3.5em;
    height: 3.5em;
    background-position: -.2em -454.1em
}

.ic2-icon_restaurant_sm:before {
    width: 2.872em;
    height: 2.8em;
    background-position: -.2em -458em
}

.ic2-icon_sale:before {
    width: 4.2em;
    height: 4.003em;
    background-position: -.2em -461.2em
}

.ic2-icon_sale_hover:before {
    width: 4.2em;
    height: 4.003em;
    background-position: -.2em -465.7em
}

.ic2-icon_sale_sm:before {
    width: 2.9em;
    height: 2.8em;
    background-position: -.2em -470.2em
}

.ic2-icon_save:before {
    width: 3.4em;
    height: 3.4em;
    background-position: -.2em -473.4em
}

.ic2-icon_save_hover:before {
    width: 3.4em;
    height: 3.4em;
    background-position: -.2em -477.2em
}

.ic2-icon_save_sm:before {
    width: 2.791em;
    height: 2.722em;
    background-position: -.2em -481em
}

.ic2-icon_search:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -484.2em
}

.ic2-icon_search_hover:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -486.2em
}

.ic2-icon_search_mob:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -488.2em
}

.ic2-icon_storage:before {
    width: 3.7em;
    height: 3.6em;
    background-position: -.2em -490.2em
}

.ic2-icon_storage_hover:before {
    width: 3.7em;
    height: 3.6em;
    background-position: -.2em -494.2em
}

.ic2-icon_storage_sm:before {
    width: 3.2em;
    height: 3em;
    background-position: -.2em -498.2em
}

.ic2-icon_view_horizontal:before {
    width: 2.1em;
    height: 1.5969em;
    background-position: -.2em -501.6em
}

.ic2-icon_view_horizontal_hover:before {
    width: 2.1em;
    height: 1.5969em;
    background-position: -.2em -503.6em
}

.ic2-icon_view_table:before {
    width: 2em;
    height: 1.6em;
    background-position: -.2em -505.6em
}

.ic2-icon_view_table_hover:before {
    width: 2em;
    height: 1.6em;
    background-position: -.2em -507.6em
}

.ic2-icon_view_tile:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -509.6em
}

.ic2-icon_view_tile_hover:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -511.8em
}

.ic2-icon_zoom:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -514em
}

.ic2-icon_zoom-light:before {
    width: 1.9em;
    height: 2em;
    background-position: -.2em -516.2em
}

.ic2-icon_zoom_hover:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -518.6em
}

.ic2-krasnaya_cena_hover:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -520.8em
}

.ic2-krasnaya_cena_red:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -524.5em
}

.ic2-life:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -528.2em
}

.ic2-mts:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -530.2em
}

.ic2-nav-arrow:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -532.2em
}

.ic2-nav-arrow-hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.ic2-novinki_red:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -535.2em
}

.ic2-novinki_white:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -538.9em
}

.ic2-obzori_hover:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -542.6em
}

.ic2-obzori_red:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -546.3em
}

.ic2-odnoklassniki-logo:before {
    width: 4.5em;
    height: 4.5em;
    background-position: -.2em -550em
}

.ic2-pager-next:before {
    width: 2.6em;
    height: .903em;
    background-position: -.2em -554.9em
}

.ic2-pager-next-hover:before {
    width: 2.6em;
    height: .903em;
    background-position: -.2em -556.3em
}

.ic2-pager-next-light:before {
    width: 2.6em;
    height: .903em;
    background-position: -.2em -557.7em
}

.ic2-pager-prev:before {
    width: 2.597em;
    height: .9em;
    background-position: -.2em -559.1em
}

.ic2-pager-prev-hover:before {
    width: 2.597em;
    height: .9em;
    background-position: -.2em -560.4em
}

.ic2-pagin-next:before {
    width: 2.1em;
    height: .5em;
    background-position: -.2em -561.7em
}

.ic2-pagin-prev:before {
    width: 2.1em;
    height: .5em;
    background-position: -.2em -562.6em
}

.ic2-sale_promo_link:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -563.5em
}

.ic2-sale_promo_link_hover:before {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -567.2em
}

.ic2-velcom:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -570.9em
}

.ic2-viber:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -572.9em
}

.ic2-vk:before {
    width: 5em;
    height: 5em;
    background-position: -.2em -574.9em
}

.ic2-vk_hover:before {
    width: 5em;
    height: 5em;
    background-position: -.2em -580.3em
}

.row-clear .col-xs-3:nth-child(4n+1), .row-clear .col-xs-4:nth-child(3n+1), .row-clear .col-xs-6:nth-child(2n+1) {
    clear: both
}

html body {
    background-color: #f1f1f1
}

.outer-bg {
    width: 100%;
    min-width: 300px
}

.g-wrap .outer-bg {
    display: flex;
    flex-direction: column;
    width: 2000px;
    max-width: 100vw;
    min-height: 100vh;
    margin: 0 auto;
    background: #fff
}

.g-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    min-width: 300px
}

.fixed-panel-wrap.fixed.init {
    position: fixed;
    z-index: 1060;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(0);
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3)
}

.fixed-panel-wrap.fixed.init .user-panel .item.contacts {
    display: block
}

.fixed-panel-wrap.fixed.init .user-panel .item.delivery {
    display: none
}

.fixed-panel-wrap.fixed.init .user-panel .item.search {
    float: right;
    width: 670px
}

.g-footer {
    position: relative;
    overflow: hidden;
    margin-top: auto
}

.g-footer:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    opacity: .4;
    width: 2000px;
    max-width: 100vw;
    height: 430px;
    content: '';
    transform: translateX(-50%);
    background: url(/local/templates/html/images/footer-bg.svg) no-repeat center top;
    background-size: cover
}

.btn-scroll-on .g-footer {
    padding-bottom: 40px
}

.g-footer .g-footer_i {
    position: relative;
    padding: 40px 0 0;
    border-top: 1px solid #e7e7e7
}

.mm-open {
    overflow: hidden
}

.mm {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0;
    overflow: hidden;
    transition: opacity .25s, z-index .5s;
    background: rgba(0, 0, 0, .5)
}

.mm-open .mm {
    z-index: 1000;
    opacity: 1
}

.mm-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.mm-open .mm-backdrop {
    display: block
}

.mm-wrap {
    position: absolute;
    width: 100%;
    max-width: 400px;
    height: 100%;
    transition: transform .5s;
    transform: translateX(-100%);
    background: #fff;
    will-change: transform
}

.mm-open .mm-wrap {
    transform: translateX(0)
}

.mm-inner {
    overflow: auto;
    height: 100%;
    padding: 0;
    box-shadow: 2px 0 4px rgba(0, 0, 0, .15)
}

.ms-open {
    overflow: hidden
}

.ms {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 0;
    overflow: hidden;
    transition: opacity .25s, z-index .5s;
    background: rgba(0, 0, 0, .5)
}

.ms-open .ms {
    z-index: 500;
    opacity: 1
}

.ms-slide {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    transition: transform .4s ease;
    transform: translateX(-100%);
    background: #fff;
    will-change: transform
}

.ms-open .ms-slide {
    transform: translateX(0)
}

.ms-slide .ms-close {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 15px 20px 35px;
    transition: background .2s ease;
    text-align: left;
    text-decoration: none;
    color: #333;
    border: none;
    background: #f2f2f2;
    font-size: 16px;
    line-height: 1
}

.ms-slide .ms-close:hover {
    background: #e1e1e1
}

.ms-slide .ms-close:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    transform: translateY(-50%) rotate(-45deg);
    border-top: 1px solid #333;
    border-left: 1px solid #333
}

.ms-slide .ms-inner {
    padding: 30px 0
}

.ms-slide .ms-inner .ms-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 20px;
    color: #5cd3cf
}

.ms-slide .ms-inner .ms-title:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 600%;
    height: 1px;
    margin-left: -300%;
    content: '';
    background: #e7e7e7
}

.bwWrapper {
    position: relative;
    display: block;
    opacity: .7;
    transition: opacity .5s ease
}

.bwWrapper:hover {
    opacity: 1
}

.mCustomScrollbar {
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 16px;
    height: auto
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    z-index: 1;
    width: 100%;
    height: 30px;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    border-radius: 16px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 20px;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 16px
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    left: 0;
    width: 30px;
    height: 100%
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 100%;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: auto;
    height: auto;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    box-sizing: border-box;
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    -ms-filter: alpha(opacity=75);
    filter: alpha(opacity=75)
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    -ms-filter: alpha(opacity=40);
    filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    -ms-filter: alpha(opacity=75);
    filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    -ms-filter: alpha(opacity=85);
    filter: alpha(opacity=85)
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    opacity: .4;
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    -ms-filter: alpha(opacity=40);
    filter: alpha(opacity=40)
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    -ms-filter: alpha(opacity=75);
    filter: alpha(opacity=75)
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    border-radius: 1px;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    border-radius: 1px;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 1px;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    opacity: .3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-y
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: auto;
    margin: 2px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: auto;
    height: 12px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: auto;
    left: 0
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .2);
    -ms-filter: alpha(opacity=20);
    filter: alpha(opacity=20)
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .5);
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .2);
    -ms-filter: alpha(opacity=20);
    filter: alpha(opacity=20)
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .5);
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    height: auto;
    margin: 3px 5px
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 6px;
    margin: 5px 3px
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .2);
    background-color: transparent
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(255, 255, 255, .9)
}

.page-404 .g-wrapper_i {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.banner__header {
    width: 100%;
    height: 75px;
    position: relative;
    background: #5CD3CF;
    text-decoration: none;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.banner__header

&
:hover {
    text-decoration: none;
}

.banner__header .banner__header-img--mobile {
    display: none;
}

.banner__header .banner__header-title {
    font-weight: 700;
    font-size: 46px;
    line-height: 102%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-left: 24px;
    color: #000;
}

.banner__header .banner__header-img {
    position: absolute;
    z-index: 0;
    width: 680px;
    object-fit: cover;
    left: 50%;
    top: 80%;
    transform: translate(-50%, -50%);
}

.banner__header .banner__header-title, .banner__header-text {
    position: relative;
    z-index: 1;
}

.banner__header .banner__header-text {
    margin: 0 14px 0 auto;
    max-width: 324px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: right;
    color: #000;
}

.banner__header .banner__header-text-tag {
    background: #FFF;
    padding: 0 6px 2px;
    border-radius: 41px;
}


.page-404 .g-main {
    margin: auto
}

.content-404 {
    padding: 40px 0 60px;
    text-align: center
}

.content-404 .wrap {
    max-width: 500px;
    margin: 0 auto
}

.content-404 .big-title {
    letter-spacing: 10px;
    color: #5cd3cf;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 200px;
    font-weight: 700;
    line-height: 1
}

.content-404 .title {
    margin: 0 0 40px;
    text-transform: uppercase;
    color: #333;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.2
}

.content-404 .text {
    margin-bottom: 40px;
    color: #666;
    font-size: 14px;
    line-height: 1.4
}

.content-404 .search {
    margin-bottom: 40px
}

.content-404 .search .search-form {
    position: relative
}

.content-404 .search .form-control {
    padding-right: 50px
}

.content-404 .search .btn-submit {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    border: none;
    background: 0 0;
    line-height: 42px
}

.content-404 .search .btn-submit:before {
    display: inline-block;
    width: 1.5em;
    height: 1.6em;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -484.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .content-404 .search .btn-submit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.container-form .content-404 .btn-wrap input[type=submit], .content-404 .btn-wrap .btn, .content-404 .btn-wrap .container-form input[type=submit] {
    padding: 16px 25px;
    text-transform: uppercase;
    font-size: 14px
}

.container-form .content-404 .btn-wrap input[type=submit]:before, .content-404 .btn-wrap .btn:before, .content-404 .btn-wrap .container-form input[type=submit]:before {
    display: inline-block;
    width: 1.4969em;
    height: 1.3em;
    margin-top: -2px;
    margin-right: 10px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -376.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .content-404 .btn-wrap input[type=submit]:before, .no-svg .content-404 .btn-wrap .btn:before, .no-svg .content-404 .btn-wrap .container-form input[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.container-form .content-404 .btn-wrap input[type=submit] span, .container-form .content-404 .btn-wrap input[type=submit]:before, .content-404 .btn-wrap .btn span, .content-404 .btn-wrap .btn:before, .content-404 .btn-wrap .container-form input[type=submit] span, .content-404 .btn-wrap .container-form input[type=submit]:before {
    vertical-align: middle
}

.about-content {
    margin-bottom: 70px
}

.about-content .lead {
    text-transform: uppercase
}

.about-content .lead b {
    font-size: 20px
}

.about-content .pic-map {
    padding-left: 100px
}

.about-content .pic-map img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.about-content .about-statistics {
    margin-top: 60px
}

.about-content .about-statistics .item {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 10px 30px 15px 20px
}

.about-content .about-statistics .item:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 100%;
    content: '';
    background: #ccc
}

.about-content .about-statistics .count {
    margin-bottom: 20px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 1
}

.about-content .about-statistics .text {
    min-height: 3.9em;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.3
}

.about-content .about-statistics .style-1 {
    color: #74368f
}

.about-content .about-statistics .style-1:before {
    background: #74368f
}

.about-content .about-statistics .style-2 {
    color: #458381
}

.about-content .about-statistics .style-2:before {
    background: #458381
}

.about-content .about-statistics .style-3 {
    color: #458381
}

.about-content .about-statistics .style-3:before {
    background: #458381
}

.about-section {
    position: relative;
    margin-bottom: 80px;
    padding-top: 2px
}

.about-section:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 2px;
    content: '';
    background: #ccc
}

.about-section .section-title {
    display: inline-block;
    margin: 0 0 50px;
    padding: 20px 20px 16px;
    vertical-align: top;
    color: #fff;
    background: #ccc;
    line-height: 1.2
}

.about-section.style-1:before {
    background: #5cd3cf
}

.about-section.style-1 .section-title {
    color: #000;
    background: #5cd3cf
}

.about-section.style-2:before {
    background: #458381
}

.about-section.style-2 .section-title {
    background: #458381
}

.about-section.style-3:before {
    background: #5cd3cf
}

.about-section.style-3 .section-title {
    background: #5cd3cf
}

.about-range .menu {
    margin-right: -15px;
    margin-bottom: 50px;
    margin-left: -15px
}

.about-range .menu .list_1 {
    float: left;
    width: 25%;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px
}

.about-range .menu .item_1 {
    position: relative;
    margin-bottom: 18px;
    padding-left: 15px;
    line-height: 1
}

.about-range .menu .item_1:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 5px;
    height: 5px;
    content: '';
    border-radius: 50%;
    background: #458381
}

.about-range .menu .item_1 > a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #333;
    line-height: 1.2
}

.about-range .menu .item_1 > a:hover {
    color: #5cd3cf
}

.prod-card-tile .status-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.about-certificates .slide {
    float: left;
    height: 300px;
    padding: 0 10px;
    text-align: center;
    line-height: 300px
}

.about-certificates .pic-link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.about-certificates .pic-link:hover:before {
    display: block
}

.about-certificates .pic-link:hover img {
    opacity: .7
}

.about-certificates .pic-link:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: none;
    opacity: 1;
    width: 1.9em;
    height: 2em;
    content: ' ';
    transform: translate(-50%, -50%) scale(1.8);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -516.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .about-certificates .pic-link:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.about-certificates .pic-link img {
    position: relative;
    z-index: 1;
    display: block;
    opacity: 1;
    max-width: 100%;
    max-height: 260px;
    transition: opacity .2s ease;
    will-change: opacity
}

.main-about {
    position: relative;
    border-top: 1px solid #e7e7e7
}

.main-about .text {
    position: relative;
    padding: 20px 100px;
    text-align: center;
    font-size: 15px;
    line-height: 1.2
}

.ya-share2__item:before {
    content: none
}

.ya-share2__title {
    display: none
}

ul.ya-share2__list:not(.list-reset):not(.list-unstyled) {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

ul.ya-share2__list:not(.list-reset):not(.list-unstyled) > * {
    display: block;
    margin-bottom: 0
}

@media (max-width: 1279px) {
    .pt-additional .sharing ul.ya-share2__list:not(.list-reset):not(.list-unstyled) {
        display: none
    }
}

.ya-share2__icon:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .ya-share2__icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.ya-share2__item {
    margin: 0 5px
}

.ya-share2__item_service_twitter:before {
    content: none !important
}

.ya-share2__item_service_twitter .ya-share2__icon:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -189.1em
}

.ya-share2__item_service_linkedin:before {
    content: none !important
}

.ya-share2__item_service_linkedin .ya-share2__icon:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -185.7em
}

.ya-share2__item_service_gplus:before {
    content: none !important
}

.ya-share2__item_service_gplus .ya-share2__icon:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -179.8em
}

.ya-share2__item_service_facebook:before {
    content: none !important
}

.ya-share2__item_service_facebook .ya-share2__icon:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -176.4em
}

.ya-share2__item_service_vkontakte:before {
    content: none !important
}

.ya-share2__item_service_vkontakte .ya-share2__icon:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -192.5em
}

.content-video {
    margin-top: 30px;
    margin-bottom: 30px
}

.content-video iframe {
    display: block;
    width: 750px;
    max-width: 100%;
    height: 420px;
    margin: 0 auto
}

.slider-img-big {
    margin-top: 30px;
    margin-bottom: 30px
}

.slider-img-big .wrap {
    position: relative;
    opacity: 1;
    padding: 0 60px;
    transition: opacity .2s ease
}

.slider-img-big .wrap.not-init {
    opacity: 0
}

.slider-img-big .wrap.not-init .slide + .slide {
    display: none
}

.slider-img-big .slider {
    position: relative;
    z-index: 1
}

.slider-img-big .slide {
    float: left
}

.slider-img-big .pic img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.slider-img-big .next, .slider-img-big .prev {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    transition: none;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: #ededed;
    line-height: 40px
}

.slider-img-big .next:hover, .slider-img-big .prev:hover {
    background: #5cd3cf
}

.slider-img-big .next:hover:before, .slider-img-big .prev:hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.slider-img-big .next:before, .slider-img-big .prev:before {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 1.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -532.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .slider-img-big .next:before, .no-svg .slider-img-big .prev:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.slider-img-big .prev {
    left: 0
}

.slider-img-big .prev:before {
    left: -1px;
    transform: rotate(180deg)
}

.slider-img-big .next {
    right: 0
}

.slider-img-big .next:before {
    right: -1px
}

.slider-img-big .sl-pagination {
    margin-top: 20px;
    text-align: center
}

.slider-img-big .sl-pagination span {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px;
    border-radius: 50%;
    background: #c1c1c1
}

.slider-img-big .sl-pagination span.selected {
    background: #5cd3cf
}

.main-advance .item {
    display: block;
    float: left;
    width: 20%;
    padding: 30px;
    transition: background .15s ease;
    text-decoration: none
}

.main-advance .item + .item {
    border-left: 1px solid #e7e7e7
}

.main-advance .ttl-wrap {
    position: relative;
    height: 70px;
    margin-bottom: 10px;
    vertical-align: middle;
    line-height: 70px
}

.main-advance .icon {
    position: absolute;
    top: 50%;
    height: 50px;
    margin-top: -25px;
    line-height: 50px
}

.main-advance .ttl {
    display: inline-block;
    overflow: hidden;
    max-height: 3.9em;
    margin-left: 65px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3
}

.main-advance .text {
    color: #333;
    font-size: 15px;
    line-height: 1.2
}

.container-form {
    max-width: 500px;
    margin: 0 auto 50px;
    padding: 40px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.container-form .submit-wrap {
    padding-top: 20px
}

.container-form .submit-wrap .btn-wrap {
    text-align: center
}

.container-form .submit-wrap .btn, .container-form .submit-wrap input[type=submit] {
    padding-right: 40px;
    padding-left: 40px;
    text-transform: uppercase;
    border-radius: 3px
}

.container-form .separator {
    overflow: hidden;
    padding: 28px 0;
    text-align: center
}

.container-form .separator span {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    line-height: 24px
}

.container-form .separator span:after, .container-form .separator span:before {
    position: absolute;
    top: 55%;
    width: 1000px;
    height: 1px;
    content: '';
    background: #e7e7e7
}

.container-form .separator span:before {
    left: 100%
}

.container-form .separator span:after {
    right: 100%
}

.container-form .social {
    text-align: center
}

.container-form .social a {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top
}

.container-form .social a:first-child {
    margin-left: 0
}

.container-form .social a:last-child {
    margin-right: 0
}

.container-form .social a:hover {
    opacity: .8
}

.container-form .social a:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .container-form .social a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.container-form .social a.g:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -77.3em
}

.container-form .social a.fb:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -72.4em
}

.container-form .social a.vk:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -86.9em
}

.container-form form {
    text-align: center
}

.container-form input:not([type=submit]), .container-form select, .container-form textarea {
    display: block;
    width: 100%;
    height: 42px;
    padding: 11px;
    transition: border-color ease-in-out .15s;
    color: #000;
    border: 1px solid #dbe0e2;
    border-radius: 2px;
    background-color: #f6f6f6;
    background-image: none;
    font-size: 14px;
    line-height: 1.4
}

.container-form input:not([type=submit]):hover, .container-form select:hover, .container-form textarea:hover {
    border-color: #b8c0c3;
    outline: 0
}

.container-form input:not([type=submit]):focus, .container-form select:focus, .container-form textarea:focus {
    border-color: #b8c0c3;
    outline: 0;
    background: #fff
}

.container-form input:not([type=submit]):-moz-placeholder, .container-form select:-moz-placeholder, .container-form textarea:-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.container-form input:not([type=submit])::-moz-placeholder, .container-form select::-moz-placeholder, .container-form textarea::-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.container-form input:not([type=submit]):-ms-input-placeholder, .container-form select:-ms-input-placeholder, .container-form textarea:-ms-input-placeholder {
    color: #adadad
}

.container-form input:not([type=submit])::-webkit-input-placeholder, .container-form select::-webkit-input-placeholder, .container-form textarea::-webkit-input-placeholder {
    color: #adadad
}

.container-form input:not([type=submit]).placeholder, .container-form select.placeholder, .container-form textarea.placeholder {
    color: #adadad
}

.container-form input:not([type=submit])[disabled], .container-form input:not([type=submit])[readonly], .container-form select[disabled], .container-form select[readonly], .container-form textarea[disabled], .container-form textarea[readonly], fieldset[disabled] .container-form input:not([type=submit]), fieldset[disabled] .container-form select, fieldset[disabled] .container-form textarea {
    opacity: 1;
    cursor: not-allowed;
    background-color: #eee
}

.container-form form, .container-form input, .container-form p, .container-form select, .container-form textarea {
    margin: 5px 0
}

.container-form form + form, .container-form form + input, .container-form form + p, .container-form form + select, .container-form form + textarea, .container-form input + form, .container-form input + input, .container-form input + p, .container-form input + select, .container-form input + textarea, .container-form p + form, .container-form p + input, .container-form p + p, .container-form p + select, .container-form p + textarea, .container-form select + form, .container-form select + input, .container-form select + p, .container-form select + select, .container-form select + textarea, .container-form textarea + form, .container-form textarea + input, .container-form textarea + p, .container-form textarea + select, .container-form textarea + textarea {
    margin-top: 25px
}

.container-form textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 100px
}

.container-form input[type=submit] {
    text-transform: uppercase
}

.g-wrap .container-form input[type=submit] {
    border-radius: 3px
}

.sl-nav {
    padding: 0 15px
}

.sl-nav.not-init {
    visibility: hidden
}

.sl-nav_pos {
    margin-top: 10px
}

.sl-nav_sl-table-pos {
    margin-top: 10px;
    padding: 0
}

.sl-nav_mob {
    display: flex;
    justify-content: space-between
}

.sl-nav_descktop {
    position: relative;
    top: -5px;
    margin-right: -15px;
    text-align: right
}

.sl-nav_descktop-analogy {
    top: -25px
}

.sl-nav_descktop-basket {
    top: -18px
}

.sl-nav_descktop .sl-nav__next {
    margin-left: 10px
}

.sl-nav_trademarks {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    transform: translateY(-50%)
}

.sl-nav__next, .sl-nav__prev {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: background-color .15s ease;
    transition-duration: .3s;
    text-align: center;
    text-decoration: none;
    border: none;
    background: 0 0;
    line-height: 40px
}

.sl-nav__next:hover, .sl-nav__prev:hover {
    opacity: .7
}

.sl-nav__next:before, .sl-nav__prev:before {
    display: inline-block;
    width: 17px;
    height: 32px;
    content: ' ';
    background-image: url(/local/templates/html/images/icons/arrow-next-black.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    font-size: 10px
}

.sl-nav__prev:before {
    transform: rotate(180deg) translateX(1px)
}

.sl-nav__next:before {
    transform: translateX(1px)
}

.basket-page .basket-table-mob {
    margin-bottom: 20px
}

.ordering-page .basket-table-mob {
    margin-bottom: 40px
}

.ordering-page .basket-table-mob .gift-list, .ordering-page .basket-table-mob .prod-list {
    display: none
}

.basket-table-mob.closed .toggle-basket {
    padding-top: 0
}

.basket-table-mob.closed .toggle-basket .btn-toggle:before {
    transform: translateY(-50%) rotate(0)
}

.basket-table-mob.closed .toggle-basket .btn-toggle .opened {
    display: none
}

.basket-table-mob.closed .toggle-basket .btn-toggle .closed {
    display: block
}

.basket-table-mob .prod-list {
    margin-right: -15px;
    margin-left: -15px
}

.basket-table-mob .prod-list .item {
    float: left;
    width: 50%;
    height: 250px;
    margin-bottom: 30px;
    padding: 0 15px
}

.basket-table-mob .prod-list .item.prod-reserved .item_i {
    background: linear-gradient(135deg, #fff 0, #ffeeef 100%)
}

.basket-table-mob .prod-list .item.prod-reserved .count .val input {
    color: #5cd3cf;
    background: 0 0
}

.basket-table-mob .prod-list .item_i {
    position: relative;
    z-index: 1;
    min-height: 250px;
    padding: 30px 25px 0;
    transition: box-shadow .3s ease;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 14px
}

.basket-table-mob .prod-list .item_i.open {
    z-index: 5;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2)
}

.basket-table-mob .prod-list .item_i.open .btn-wrap {
    padding-bottom: 12px
}

.basket-table-mob .prod-list .item_i.open .btn-toggle span, .basket-table-mob .prod-list .item_i.open .btn-toggle span:after, .basket-table-mob .prod-list .item_i.open .btn-toggle span:before {
    background: #5cd3cf
}

.basket-table-mob .prod-list .item_i.open.closed {
    z-index: 3
}

.basket-table-mob .prod-list .btn-remove {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    opacity: .7;
    width: 20px;
    height: 20px;
    padding: 0;
    transition: opacity .2s ease;
    text-align: center;
    border: none;
    background: 0 0;
    line-height: 18px
}

.basket-table-mob .prod-list .btn-remove:hover {
    opacity: 1
}

.basket-table-mob .prod-list .btn-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.6em;
    height: 1.8em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -93.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table-mob .prod-list .btn-remove:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table-mob .prod-list .reserved-controls {
    margin-bottom: 20px;
    font-size: 13px
}

.basket-table-mob .prod-list .reserved-controls .available {
    color: 458381
}

.basket-table-mob .prod-list .reserved-controls > div + div {
    margin-top: 8px
}

.basket-table-mob .prod-list .line.first {
    margin-bottom: 22px
}

.basket-table-mob .prod-list .line:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.basket-table-mob .prod-list .pic {
    position: relative;
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 10px
}

.basket-table-mob .prod-list .pic img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto
}

.basket-table-mob .prod-list .title {
    overflow: hidden;
    padding-top: 10px
}

.basket-table-mob .prod-list .title a {
    display: inline-block;
    overflow: hidden;
    max-height: 5.2em;
    text-decoration: none;
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    line-height: 1.3
}

.basket-table-mob .prod-list .title a:hover {
    color: #5cd3cf
}

.basket-table-mob .prod-list .btn-gift {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: #f6f6f6;
    line-height: 1.2
}

.basket-table-mob .prod-list .btn-gift:hover .drop-info {
    display: block
}

.basket-table-mob .prod-list .btn-gift.done .wrap-icon:before {
    display: inline-block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    background: 0 0;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -372.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table-mob .prod-list .btn-gift.done .wrap-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table-mob .prod-list .btn-gift.done .wrap-icon .icon:before {
    display: inline-block;
    width: 7px;
    height: 6px;
    content: '';
    background: 0 0;
    background-image: url(/local/templates/html/images/sprite.png);
    background-position: -102px -68px
}

.basket-table-mob .prod-list .btn-gift.active .wrap-icon {
    background: #e2e2e2
}

.basket-table-mob .prod-list .btn-gift.active .drop-info {
    display: block
}

.basket-table-mob .prod-list .btn-gift .wrap-icon {
    position: relative;
    width: 100%;
    height: 100%;
    transition: background .2s ease;
    border-radius: 50%
}

.basket-table-mob .prod-list .btn-gift .wrap-icon:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.999em;
    height: 2.2em;
    margin-top: -1px;
    content: ' ';
    transform: translate(-50%, -50%) scale(.9);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -150.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table-mob .prod-list .btn-gift .wrap-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table-mob .prod-list .btn-gift .icon {
    position: absolute;
    z-index: 2;
    right: -2px;
    bottom: -2px;
    width: 18px;
    height: 18px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: #f1f1f1
}

.basket-table-mob .prod-list .btn-gift .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2em;
    height: 2em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -440.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table-mob .prod-list .btn-gift .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table-mob .prod-list .btn-gift .drop-info {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 100%;
    display: none;
    margin-left: -5px;
    padding-left: 20px;
    transform: translateY(-50%)
}

.basket-table-mob .prod-list .btn-gift .drop-info_i {
    position: relative;
    width: 180px;
    background: #fff url(/local/templates/html/images/bg-poly.svg) no-repeat right bottom;
    background-size: cover;
    box-shadow: 0 0 15px #d2ebff
}

.basket-table-mob .prod-list .btn-gift .drop-info_i:before {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -5px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: '';
    transform: rotate(-45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff
}

.basket-table-mob .prod-list .btn-gift .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #fff 25%, rgba(255, 255, 255, .4) 70%, rgba(255, 255, 255, .8) 100%)
}

.basket-table-mob .prod-list .btn-gift .wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 15px 10px 10px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.basket-table-mob .prod-list .btn-gift .txt-ttl {
    margin-bottom: 10px
}

.basket-table-mob .prod-list .btn-gift .txt-descr {
    margin-bottom: 10px
}

.basket-table-mob .prod-list .btn-gift .pic-gift {
    position: relative;
    overflow: hidden;
    height: 120px;
    margin-bottom: 10px
}

.basket-table-mob .prod-list .btn-gift .pic-gift img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.basket-table-mob .prod-list .btn-gift .btn-success {
    display: block;
    width: 100%
}

.basket-table-mob .prod-list .count, .basket-table-mob .prod-list .fullprice {
    float: left;
    width: 50%
}

.basket-table-mob .prod-list .count .ttl, .basket-table-mob .prod-list .fullprice .ttl {
    margin-bottom: 4px;
    text-align: center;
    color: #666
}

.basket-table-mob .prod-list .count .val, .basket-table-mob .prod-list .fullprice .val {
    text-align: center;
    color: #000
}

.basket-table-mob .prod-list .count {
    border-right: 1px solid #e7e7e7
}

.basket-table-mob .prod-list .count .val input {
    width: 50px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px
}

.ordering-page .basket-table-mob .prod-list .count .val {
    font-size: 16px;
    line-height: 27px
}

.basket-table-mob .prod-list .fullprice.sale .val {
    color: #5cd3cf
}

.basket-table-mob .prod-list .fullprice .val {
    white-space: nowrap;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 27px
}

.basket-table-mob .prod-list .wrap-drop {
    overflow: hidden;
    height: 0
}

.basket-table-mob .prod-list .drop_i {
    padding: 25px 0 0
}

.basket-table-mob .prod-list .drop_i .params {
    display: table;
    width: 100%
}

.basket-table-mob .prod-list .drop_i .line {
    display: table-row
}

.basket-table-mob .prod-list .drop_i .key, .basket-table-mob .prod-list .drop_i .val {
    display: table-cell;
    width: 50%;
    padding: 6px 0;
    vertical-align: middle;
    line-height: 1.2
}

.basket-table-mob .prod-list .drop_i .key {
    padding-right: 10px
}

.basket-table-mob .prod-list .drop_i .val {
    padding-left: 10px
}

.basket-table-mob .prod-list .counter {
    padding-top: 20px
}

.basket-table-mob .prod-list .counter button {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    border: 1px solid #b8c0c3;
    background: #fff;
    font-size: 24px
}

.basket-table-mob .prod-list .counter button:hover {
    background: #f1f1f1
}

.basket-table-mob .prod-list .counter button:active {
    background: #e1e1e1;
    box-shadow: inset 0 2px 5px -2px rgba(0, 0, 0, .15)
}

.basket-table-mob .prod-list .counter button + button {
    border-left: none
}

.basket-table-mob .prod-list .btn-wrap {
    padding-top: 17px;
    text-align: center;
    line-height: 1
}

.basket-table-mob .prod-list .btn-toggle {
    position: relative;
    width: 40px;
    height: 30px;
    vertical-align: top;
    border: none;
    outline: 0;
    background: 0 0
}

.basket-table-mob .prod-list .btn-toggle:hover span, .basket-table-mob .prod-list .btn-toggle:hover span:after, .basket-table-mob .prod-list .btn-toggle:hover span:before {
    background: #5cd3cf
}

.basket-table-mob .prod-list .btn-toggle span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.basket-table-mob .prod-list .btn-toggle span:after, .basket-table-mob .prod-list .btn-toggle span:before {
    content: ''
}

.basket-table-mob .prod-list .btn-toggle span, .basket-table-mob .prod-list .btn-toggle span:after, .basket-table-mob .prod-list .btn-toggle span:before {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    transition: background .2s ease;
    border-radius: 50%;
    background: #999
}

.basket-table-mob .prod-list .btn-toggle span:before {
    top: 0;
    right: 100%;
    margin-right: 5px
}

.basket-table-mob .prod-list .btn-toggle span:after {
    top: 0;
    left: 100%;
    margin-left: 5px
}

.basket-table-mob .smartbonus .key {
    color: #74368f;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.basket-table-mob .smartbonus .bonus-num {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    text-align: center;
    color: #74368f;
    border-radius: 5px;
    background: #ecddf2;
    line-height: 30px
}

.basket-table-mob .gift-list {
    border: 1px solid #e7e7e7;
    line-height: 1.2
}

.basket-table-mob .gift-list .item {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.basket-table-mob .gift-list .item:after, .basket-table-mob .gift-list .item:before {
    position: absolute;
    z-index: 1;
    opacity: .5;
    width: 20%;
    height: 100%;
    content: '';
    background: url(/local/templates/html/images/title-bg.svg) no-repeat left center;
    background-size: cover
}

.basket-table-mob .gift-list .item:before {
    top: 0;
    left: 0;
    transform: rotate(180deg)
}

.basket-table-mob .gift-list .item:after {
    top: 0;
    right: 0
}

.basket-table-mob .gift-list .item.promo {
    background: #f1f8fa
}

.basket-table-mob .gift-list .item.promo:after, .basket-table-mob .gift-list .item.promo:before {
    display: none
}

.basket-table-mob .gift-list .item + .item {
    border-top: 1px solid #e7e7e7
}

.basket-table-mob .gift-list .icon, .basket-table-mob .gift-list .pic, .basket-table-mob .gift-list .text {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle
}

.basket-table-mob .gift-list .icon {
    margin-right: 30px
}

.basket-table-mob .gift-list .icon:before {
    display: inline-block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -372.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table-mob .gift-list .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table-mob .gift-list .pic {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 25px
}

.basket-table-mob .gift-list .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.basket-table-mob .gift-list .text {
    max-width: 500px;
    text-align: left;
    font-size: 16px
}

.basket-table-mob .gift-list .txt-ttl {
    margin-bottom: 5px
}

.basket-table-mob .gift-list .txt-descr {
    text-transform: uppercase
}

.basket-table-mob .toggle-basket {
    padding-top: 30px;
    padding-bottom: 30px;
    transition: padding .4s ease;
    text-align: center
}

.basket-table-mob .toggle-basket + .total-list {
    border-top: 1px solid #e7e7e7
}

.basket-table-mob .toggle-basket .btn-toggle {
    position: relative;
    padding-right: 45px;
    padding-left: 25px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.basket-table-mob .toggle-basket .btn-toggle:active, .basket-table-mob .toggle-basket .btn-toggle:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.basket-table-mob .toggle-basket .btn-toggle:active:before, .basket-table-mob .toggle-basket .btn-toggle:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.basket-table-mob .toggle-basket .btn-toggle:before {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: .9em;
    height: .6em;
    margin-top: 1px;
    content: ' ';
    transform: translateY(-50%) rotate(-180deg);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table-mob .toggle-basket .btn-toggle:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table-mob .toggle-basket .btn-toggle .opened {
    display: block
}

.basket-table-mob .toggle-basket .btn-toggle .closed {
    display: none
}

.basket-table-mob .total-list {
    border: 1px solid #e7e7e7;
    border-top: none;
    background: #f6f6f6
}

.basket-table-mob .total-list .title {
    padding: 10px 15px 8px;
    text-transform: uppercase;
    border-bottom: 1px solid #e7e7e7;
    font-size: 18px
}

.basket-table-mob .total-list .params {
    display: table;
    width: 100%;
    padding: 10px 0;
    font-size: 14px
}

.basket-table-mob .total-list .line {
    display: table-row
}

.basket-table-mob .total-list .line.summ .val {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px
}

.basket-table-mob .total-list .key, .basket-table-mob .total-list .val {
    display: table-cell;
    width: 50%;
    padding: 6px 15px;
    vertical-align: middle;
    line-height: 1.2
}

.basket-table-mob .total-list .val {
    color: #000
}

.basket-table-mob .promo-wrap {
    margin-bottom: 10px;
    border: 1px solid #e7e7e7;
    border-top: none
}

.basket-table-mob .promo-wrap .wrap-btn {
    padding: 15px 0;
    text-align: center
}

.basket-table-mob .promo-wrap .btn-link {
    color: #5cd3cf;
    border: none;
    background: 0 0
}

.basket-table-mob .promo-wrap .btn-link.collapsed {
    color: #333
}

.basket-table-mob .promo-wrap .btn-link.collapsed:hover {
    color: #5cd3cf
}

.basket-table-mob .promo-wrap .form-promo {
    padding: 15px 15px 22px
}

.basket-table-mob .promo-wrap .form-promo .form-group {
    margin-bottom: 0
}

.basket-table-mob .promo-wrap .form-promo .name {
    text-align: right;
    font-size: 17px
}

.basket-page .basket-tabs {
    margin-bottom: 10px
}

.basket-page .basket-tabs .nav-tabs {
    z-index: 1
}

.basket-page .basket-tabs .nav-tabs > li {
    margin-bottom: -1px
}

.basket-page .basket-tabs .nav-tabs > li .tab-head, .basket-page .basket-tabs .nav-tabs > li .tab-head:focus, .basket-page .basket-tabs .nav-tabs > li .tab-head:hover {
    transition: none;
    border: 1px solid transparent;
    border-bottom: none
}

.basket-page .basket-tabs .nav-tabs > li.active .tab-head {
    border-color: #e7e7e7
}

.basket-page .basket-tabs .tab-content {
    padding: 0
}

.basket-page .basket-tabs .basket-table {
    margin: 0
}

.basket-delivery {
    margin-bottom: 40px
}

.basket-delivery .delivery-info {
    padding: 10px 0;
    text-align: right;
    color: #666;
    font-size: 14px
}

.basket-delivery .delivery-info .text {
    position: relative;
    display: inline-block;
    padding-left: 48px;
    line-height: 1.2
}

.basket-delivery .delivery-info .text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 3.4em;
    height: 1.4em;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -338.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-delivery .delivery-info .text:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-delivery .delivery-info.error {
    color: #458381
}

.basket-delivery .delivery-info.error .text:before {
    width: 3.4em;
    height: 1.4em;
    background-position: -.2em -340.6em
}

.basket-table {
    margin-bottom: 50px
}

.basket-table .table-wrap {
    border: 1px solid #e7e7e7
}

.basket-table .table-wrap.closed .btn-toggle:before {
    transform: translateY(-50%) rotate(0)
}

.basket-table .table-wrap.closed .btn-toggle .opened {
    display: none
}

.basket-table .table-wrap.closed .btn-toggle .closed {
    display: block
}

.basket-table table {
    width: 620px;
    border-collapse: separate
}

.basket-table thead th {
    padding: 15px 10px;
    text-align: left;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2
}

.basket-table tbody tr:not(.no-hover):hover, .basket-table tfoot tr:not(.no-hover):hover {
    background: #f9f9f9
}

.basket-table tbody tr.prod-reserved, .basket-table tfoot tr.prod-reserved {
    background: linear-gradient(135deg, #fff 0, #ffeeef 100%)
}

.basket-table tbody td, .basket-table tfoot td {
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    font-size: 14px;
    line-height: 1.2
}

.ordering-page .g-main .basket-table tbody {
    display: none;
    opacity: 0
}

.basket-table .tr-empty td {
    padding: 0;
    border: none
}

.basket-table .th-count {
    padding-left: 20px
}

.ordering-page .basket-table .th-count {
    padding-left: 10px
}

.basket-table .th-bonus {
    color: #74368f;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.basket-table .th-gift {
    width: 6%
}

.basket-table .td-vendor {
    width: 7%
}

.basket-table .td-pic {
    width: 6%
}

.basket-table .td-title {
    width: 22%
}

.basket-table .td-count {
    width: 12%
}

.ordering-page .basket-table .td-count {
    width: 8%
}

.basket-table .td-price {
    width: 12%
}

.basket-table .td-bonus {
    width: 10%
}

.basket-table .td-nds {
    width: 8%
}

.basket-table .td-fullprice {
    width: 12%;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.ordering-page .basket-table .td-fullprice {
    width: 15%
}

.basket-table .td-delete {
    width: 5%
}

.ordering-page .basket-table .td-delete {
    width: 0
}

.basket-table .td-toggle {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.basket-table .td-toggle .btn-toggle {
    position: relative;
    padding-right: 45px;
    padding-left: 25px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.basket-table .td-toggle .btn-toggle:active, .basket-table .td-toggle .btn-toggle:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.basket-table .td-toggle .btn-toggle:active:before, .basket-table .td-toggle .btn-toggle:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.basket-table .td-toggle .btn-toggle:before {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: .9em;
    height: .6em;
    margin-top: 1px;
    content: ' ';
    transform: translateY(-50%) rotate(-180deg);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .td-toggle .btn-toggle:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .td-toggle .btn-toggle .opened {
    display: block
}

.basket-table .td-toggle .btn-toggle .closed {
    display: none
}

.basket-table .td-gift {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.basket-table .td-gift:after, .basket-table .td-gift:before {
    position: absolute;
    z-index: 1;
    opacity: .5;
    width: 50%;
    height: 100%;
    content: '';
    background: url(/local/templates/html/images/title-bg.svg) no-repeat left top;
    background-size: cover
}

.basket-table .td-gift:before {
    top: 0;
    left: 0;
    transform: rotate(180deg)
}

.basket-table .td-gift:after {
    top: 0;
    right: 0
}

.basket-table .td-gift.promo {
    background: #f1f8fa
}

.basket-table .td-gift.promo:after, .basket-table .td-gift.promo:before {
    display: none
}

.basket-table .td-gift .icon, .basket-table .td-gift .pic, .basket-table .td-gift .text {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle
}

.basket-table .td-gift .icon {
    margin-right: 30px
}

.basket-table .td-gift .icon:before {
    display: inline-block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -372.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .td-gift .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .td-gift .pic {
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin-right: 25px
}

.basket-table .td-gift .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.basket-table .td-gift .text {
    max-width: 500px;
    text-align: left;
    font-size: 16px
}

.basket-table .td-gift .txt-ttl {
    margin-bottom: 5px
}

.basket-table .prod-gift {
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid #e7e7e7;
    border-radius: 50%
}

.basket-table .prod-gift.done .wrap-icon:before {
    display: inline-block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    background: 0 0;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -372.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .prod-gift.done .wrap-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .prod-gift.done .wrap-icon .icon:before {
    display: inline-block;
    width: 7px;
    height: 6px;
    content: '';
    background: 0 0;
    background-image: url(/local/templates/html/images/sprite.png);
    background-position: -102px -68px
}

.basket-table .prod-gift:hover .wrap-icon {
    background: #f1f1f1
}

.basket-table .prod-gift:hover .drop-info {
    display: block
}

.basket-table .prod-gift .wrap-icon {
    position: relative;
    width: 100%;
    height: 100%;
    transition: background .2s ease;
    border-radius: 50%
}

.basket-table .prod-gift .wrap-icon:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.999em;
    height: 2.2em;
    margin-top: -1px;
    content: ' ';
    transform: translate(-50%, -50%) scale(.9);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -150.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .prod-gift .wrap-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .prod-gift .icon {
    position: absolute;
    z-index: 2;
    right: -2px;
    bottom: -2px;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: #f1f1f1
}

.basket-table .prod-gift .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2em;
    height: 2em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -440.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .prod-gift .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .prod-gift .drop-info {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 100%;
    display: none;
    margin-left: -5px;
    padding-left: 20px;
    transform: translateY(-50%)
}

.basket-table .prod-gift .drop-info_i {
    position: relative;
    width: 180px;
    background: #fff url(/local/templates/html/images/bg-poly.svg) no-repeat right bottom;
    background-size: cover;
    box-shadow: 0 0 15px #d2ebff
}

.basket-table .prod-gift .drop-info_i:before {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: -5px;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: '';
    transform: rotate(-45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff
}

.basket-table .prod-gift .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #fff 25%, rgba(255, 255, 255, .4) 70%, rgba(255, 255, 255, .8) 100%)
}

.basket-table .prod-gift .wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 15px 10px 10px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.basket-table .prod-gift .txt-ttl {
    margin-bottom: 10px
}

.basket-table .prod-gift .txt-descr {
    margin-bottom: 10px
}

.basket-table .prod-gift .pic {
    position: relative;
    overflow: hidden;
    height: 120px;
    margin-bottom: 10px
}

.basket-table .prod-gift .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.basket-table .prod-gift .btn-success {
    display: block;
    width: 100%
}

.basket-table .prod-pic a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 53px;
    height: 53px
}

.basket-table .prod-pic a img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.basket-table .prod-title a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-decoration: none;
    color: #333;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    -webkit-line-clamp: 4
}

.basket-table .prod-title a.hover, .basket-table .prod-title a:hover {
    color: #5cd3cf
}

.basket-table .count-btn-wrap {
    position: relative;
    width: 130px
}

.ordering-page .basket-table .count-btn-wrap {
    width: auto
}

.basket-table .count-btn-wrap .p-count, .basket-table .count-btn-wrap .p-count-minus, .basket-table .count-btn-wrap .p-count-plus {
    display: block;
    float: left;
    width: 33.33%;
    height: 42px;
    text-align: center;
    text-decoration: none;
    line-height: 42px
}

.basket-table .count-btn-wrap .p-count {
    transition: border .2s ease;
    color: #000;
    border: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: 0 0;
    font-size: 14px
}

.basket-table .count-btn-wrap .p-count:focus, .basket-table .count-btn-wrap .p-count:hover {
    border: 1px solid #b8c0c3;
    background: #fff
}

.basket-table .count-btn-wrap .p-count-minus, .basket-table .count-btn-wrap .p-count-plus {
    cursor: pointer;
    user-select: none;
    transition: background .2s ease;
    text-decoration: none;
    color: #666;
    background: 0 0;
    font-size: 20px
}

.basket-table .count-btn-wrap .p-count-minus:hover, .basket-table .count-btn-wrap .p-count-plus:hover {
    background: #e9e9e9
}

.basket-table .count-btn-wrap .p-count-minus:active, .basket-table .count-btn-wrap .p-count-plus:active {
    background: #e1e1e1
}

.basket-table .count-btn-wrap .sale-block {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 50%;
    display: none;
    width: 240px;
    margin-left: -120px;
    padding-top: 10px
}

.basket-table .count-btn-wrap .sale-block .s-wrap {
    position: relative;
    text-align: center;
    border: 1px solid #e7e7e7;
    background: #f7fbfe;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.basket-table .count-btn-wrap .sale-block .s-wrap:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #f7fbfe
}

.basket-table .count-btn-wrap .sale-block .s-ttl {
    padding: 15px 0;
    text-transform: uppercase;
    color: #000;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2
}

.basket-table .count-btn-wrap .sale-block .s-lnk {
    display: block;
    padding: 14px 0;
    text-decoration: none;
    color: #333;
    border-top: 1px solid #e7e7e7;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    line-height: 1.2
}

.basket-table .count-btn-wrap .sale-block .s-lnk:hover {
    background: #f0f6fb
}

.basket-table .reserved-controls {
    margin-top: 10px;
    font-size: 12px
}

.basket-table .reserved-controls .available {
    width: 130px;
    text-align: center;
    color: #458381
}

.basket-table .reserved-controls > div + div {
    margin-top: 6px
}

.basket-table .reserved-controls a {
    white-space: nowrap
}

.basket-table .prod-price.sale .price-cur {
    color: #5cd3cf;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.basket-table .prod-price .price-old {
    position: relative;
    display: inline-block;
    margin-bottom: 3px;
    padding: 0 2px;
    font-size: 12px
}

.basket-table .prod-price .price-old:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #b2b2b2
}

.basket-table .prod-price .price-cur {
    font-size: 16px
}

.basket-table .bonus-num {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    text-align: center;
    color: #74368f;
    border-radius: 5px;
    background: #ecddf2;
    line-height: 30px
}

.basket-table .btn-delete-prod {
    width: 24px;
    height: 24px;
    padding: 0;
    background: 0 0
}

.basket-table .btn-delete-prod:hover:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -98.2em
}

.basket-table .btn-delete-prod:before {
    display: block;
    width: 1.6em;
    height: 1.8em;
    margin: 0 auto;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -93.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .btn-delete-prod:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .tr-total {
    background: #f6f6f6
}

.basket-table .tr-total td {
    padding-top: 25px;
    padding-bottom: 25px;
    color: #000
}

.basket-table .tr-total .td-count {
    padding-left: 73px
}

.ordering-page .basket-table .tr-total .td-count {
    text-align: left
}

.basket-table .tr-total .td-fullprice {
    font-size: 18px
}

.basket-table .td-total {
    text-transform: uppercase;
    font-size: 16px
}

.basket-table .td-promocode {
    font-size: 14px
}

.basket-table .td-promocode .wrap-btn {
    padding: 10px 0;
    text-align: center
}

.basket-table .td-promocode .btn-link {
    color: #5cd3cf;
    border: none;
    background: 0 0
}

.basket-table .td-promocode .btn-link.collapsed {
    color: #333
}

.basket-table .td-promocode .btn-link.collapsed:hover {
    color: #5cd3cf
}

.basket-table .td-promocode .form-promo {
    padding: 20px 0
}

.basket-table .td-promocode .form-promo .form-group {
    margin-bottom: 0
}

.basket-table .td-promocode .form-promo .name {
    text-align: right;
    font-size: 17px
}

.basket-table .delivery-info {
    padding: 10px 0;
    text-align: right;
    color: #666;
    font-size: 14px
}

.basket-table .delivery-info .text {
    position: relative;
    display: inline-block;
    padding-left: 48px;
    line-height: 1.2
}

.basket-table .delivery-info .text:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 3.4em;
    height: 1.4em;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -338.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-table .delivery-info .text:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-table .delivery-info.error {
    color: #5cd3cf
}

.basket-table .delivery-info.error .text:before {
    width: 3.4em;
    height: 1.4em;
    background-position: -.2em -340.6em
}

tr.tr-select-gift {
    overflow: hidden
}

tr.tr-select-gift:hover {
    background: 0 0 !important
}

tr.tr-select-gift td.tr-select-gift-td {
    position: relative;
    z-index: 2;
    max-width: 100%
}

tr.tr-select-gift td.tr-select-gift-td:after, tr.tr-select-gift td.tr-select-gift-td:before {
    position: absolute;
    z-index: 1;
    z-index: -1;
    opacity: .5;
    width: 50%;
    height: 100%;
    content: '' !important;
    background: url(/local/templates/html/images/title-bg.svg) no-repeat left top;
    background-size: 200% 200%
}

tr.tr-select-gift td.tr-select-gift-td:before {
    top: 0;
    left: -99px;
    transform: rotate(180deg)
}

tr.tr-select-gift td.tr-select-gift-td:after {
    top: 0;
    right: -90px
}

.sel-gift-area {
    display: flex
}

.sel-gift-area__descr {
    display: flex;
    flex-wrap: wrap
}

.sel-gift-area__ttl, .sel-gift-area__txt {
    margin: 0
}

.sel-gift-area__ttl {
    text-transform: uppercase;
    font-size: 1.6rem
}

.sel-gift-area__gift-ic {
    align-self: center;
    margin-right: 25px
}

.sel-gift-area__gift-ic:before {
    display: inline-block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -372.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .sel-gift-area__gift-ic:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.sel-gift-area__gift-ic.mob {
    display: none;
    margin-right: 0
}

.sel-gift-area__descr {
    font-size: 1.4rem
}

.sel-gift-area-btns {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto
}

.sel-gift-area-btns__ttl {
    position: absolute;
    z-index: 2;
    top: -18px;
    left: 50%;
    padding: 9px 18px;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #fff;
    border-radius: 4px;
    background-color: #f96a00;
    font-size: 1.2rem;
    line-height: 1
}

.sel-gift-area-btns__btn {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 90px;
    max-height: 106px;
    padding: 0 20px;
    cursor: pointer;
    transition: border-color .15s ease;
    text-align: left;
    border: 1px solid #e7e7e7;
    background: #fff
}

.sel-gift-area-btns__btn:hover {
    border: 1px solid #b4b4b4
}

.sel-gift-area-btns__btn .wrap {
    position: relative;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    margin-right: 15px
}

.sel-gift-area-btns__btn .wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 70px;
    max-height: 70px;
    transition: transform .3s ease;
    transform: translate(-50%, -50%);
    will-change: transform
}

.sel-gift-area-btns__btn span {
    overflow: hidden;
    max-height: 76px;
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 1.6rem
}

.sel-gift-area-btns__btn.active {
    border: 1px solid #5cd3cf
}

.sel-gift-area-btns__btn .discount {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #fff;
    border-radius: 50%;
    background-color: #5cd3cf;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    line-height: 1
}

.basket-controls--main {
    position: fixed;
    z-index: 601;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .3)
}

.basket-controls.static {
    position: static;
    margin-bottom: 60px;
    padding: 0;
    box-shadow: none
}

.basket-controls.static .container {
    width: auto;
    margin-right: -15px;
    margin-left: -15px
}

.basket-controls .btn, .basket-controls .container-form input[type=submit], .container-form .basket-controls input[type=submit] {
    height: 58px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 56px
}

.basket-controls .btn span, .basket-controls .container-form input[type=submit] span, .container-form .basket-controls input[type=submit] span {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    line-height: 20px
}

.basket-controls .btn-index-default {
    float: left
}

.basket-controls .btn-index-default:before {
    display: inline-block;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .basket-controls .btn-index-default:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.basket-controls .btn-index-default + .btn-index-default {
    margin-left: 10px
}

.basket-controls .btn-index-default.btn-commerce {
    margin-left: 10px
}

.basket-controls .btn-index-default span {
    margin-left: 12px
}

.basket-controls .btn-clear:before {
    width: 1.6em;
    height: 1.8em;
    margin-top: -2px;
    background-position: -.2em -93.8em
}

.basket-controls .btn-commerce:before {
    width: 1.3em;
    height: 1.6em;
    background-position: -.2em -91.8em
}

.basket-controls .btn-status:before {
    width: 1.7em;
    height: 1.7em;
    margin-top: -1px;
    background-position: -.2em -385.2em
}

.basket-controls .btn-print:before {
    width: 1.8em;
    height: 1.7em;
    background-position: -.2em -165.3em
}

.basket-controls .btn-download:before {
    width: 1.9em;
    height: 2.091em;
    margin-top: -1px;
    background-position: -.2em -136.7em
}

.basket-controls .btn-cabinet, .basket-controls .btn-order {
    float: right
}

.basket-controls .btn-cabinet:before, .basket-controls .btn-order:before {
    display: none
}

.basket-controls .btn-cabinet:after, .basket-controls .btn-order:after {
    margin-top: 0
}

.basket-page .grid {
    display: flex;
    justify-content: flex-end
}

.basket-page .grid .order-content {
    flex-basis: 755px;
    margin-right: 30px
}

.basket-page .grid .order-content .edit .btn-add_edit {
    transform: rotate(225deg)
}

.basket-page .grid .order-aside {
    margin-right: auto
}

.basket-page .grid .order-nav {
    flex-basis: 360px
}

.basket-page .grid .order-step .wrap {
    margin-bottom: 0
}

.basket-page .grid .btn-success {
    margin-top: 40px
}

.basket-page textarea {
    display: block;
    width: 100%;
    height: 150px;
    padding: 20px 25px;
    resize: none;
    color: #000;
    border: 1px solid #dbe0e2;
    background: #f6f6f6;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.order-aside {
    margin-bottom: 50px
}

.order-aside .smart-banner + .smart-banner {
    margin-top: 30px
}

.smart-banner {
    position: relative;
    max-width: 230px;
    padding: 30px 10px 20px;
    border: 4px solid #74368f
}

.smart-banner.revert {
    background: #74368f
}

.smart-banner.revert .icon:before {
    width: 2.2em;
    height: 2.2em;
    background-position: -.2em -248.5em
}

.smart-banner.revert .text {
    color: #fff
}

.smart-banner .tooltip-info {
    position: absolute;
    top: 8px;
    right: 8px
}

.smart-banner .icon {
    margin-bottom: 20px;
    text-align: center
}

.smart-banner .icon:before {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -251.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .smart-banner .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.smart-banner .text {
    margin-bottom: 22px;
    text-align: center;
    color: #74368f;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3
}

.smart-banner .form-smart {
    max-width: 300px;
    margin: 0 auto
}

.smart-banner .btn-wrap {
    padding-bottom: 10px;
    text-align: center
}

.container-form .smart-banner input[type=submit], .smart-banner .btn, .smart-banner .container-form input[type=submit] {
    padding-right: 30px;
    padding-left: 30px
}

.cls-msg-error-dark {
    fill: orange !important
}

.tooltip-info__wrap {
    text-decoration: none
}

.tooltip-info__wrap:hover p {
    color: #b0b0b0
}

.tooltip-info_mod {
    margin-top: -2px;
    margin-left: 10px
}

.tooltip-info:hover .drop-info {
    display: block;
    opacity: 1
}

.order-step {
    margin-bottom: 70px
}

.order-step input[type=radio] {
    -webkit-appearance: radio !important
}

.order-step .wrap {
    position: relative;
    margin-bottom: 40px;
    padding: 90px 10px 70px;
    border: 1px solid #e7e7e7
}

.order-step .number {
    position: absolute;
    top: 10px;
    left: 25px;
    color: #e5e5e5;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 80px;
    line-height: 1
}

.container-form .order-step .step-controls input[type=submit], .order-step .step-controls .btn, .order-step .step-controls .container-form input[type=submit] {
    position: relative;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%
}

.container-form .order-step .step-controls .btn + input[type=submit], .container-form .order-step .step-controls input[type=submit] + .btn, .container-form .order-step .step-controls input[type=submit] + input[type=submit], .order-step .step-controls .btn + .btn, .order-step .step-controls .container-form .btn + input[type=submit], .order-step .step-controls .container-form input[type=submit] + .btn, .order-step .step-controls .container-form input[type=submit] + input[type=submit] {
    margin-left: 12px
}

.container-form .order-step .step-controls input[type=submit]:before, .order-step .step-controls .btn:before, .order-step .step-controls .container-form input[type=submit]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%) scale(.8);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .order-step .step-controls input[type=submit]:before, .no-svg .order-step .step-controls .btn:before, .no-svg .order-step .step-controls .container-form input[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.container-form .order-step .step-controls input.ic2-icon_cross[type=submit]:before, .order-step .step-controls .btn.ic2-icon_cross:before, .order-step .step-controls .container-form input.ic2-icon_cross[type=submit]:before {
    transform: translate(-50%, -50%) scale(1.01)
}

.order-step .step-controls .btn-edit:before {
    width: 2.4em;
    height: 2.4em;
    margin-top: -1px;
    margin-left: 1px;
    background-position: -.2em -139.2em
}

.order-step .step-controls .btn-add:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -34.2em
}

.order-step .title {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center
}

.order-step .title_comment {
    margin-top: 67px
}

.order-step .fieldset {
    max-width: 440px;
    margin: 0 auto
}

.order-step .form-group + .title {
    margin-top: 44px
}

.order-step .basket-controls {
    display: flex;
    align-items: center;
    justify-content: center
}

.order-step .basket-controls__back-link {
    margin-top: 40px;
    margin-right: 20px;
    text-decoration: none;
    color: #333
}

.order-step .basket-controls__back-link:hover {
    color: #5cd3cf
}

.order-step .basket-controls__back-link:hover.ic2-pager-prev:before {
    width: 2.597em;
    height: .9em;
    background-position: -.2em -560.4em
}

.order-step .basket-controls__back-link.ic2-pager-prev:before {
    margin-right: 10px !important
}

.order-step .basket-controls .btn-order {
    position: relative;
    z-index: 1060;
    float: none;
    padding-right: 34px;
    padding-left: 34px
}

.order-step .alert {
    position: relative;
    margin-top: 30px;
    padding-left: 70px;
    border-radius: 4px;
    background: #f6f6f6
}

.order-step .alert:before {
    position: absolute;
    bottom: -6px;
    left: 10px;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    transform: rotate(45deg);
    background: #f6f6f6
}

.order-step .alert .icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

.order-step .alert .icon:before {
    display: block;
    width: 3.4em;
    height: 1.4em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -338.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .order-step .alert .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.order-step .alert .text {
    color: #666;
    font-size: 14px;
    line-height: 1.3
}

.order-step .radio-tabs .radio {
    margin: 0
}

.order-step .radio-tabs input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 7px
}

.order-step .radio-tabs input:checked + .radio__text:after {
    opacity: 1
}

.order-step .radio-tabs .radio__text {
    position: relative;
    padding: 0 0 0 35px;
    cursor: pointer
}

.order-step .radio-tabs .radio__text:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #dbe0e2;
    border-radius: 50%;
    background: #fff
}

.order-step .radio-tabs .radio__text:after {
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 50%;
    background: #5cd3cf
}

.order-step .tab-content-radio .tab-pane {
    display: none
}

.order-step .tab-content-radio .tab-pane.active {
    display: block
}

.order-step .information {
    margin-bottom: 32px;
    line-height: 1.3
}

.form-control--select {
    position: relative
}

.form-control--select .form-control--select_value {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    padding: 11px;
    cursor: pointer;
    transition: border-color ease-in-out .15s;
    color: #000;
    border: 1px solid #dbe0e2;
    border-radius: 2px;
    background-color: #f6f6f6;
    background-image: none;
    font-size: 14px;
    line-height: 1.4
}

.form-control--select .form-control--select_value--placeholder {
    color: #999
}

.form-control--select:before {
    position: absolute;
    top: 50%;
    right: 10px;
    opacity: .6;
    overflow: hidden;
    width: 0;
    height: 0;
    margin: -2px 0 -4px;
    content: '';
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.form-control--select:hover {
    border-color: #b8c0c3;
    outline: 0
}

.form-control--select .form-control--select_list {
    position: absolute;
    z-index: 1080;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    border-right: 1px solid #dbe0e2;
    border-bottom: 1px solid #dbe0e2;
    border-left: 1px solid #dbe0e2;
    background-color: #fff
}

.form-control--select .form-control--select_item {
    width: 100%;
    height: 42px;
    padding: 11px;
    cursor: pointer;
    color: #000;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.4
}

.form-control--select .form-control--select_item:hover {
    color: #fff;
    background-color: #5cd3cf
}

.form-control--select.active .form-control--select_value {
    background-color: #fff
}

.form-control--select.active .form-control--select_list {
    display: block
}

.form-control--select.active:before {
    border-top: 4px solid #b8c0c3
}

.order-nav {
    margin-bottom: 30px
}

.order-nav .step {
    position: relative;
    min-height: 200px;
    padding: 3px 0 30px 50px
}

.order-nav .step:last-child {
    min-height: inherit
}

.order-nav .step:last-child .indicator:before {
    display: none
}

.order-nav .step.active .indicator:before {
    background: linear-gradient(to bottom, #458381 0, #ccc 50%)
}

.order-nav .step.active .point {
    background: #458381
}

.order-nav .step.active .point:before {
    width: 34px;
    height: 34px;
    background: rgba(0, 177, 39, .2)
}

.order-nav .step.active .wrap .number, .order-nav .step.active .wrap .percent, .order-nav .step.active .wrap .text {
    color: #333
}

.order-nav .step.done .indicator:before {
    background: #458381
}

.order-nav .step.done .point {
    background: #458381
}

.order-nav .step.done .point:before {
    background: rgba(0, 177, 39, .4)
}

.order-nav .step.done .wrap .completeness, .order-nav .step.done .wrap .number, .order-nav .step.done .wrap .percent, .order-nav .step.done .wrap .text {
    display: block;
    color: #458381
}

.order-nav .indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%
}

.order-nav .indicator:before {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    width: 2px;
    height: 100%;
    content: '';
    background: #ccc
}

.order-nav .point {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 22px;
    height: 22px;
    text-decoration: none;
    border-radius: 50%;
    background: #ccc
}

.order-nav .point.hover:before, .order-nav .point:hover:before {
    width: 34px;
    height: 34px
}

.order-nav .point:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 22px;
    height: 22px;
    content: '';
    transition: all .15s ease;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: rgba(204, 204, 204, .4)
}

.order-nav .wrap {
    position: relative;
    display: flex;
    padding-right: 40px;
    text-decoration: none
}

.order-nav .wrap .completeness {
    display: none;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.order-nav .wrap .number, .order-nav .wrap .percent, .order-nav .wrap .text {
    color: #777
}

.order-nav .number {
    float: left;
    margin-right: 10px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1
}

.order-nav .text {
    overflow: hidden;
    width: 100px;
    padding-top: 1px;
    font-size: 14px;
    line-height: 1.2
}

.order-nav .percent {
    position: absolute;
    top: 0;
    right: 0;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1
}

.modal-prod-info .modal-content {
    border-radius: 0;
    background: 0 0
}

.modal-prod-info .modal-header {
    position: relative;
    z-index: 2;
    min-height: inherit;
    padding: 0
}

.modal-prod-info .modal-body {
    position: relative;
    z-index: 1;
    padding: 0
}

.g-wrap .modal-prod-info .product-info .product-info_i:before {
    display: none
}

.g-wrap .modal-prod-info .info_header {
    padding-right: 30px
}

.modal-prod-info .prod-price-drop {
    position: static;
    display: block !important;
    width: 100%;
    padding: 0
}

.modal-prod-info .prod-price-drop-i:before {
    content: none
}

.modal-auth .modal-header {
    min-height: inherit;
    padding: 0
}

.modal-auth .modal-header .close {
    top: 0;
    right: 0;
    width: 34px;
    height: 34px
}

.modal-auth .modal-body {
    padding: 0
}

.modal-auth .nav {
    margin: 0
}

.g-wrap .modal-auth .nav li {
    width: auto
}

.modal-auth .nav li:last-child {
    float: none;
    overflow: hidden
}

.modal-auth .nav li.active .tab-head {
    color: #333;
    background: #fff
}

.modal-auth .nav li.active .tab-head:focus, .modal-auth .nav li.active .tab-head:hover {
    color: #333;
    background: #fff
}

.modal-auth .nav .tab-head {
    margin: 0;
    padding: 20px 40px;
    text-transform: uppercase;
    color: #333;
    background: #f1f1f1;
    font-size: 24px
}

.modal-auth .nav .tab-head:active, .modal-auth .nav .tab-head:focus, .modal-auth .nav .tab-head:hover {
    color: #333;
    background: #f1f1f1
}

.modal-auth .tab-content {
    padding: 30px 40px 0
}

.g-wrap .modal-auth .form-group {
    margin-bottom: 20px
}

.modal-auth .form-group.group-subscribe {
    margin-bottom: 40px
}

.modal-auth .submit-wrap .forgot {
    margin-bottom: 40px
}

.modal-auth .submit-wrap .btn-wrap {
    text-align: center
}

.modal-auth .button-submit {
    padding-right: 40px;
    padding-left: 40px;
    text-transform: uppercase;
    border-radius: 3px
}

.modal-auth .modal-footer {
    padding: 0 40px 40px;
    text-align: left;
    border: none
}

.modal-auth .separator {
    overflow: hidden;
    padding: 28px 0;
    text-align: center
}

.modal-auth .separator span {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    line-height: 24px
}

.modal-auth .separator span:after, .modal-auth .separator span:before {
    position: absolute;
    top: 55%;
    width: 1000px;
    height: 1px;
    content: '';
    background: #e7e7e7
}

.modal-auth .separator span:before {
    left: 100%
}

.modal-auth .separator span:after {
    right: 100%
}

.modal-auth .social {
    text-align: center
}

.modal-auth .social a {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top
}

.modal-auth .social a:first-child {
    margin-left: 0
}

.modal-auth .social a:last-child {
    margin-right: 0
}

.modal-auth .social a:hover {
    opacity: .8
}

.modal-auth .social a:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-auth .social a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-auth .social a.g:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -77.3em
}

.modal-auth .social a.fb:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -72.4em
}

.modal-auth .social a.vk:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -86.9em
}

.modal-auth .social a.ok:before {
    width: 4.5em;
    height: 4.5em;
    background-position: -.2em -550em
}

.modal-ordered .modal-header {
    padding: 0
}

.modal-ordered .modal-body {
    padding: 28px 40px 30px
}

.modal-ordered .info-block {
    position: relative;
    font-size: 14px;
    line-height: 1.2
}

.modal-ordered .info-block ul {
    margin: 0
}

.modal-ordered .info-block ul li + li {
    margin-top: 3px
}

.modal-ordered .info-block .wrap {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 220px;
    margin-left: 20px;
    padding: 25px 20px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.modal-ordered .info-block .wrap:before {
    position: absolute;
    top: 50%;
    left: -5px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translateY(-50%) rotate(-45deg);
    background: #fff
}

.modal-ordered .info-block .pic {
    display: block;
    margin-bottom: 20px;
    text-decoration: none
}

.modal-ordered .info-block .pic img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100px
}

.modal-ordered .info-block .ttl {
    margin-bottom: 15px
}

.modal-ordered .info-block .text {
    margin-bottom: 15px
}

.modal-ordered .title {
    text-align: center
}

.modal-ordered .btn-wrap {
    text-align: center
}

.container-form .modal-ordered .btn-wrap .btn + input[type=submit], .container-form .modal-ordered .btn-wrap input[type=submit] + .btn, .container-form .modal-ordered .btn-wrap input[type=submit] + input[type=submit], .modal-ordered .btn-wrap .btn + .btn, .modal-ordered .btn-wrap .container-form .btn + input[type=submit], .modal-ordered .btn-wrap .container-form input[type=submit] + .btn, .modal-ordered .btn-wrap .container-form input[type=submit] + input[type=submit] {
    margin-left: 6px
}

.modal-ordered .separator {
    overflow: hidden;
    padding: 28px 0;
    text-align: center
}

.modal-ordered .separator span {
    position: relative;
    display: inline-block;
    padding: 0 15px;
    line-height: 24px
}

.modal-ordered .separator span:after, .modal-ordered .separator span:before {
    position: absolute;
    top: 55%;
    width: 1000px;
    height: 1px;
    content: '';
    background: #e7e7e7
}

.modal-ordered .separator span:before {
    left: 100%
}

.modal-ordered .separator span:after {
    right: 100%
}

.modal-ordered .social {
    margin-bottom: 50px;
    text-align: center
}

.modal-ordered .social a {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top
}

.modal-ordered .social a:first-child {
    margin-left: 0
}

.modal-ordered .social a:last-child {
    margin-right: 0
}

.modal-ordered .social a:hover {
    opacity: .8
}

.modal-ordered .social a:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-ordered .social a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-ordered .social a.g:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -77.3em
}

.modal-ordered .social a.fb:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -72.4em
}

.modal-ordered .social a.vk:before {
    width: 4.7em;
    height: 4.5em;
    background-position: -.2em -86.9em
}

.modal-ordered .social a.ok:before {
    width: 4.5em;
    height: 4.5em;
    background-position: -.2em -550em
}

.modal-ordered .advance .item {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom: 30px;
    padding-left: 20px
}

.modal-ordered .advance .item:nth-child(2n+1) {
    clear: both;
    padding-right: 20px;
    padding-left: 0
}

.modal-ordered .advance .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.modal-ordered .advance .icon:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-ordered .advance .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-ordered .advance .icon.bonus:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -42.6em
}

.modal-ordered .advance .icon.gift:before {
    width: 3.3em;
    height: 3.6em;
    background-position: -.2em -46em
}

.modal-ordered .advance .icon.vip:before {
    width: 2.7em;
    height: 3.2em;
    background-position: -.2em -53.8em
}

.modal-ordered .advance .icon.status:before {
    width: 2.9em;
    height: 3.4em;
    background-position: -.2em -50em
}

.modal-ordered .advance .txt {
    overflow: hidden;
    margin-left: 50px;
    line-height: 1.2
}

.attention-modal__title {
    margin-bottom: 14px;
    text-align: center;
    font-family: Circe-Regular, Arial, Helvetica, sans-serif;
    font-size: 24px
}

.attention-modal__text {
    text-align: center;
    font-size: 14.5px;
    line-height: 24px
}

.attention-modal .modal-body {
    padding: 45px 25px 30px
}

.attention-opts {
    display: flex;
    flex-direction: column;
    margin-top: 50px
}

.attention-opts__title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

.attention-opts__btn-group {
    display: flex;
    align-items: center;
    flex-direction: column
}

.attention-opts__btn-group > * {
    width: 187px
}

.attention-opts__btn-group .btn, .attention-opts__btn-group .container-form input[type=submit], .container-form .attention-opts__btn-group input[type=submit] {
    padding-right: 10px;
    padding-left: 10px;
    text-overflow: initial
}

.attention-opts__descr {
    padding: 10px 15px 0;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 16px
}

.agreement-list .item-agree {
    margin-bottom: 30px;
    padding: 35px 40px;
    border: 1px solid #e7e7e7
}

.agreement-list .title {
    position: relative;
    margin-bottom: 20px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.4
}

.agreement-list .title .ttl-icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.agreement-list .title .ttl-icon:before {
    position: relative;
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .agreement-list .title .ttl-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.agreement-list .title .ttl-icon.sale:before {
    width: 2.6em;
    height: 3.1em;
    background-position: -.2em -59.8em
}

.agreement-list .title .ttl-txt {
    margin-left: 50px
}

.agreement-list .description {
    margin-bottom: 25px
}

.agreement-list .toggle-wrap {
    padding-top: 20px;
    padding-bottom: 30px
}

.agreement-list .select-wrap {
    max-width: 400px;
    margin-bottom: 25px
}

.agreement-list .select-wrap .jqselect {
    vertical-align: top
}

.agreement-list .divisions .d-item {
    position: relative;
    padding: 18px 60px 18px 15px;
    border-bottom: 1px solid #e7e7e7
}

.agreement-list .divisions .d-item:first-child {
    border-top: 1px solid #e7e7e7
}

.agreement-list .divisions .name {
    font-size: 14px
}

.agreement-list .divisions .btn-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: none;
    background: 0 0
}

.agreement-list .divisions .btn-remove:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -336em
}

.agreement-list .divisions .btn-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .agreement-list .divisions .btn-remove:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.agreement-list .toggle-link a {
    position: relative;
    display: inline-block;
    padding-right: 22px;
    text-decoration: none;
    font-size: 14px
}

.agreement-list .toggle-link a.collapsed:before {
    transform: translateY(-50%) rotate(0)
}

.agreement-list .toggle-link a:before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: .9em;
    height: .6em;
    margin-top: 1px;
    content: ' ';
    transition: transform .3s ease;
    transform: translateY(-50%) rotate(-180deg);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -234.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .agreement-list .toggle-link a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.cabinet-menu {
    margin-bottom: 40px
}

.cabinet-menu .menu_level_1 {
    margin: 0
}

.cabinet-menu .item_1 {
    position: relative;
    padding: 15px 0
}

.cabinet-menu .item_1:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.cabinet-menu .item_1 > a, .cabinet-menu .item_1 > span:not(.indicator) {
    transition: color .2s ease;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

.cabinet-menu .item_1 > a:hover {
    color: #5cd3cf
}

.cabinet-menu .item_1.active > a, .cabinet-menu .item_1.active > span:not(.indicator) {
    color: #458381
}

.cabinet-menu .item_1.active > a:hover {
    color: #5cd3cf
}

.cabinet-menu .item_1 .indicator {
    position: relative;
    display: none;
    float: right;
    min-width: 40px;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: 20px;
    padding: 5px 10px;
    text-align: center;
    border-radius: 4px;
    background: #f4f4f4;
    font-size: 14px;
    line-height: 20px
}

.cabinet-menu .item_1.smartbonus > a:hover {
    color: #5cd3cf
}

.cabinet-menu .item_1.smartbonus .indicator {
    background: #ecddf2
}

.cabinet-manager {
    margin-bottom: 40px;
    padding: 30px 24px 35px;
    text-align: center;
    border: 1px solid #e7e7e7
}

.cabinet-manager .title {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1.2
}

.cabinet-manager .photo {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto 15px
}

.cabinet-manager .photo .pic {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 50%
}

.cabinet-manager .photo img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.cabinet-manager .photo .status {
    position: absolute;
    z-index: 2;
    right: 6px;
    bottom: 6px;
    width: 20px;
    height: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    background: #fff
}

.cabinet-manager .photo .status:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 9px;
    height: 9px;
    content: '';
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #eee
}

.cabinet-manager .photo .status.online:before {
    background: #458381
}

.cabinet-manager .name {
    margin-bottom: 20px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2
}

.cabinet-manager .contacts {
    font-size: 14px;
    line-height: 1.3
}

.cabinet-manager .contacts .line + .line {
    margin-top: 20px
}

.custom-checkbox {
    position: relative;
    display: block;
    cursor: pointer;
    font-size: 1.4rem
}

.custom-checkbox_modifier {
    padding-left: 35px
}

.custom-checkbox_modifier .custom-checkbox__checkmark {
    top: 50%;
    transform: translate(0, -50%)
}

.custom-checkbox__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer
}

.custom-checkbox__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #dde2e4;
    border-radius: 2px;
    background-color: #f6f6f6
}

.custom-checkbox:hover .custom-checkbox__input ~ .custom-checkbox__checkmark {
    background-color: #e5e5e5
}

.custom-checkbox .custom-checkbox__input:checked ~ .custom-checkbox__checkmark {
    background-color: #5cd3cf
}

.custom-checkbox .custom-checkbox__checkmark:after {
    position: absolute;
    display: none;
    content: ''
}

.custom-checkbox .custom-checkbox__input:checked ~ .custom-checkbox__checkmark:after {
    display: block
}

.custom-checkbox .custom-checkbox__checkmark:after {
    top: 4px;
    left: 8px;
    width: 7px;
    height: 12px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 3px 3px 0
}

.prod-card.collection .p-pic.collection-photos {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    height: 100%;
    padding-right: 30px;
    padding-left: 30px
}

.prod-card.collection .prod-wrap {
    display: flex;
    flex-direction: column
}

.prod-card.collection .p-pic .p-pic-link.js-hover-trg {
    width: auto;
    min-width: 50%;
    height: auto;
    min-height: 50%;
    margin: 0
}

.prod-card.collection .p-pic .p-pic-link.js-hover-trg img {
    max-height: calc(100% - 12px)
}

.prod-card.collection .p-wrap {
    margin-top: auto
}

.prod-card.collection .c-btn-wrap_mod.c-btn-wrap {
    position: static;
    padding: 0 30px 15px
}

.cabinet-content {
    margin-bottom: 40px
}

.cabinet-content .accordion {
    margin-bottom: 30px
}

.cabinet-aside {
    margin-bottom: 40px
}

.cabinet-aside .ca-item {
    min-height: 1px
}

.cabinet-banner {
    position: relative;
    padding: 30px 20px 35px;
    text-align: center;
    border: 4px solid #e7e7e7
}

.cabinet-banner + .cabinet-banner {
    margin-top: 30px
}

.cabinet-banner.revert .tooltip-info.active .btn-icon:before, .cabinet-banner.revert .tooltip-info:hover .btn-icon:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -442.5em
}

.cabinet-banner.revert .tooltip-info .btn-icon:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -442.5em
}

.cabinet-banner .tooltip-info {
    position: absolute;
    top: 8px;
    right: 8px
}

.cabinet-banner .icon {
    margin-bottom: 20px
}

.cabinet-banner .icon:before {
    display: block;
    margin: 0 auto;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .cabinet-banner .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.cabinet-banner .text {
    font-size: 14px;
    line-height: 1.4
}

.cabinet-banner .text b, .cabinet-banner .text strong {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.cabinet-banner .text b {
    font-size: 16px
}

.cabinet-banner .text strong {
    display: block;
    text-transform: uppercase;
    font-size: 18px
}

.cabinet-banner .text a {
    text-decoration: none
}

.cabinet-banner .btn-wrap {
    padding-top: 10px
}

.cabinet-banner .separator {
    width: 30px;
    height: 1px;
    margin: 0 auto 1em;
    background: #ccc
}

.cabinet-banner.sale {
    border-color: #5cd3cf
}

.cabinet-banner.sale .text {
    color: #5cd3cf
}

.cabinet-banner.sale .text a {
    color: #5cd3cf
}

.cabinet-banner.sale .text a:hover {
    color: #458381
}

.cabinet-banner.sale .link-detail {
    color: #5cd3cf
}

.cabinet-banner.sale .link-detail:hover {
    color: #458381
}

.cabinet-banner.sale .separator {
    background: #5cd3cf
}

.cabinet-banner.sale .icon:before {
    width: 3.8em;
    height: 4.5em;
    background-position: -.2em -286.2em
}

.cabinet-banner.sale.revert {
    border-color: #fff;
    border-color: #5cd3cf;
    background: #5cd3cf
}

.cabinet-banner.sale.revert .text {
    color: #fff
}

.cabinet-banner.sale.revert .text a {
    color: #fff
}

.cabinet-banner.sale.revert .text a:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.sale.revert .link-detail {
    color: #fff
}

.cabinet-banner.sale.revert .link-detail:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.sale.revert .separator {
    background: #fff
}

.cabinet-banner.sale.revert .icon:before {
    width: 3.8em;
    height: 4.5em;
    background-position: -.2em -291.1em
}

.cabinet-banner.sale.revert .btn-primary, .cabinet-banner.sale.revert .container-form input[type=submit], .container-form .cabinet-banner.sale.revert input[type=submit] {
    background: #e94d58
}

.touch-no .cabinet-banner.sale.revert .btn-primary:hover, .touch-no .cabinet-banner.sale.revert .container-form input:hover[type=submit], .touch-no .container-form .cabinet-banner.sale.revert input:hover[type=submit] {
    background: #458381
}

.cabinet-banner.sale.revert .btn-primary:active, .cabinet-banner.sale.revert .container-form input:active[type=submit], .container-form .cabinet-banner.sale.revert input:active[type=submit] {
    background: #458381
}

.cabinet-banner.bonus {
    border-color: #74368f
}

.cabinet-banner.bonus .text {
    color: #74368f
}

.cabinet-banner.bonus .text a {
    color: #74368f
}

.touch-no .cabinet-banner.bonus .text a:hover {
    color: #642d7c
}

.cabinet-banner.bonus .link-detail {
    color: #74368f
}

.touch-no .cabinet-banner.bonus .link-detail:hover {
    color: #642d7c
}

.cabinet-banner.bonus .separator {
    background: #74368f
}

.cabinet-banner.bonus .icon:before {
    width: 2.2em;
    height: 2.2em;
    background-position: -.2em -251.1em
}

.cabinet-banner.bonus.revert {
    border-color: #fff;
    border-color: #74368f;
    background: #74368f
}

.cabinet-banner.bonus.revert .text {
    color: #fff
}

.cabinet-banner.bonus.revert .text a {
    color: #fff
}

.touch-no .cabinet-banner.bonus.revert .text a:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.bonus.revert .link-detail {
    color: #fff
}

.touch-no .cabinet-banner.bonus.revert .link-detail:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.bonus.revert .separator {
    background: #fff
}

.cabinet-banner.bonus.revert .icon:before {
    width: 2.2em;
    height: 2.2em;
    background-position: -.2em -248.5em
}

.cabinet-banner.collections {
    border-color: #458381
}

.cabinet-banner.collections .text {
    color: #458381
}

.cabinet-banner.collections .text a {
    color: #458381
}

.touch-no .cabinet-banner.collections .text a:hover {
    color: #5cd3cf
}

.cabinet-banner.collections .link-detail {
    color: #458381
}

.touch-no .cabinet-banner.collections .link-detail:hover {
    color: #5cd3cf
}

.cabinet-banner.collections .separator {
    background: #458381
}

.cabinet-banner.collections .icon:before {
    width: 2.4938em;
    height: 2.5em;
    background-position: -.2em -280.4em
}

.cabinet-banner.collections.revert {
    border-color: #fff;
    border-color: #458381;
    background: #458381
}

.cabinet-banner.collections.revert .text {
    color: #fff
}

.cabinet-banner.collections.revert .text a {
    color: #fff
}

.touch-no .cabinet-banner.collections.revert .text a:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.collections.revert .link-detail {
    color: #fff
}

.touch-no .cabinet-banner.collections.revert .link-detail:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.collections.revert .separator {
    background: #fff
}

.cabinet-banner.collections.revert .icon:before {
    width: 2.4938em;
    height: 2.5em;
    background-position: -.2em -283.3em
}

.cabinet-banner.calculator {
    border-color: #74cb87
}

.cabinet-banner.calculator .text {
    color: #74cb87
}

.cabinet-banner.calculator .text a {
    color: #74cb87
}

.touch-no .cabinet-banner.calculator .text a:hover {
    color: #74cb87
}

.cabinet-banner.calculator .link-detail {
    color: #74cb87
}

.touch-no .cabinet-banner.calculator .link-detail:hover {
    color: #74cb87
}

.cabinet-banner.calculator .separator {
    background: #74cb87
}

.cabinet-banner.calculator .icon:before {
    width: 4.3em;
    height: 5em;
    background-position: -.2em -296em
}

.cabinet-banner.calculator.revert {
    border-color: #fff;
    border-color: #74cb87;
    background: #74cb87
}

.cabinet-banner.calculator.revert .text {
    color: #fff
}

.cabinet-banner.calculator.revert .text a {
    color: #fff
}

.cabinet-banner.calculator.revert .text a:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.calculator.revert .link-detail {
    color: #fff
}

.cabinet-banner.calculator.revert .link-detail:hover {
    color: rgba(255, 255, 255, .8)
}

.cabinet-banner.calculator.revert .separator {
    background: #fff
}

.cabinet-banner.calculator.revert .icon:before {
    width: 4.3em;
    height: 5em;
    background-position: -.2em -301.4em
}

.cabinet-basket {
    padding: 35px 20px 40px;
    text-align: center;
    border: 4px solid #e7e7e7;
    font-size: 14px;
    line-height: 1.3
}

.cabinet-basket + .cabinet-basket {
    margin-top: 30px
}

.cabinet-basket .icon {
    margin-bottom: 20px
}

.cabinet-basket .icon:before {
    display: block;
    width: 2.8em;
    height: 2.5em;
    margin: 0 auto;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -277.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .cabinet-basket .icon:before {
    background-image: url(/local/templates/html/images/@sprite_svg.png?r=3981500178)
}

.cabinet-basket .text {
    margin-bottom: 8px
}

.cabinet-basket .count, .cabinet-basket .price {
    margin-bottom: 8px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.cabinet-basket .btn-wrap {
    padding-top: 20px
}

.cabinet-section {
    margin-bottom: 30px;
    padding: 35px 30px 30px;
    border: 1px solid #e7e7e7
}

.cabinet-section .section-head .btn-controls {
    position: relative;
    float: right;
    width: 40px
}

.cabinet-section .section-head .btn-controls + .acc-link {
    margin-right: 60px
}

.cabinet-section .section-head .btn-controls .btn, .cabinet-section .section-head .btn-controls .container-form input[type=submit], .container-form .cabinet-section .section-head .btn-controls input[type=submit] {
    position: absolute;
    top: -10px;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%
}

.cabinet-section .section-head .btn-controls .btn:before, .cabinet-section .section-head .btn-controls .container-form input[type=submit]:before, .container-form .cabinet-section .section-head .btn-controls input[type=submit]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%) scale(.8);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .cabinet-section .section-head .btn-controls input[type=submit]:before, .no-svg .cabinet-section .section-head .btn-controls .btn:before, .no-svg .cabinet-section .section-head .btn-controls .container-form input[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.cabinet-section .section-head .btn-controls .btn-add {
    border: none
}

.cabinet-section .section-head .btn-controls .btn-add:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -34.2em
}

.cabinet-section .acc-link {
    position: relative;
    display: block;
    transition: none;
    text-decoration: none
}

.cabinet-section .acc-link .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -18px;
    transition: border .2s ease;
    border: 1px solid #5cd3cf
}

.cabinet-section .acc-link .icon:after, .cabinet-section .acc-link .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    transition: transform .3s ease, background .2s ease;
    background: #5cd3cf
}

.cabinet-section .acc-link .icon:before {
    width: 16px;
    height: 2px;
    margin-top: -1px;
    margin-left: -8px
}

.cabinet-section .acc-link .icon:after {
    width: 2px;
    height: 16px;
    margin-top: -8px;
    margin-left: -1px;
    transform: rotate(90deg)
}

.cabinet-section .acc-link.collapsed .icon {
    border-color: #a1a1a1
}

.cabinet-section .acc-link.collapsed .icon:hover {
    border-color: #5cd3cf
}

.cabinet-section .acc-link.collapsed .icon:hover:after, .cabinet-section .acc-link.collapsed .icon:hover:before {
    background: #5cd3cf
}

.cabinet-section .acc-link.collapsed .icon:after, .cabinet-section .acc-link.collapsed .icon:before {
    background: #b7b7b7
}

.cabinet-section .acc-link.collapsed .icon:after {
    transform: rotate(0)
}

.cabinet-section .section-title {
    margin: 0
}

.cabinet-section .section-body {
    padding-top: 30px
}

.cabinet-section .message {
    padding: 35px 25px;
    text-align: center;
    border: 1px solid #e7e7e7;
    line-height: 1.3
}

.orders-active table {
    width: 100%;
    border-collapse: separate
}

.orders-active table .th-number {
    width: 15%
}

.orders-active table .th-date {
    width: 15%
}

.orders-active table .th-count {
    width: 13%
}

.orders-active table .th-price {
    width: 16%
}

.orders-active table .th-division, .orders-active table .th-status {
    width: 20%
}

.orders-active table .th-controls, .orders-active table .th-review {
    width: 21%
}

.orders-active table thead th {
    padding: 14px 10px;
    text-align: left;
    color: #666;
    background: #f1f1f1;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3
}

.orders-active table tbody td {
    padding: 15px 10px;
    font-size: 14px;
    line-height: 1.3
}

.orders-active table tbody td.td-review {
    text-align: right
}

.orders-active .td-title {
    color: #666
}

.orders-active .status {
    position: relative;
    padding-left: 30px;
    color: #999
}

.orders-active .status:before {
    position: absolute;
    top: 50%;
    left: -5px;
    display: block;
    margin-top: -1px;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .orders-active .status:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.orders-active .status.wait-admin {
    padding-left: 0;
    color: #ff7a38
}

.orders-active .status.closed:before {
    left: 1px;
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -110.3em;
    font-size: 1.1rem
}

.orders-active .status.wait:before {
    display: block;
    width: 3em;
    height: 3em;
    background-position: -.2em -228.9em
}

.orders-active .status.inway {
    color: #69c
}

.orders-active .status.inway:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -218.7em
}

.orders-active .status.delivered {
    color: #4ce25a
}

.orders-active .status.delivered:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -211.9em
}

.orders-active .status.error:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -215.3em
}

.orders-active .status.accepted:before {
    display: block;
    width: 3em;
    height: 3em;
    background-position: -.2em -205.1em
}

.orders-active .status.transferred:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -225.5em
}

.orders-active .status.shipment:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -222.1em
}

.orders-active .status.canceled {
    color: #5cd3cf
}

.orders-active .status.canceled:before {
    width: 3em;
    height: 3em;
    background-position: -.2em -208.5em
}

.orders-active .review-link a {
    text-decoration: none
}

.orders-active .controls-wrap button {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 0;
    transition: opacity .2s ease;
    vertical-align: top;
    border: none;
    background: 0 0
}

.orders-active .controls-wrap button + button {
    margin-right: 0;
    margin-left: 30px
}

.orders-active .controls-wrap button:hover {
    opacity: .7;
    background: 0 0
}

.orders-active .controls-wrap button:disabled {
    visibility: hidden;
    opacity: 0;
    transition: none
}

.orders-active .controls-wrap button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .orders-active .controls-wrap button:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.orders-active .controls-wrap .btn-comment:before {
    width: 2.056em;
    height: 1.937em;
    background-position: -.2em -105.8em
}

.orders-active .controls-wrap .btn-reject:before {
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -110.3em
}

.orders-active .controls-wrap .btn-confirm:before {
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -108.2em
}

.cabinet-comment .fieldset {
    border: 1px solid #e7e7e7
}

.cabinet-comment table {
    width: 100%;
    border-collapse: separate
}

.cabinet-comment table tr:first-child td {
    border: none
}

.cabinet-comment table td {
    padding: 15px 10px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.3
}

.cabinet-comment .td-title {
    width: 30%;
    text-align: right;
    color: #666
}

.cabinet-comment .td-rate {
    width: 25%;
    text-align: center
}

.cabinet-comment .td-comment {
    width: 45%;
    text-align: right
}

.cabinet-comment .td-comment.closed .form-control {
    display: none
}

.cabinet-comment .td-comment.closed .btn-toggle .txt-close {
    display: inline
}

.cabinet-comment .td-comment.closed .btn-toggle .txt-open {
    display: none
}

.cabinet-comment .td-comment.empty .comment-text {
    display: none
}

.cabinet-comment .comment-text {
    margin-bottom: 20px;
    text-align: left
}

.cabinet-comment .form-control {
    height: 140px;
    margin-bottom: 20px
}

.cabinet-comment .btn-toggle {
    padding: 0;
    color: #5cd3cf;
    border: none;
    background: 0 0
}

.cabinet-comment .btn-toggle:hover {
    color: #458381
}

.cabinet-comment .btn-toggle .txt-close {
    display: none
}

.cabinet-comment .btn-toggle .txt-open {
    display: inline
}

.cabinet-comment .btn-wrap {
    padding-top: 25px;
    text-align: center
}

.rate-input {
    text-align: center
}

.rate-input .wrap_i {
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

.rate-input .star {
    float: left;
    cursor: pointer
}

.rate-input .star + .star {
    margin-left: 12px
}

.rate-input .star:before {
    display: block;
    width: 1.9em;
    height: 1.9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -200.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .rate-input .star:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.rate-input .star.hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -202.8em
}

.rate-input .star.active:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -195.9em
}

.rate-input .star.active.hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -198.2em
}

.cabinet-chart {
    border: 1px solid #e7e7e7
}

.cabinet-chart .chart-filter {
    padding: 20px 20px 0
}

.cabinet-chart .chart-wrap {
    padding: 30px 10px 15px
}

.cabinet-chart .chart {
    width: 100%
}

.price-banner {
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
    color: #74cb87;
    border: 7px solid #74cb87;
    line-height: 1.3
}

.price-banner .wrap-items, .price-banner .wrap-title {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.price-banner .wrap-title {
    width: 400px
}

.price-banner .title {
    position: relative;
    padding-left: 60px
}

.price-banner .title .pic {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    transform: translateY(-50%)
}

.price-banner .title .pic img {
    display: block;
    max-width: 100%
}

.price-banner .title .text {
    padding: 0 30px;
    text-transform: uppercase;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 22px
}

.price-banner .item {
    position: relative;
    float: left;
    padding-right: 50px
}

.price-banner .item:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    width: 2px;
    height: 50px;
    margin-top: -25px;
    margin-left: -1px;
    content: '';
    background: #74cb87
}

.price-banner .item + .item {
    padding-left: 50px
}

.price-banner .item + .item:before {
    display: block
}

.price-banner .item:last-child {
    padding-right: 0
}

.price-banner .item .ttl {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px
}

.price-banner .item .price {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.price-banner .item .price > span {
    font-size: 16px
}

.price-banner .item .price .big {
    font-size: 42px
}

.price-banner .item .state {
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.price-banner .item .state.up {
    color: #ff5d42
}

.price-banner .item .state.up .icon:before {
    display: inline-block;
    width: .7em;
    height: 3.4em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -68.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .price-banner .item .state.up .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.price-banner .item .state.down {
    color: #4fe736
}

.price-banner .item .state.down .icon:before {
    display: inline-block;
    width: .7em;
    height: 3.4em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -64.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .price-banner .item .state.down .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.price-banner .item .state > span {
    display: inline-block;
    vertical-align: middle
}

.price-banner .item .state > span + span {
    margin-left: 10px
}

.price-banner .item .state .icon:before {
    display: block
}

.modal-feedback .text .jqselect {
    vertical-align: top
}

.modal-feedback .submit-wrap {
    padding-top: 30px
}

.modal-reason .modal-body {
    padding: 25px 40px 40px
}

.modal-reason .title {
    margin-bottom: 40px;
    text-align: center
}

.modal-reason .reason-form .fieldset {
    margin-bottom: 15px
}

.modal-reason .reason-form textarea {
    resize: none
}

.modal-reason .btn-wrap {
    text-align: center
}

.container-form .modal-reason .btn-wrap input[type=submit], .modal-reason .btn-wrap .btn, .modal-reason .btn-wrap .container-form input[type=submit] {
    min-width: 180px
}

.modal-order-wait .modal-body {
    padding: 30px 20px 50px
}

.modal-order-wait .modal-basket .delivery-info {
    padding-right: 10px;
    text-align: left
}

.modal-order-wait .modal-basket-header {
    margin-bottom: 40px;
    font-size: 14px
}

.modal-order-wait .order-info {
    margin-bottom: 35px
}

.modal-order-wait .order-info .line {
    margin-bottom: 4px
}

.modal-order-wait .order-info .date, .modal-order-wait .order-info .division, .modal-order-wait .order-info .number {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2
}

.modal-order-wait .order-info .name {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.modal-order-wait .add-prod-form {
    margin-bottom: 40px
}

.modal-order-wait .modal-basket-footer {
    text-align: center
}

.container-form .modal-order-wait .modal-basket-footer input[type=submit], .modal-order-wait .modal-basket-footer .btn, .modal-order-wait .modal-basket-footer .container-form input[type=submit] {
    position: relative;
    height: 50px;
    margin: 5px 8px;
    padding: 0 30px;
    font-size: 14px;
    line-height: 48px
}

.container-form .modal-order-wait .modal-basket-footer input.btn-index-default[type=submit], .modal-order-wait .modal-basket-footer .btn.btn-index-default, .modal-order-wait .modal-basket-footer .container-form input.btn-index-default[type=submit] {
    color: #458381;
    border-color: #458381
}

.modal-division-edit .modal-body {
    padding: 25px 40px 45px
}

.modal-division-edit .section {
    margin-bottom: 35px
}

.modal-division-edit .section .title {
    margin-bottom: 15px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.modal-division-edit .section .line {
    position: relative
}

.modal-division-edit .section .line + .line {
    margin-top: 12px
}

.modal-division-edit .add-field {
    position: absolute;
    top: 50%;
    right: 30px;
    padding: 0;
    transform: translateY(-50%);
    border: none;
    background: 0 0
}

.modal-division-edit .add-field:hover:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -39.8em
}

.modal-division-edit .add-field:before {
    display: block;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    transform: scale(.8);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -34.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-division-edit .add-field:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-division-edit .btn-wrap {
    padding-top: 10px;
    text-align: center
}

.modal-division-edit .button-submit {
    min-width: 180px
}

.modal-division-edit .checkbox-switch {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    vertical-align: top
}

.modal-division-edit .checkbox-switch input[type=checkbox] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0
}

.modal-division-edit .checkbox-switch input[type=checkbox]:checked ~ .switcher {
    background: #458381
}

.modal-division-edit .checkbox-switch input[type=checkbox]:checked ~ .switcher:before {
    left: 32px
}

.modal-division-edit .checkbox-switch .switcher {
    position: relative;
    width: 60px;
    height: 30px;
    cursor: pointer;
    transition: background .2s ease;
    border-radius: 15px;
    background: #5cd3cf
}

.modal-division-edit .checkbox-switch .switcher:before {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 26px;
    height: 26px;
    content: '';
    transition: left .2s ease;
    border-radius: 50%;
    background: #fff
}

.modal-division-edit .list-agreements .item {
    position: relative;
    padding: 18px 60px 18px 40px;
    border-bottom: 1px solid #e7e7e7
}

.modal-division-edit .list-agreements .item:first-child {
    border-top: 1px solid #e7e7e7
}

.modal-division-edit .list-agreements .item:before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 1.6em;
    height: 1.931em;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -57.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-division-edit .list-agreements .item:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-division-edit .list-agreements .text {
    font-size: 14px;
    line-height: 1.3
}

.modal-division-edit .list-agreements .btn-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: none;
    background: 0 0
}

.modal-division-edit .list-agreements .btn-remove:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -336em
}

.modal-division-edit .list-agreements .btn-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-division-edit .list-agreements .btn-remove:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.division-search {
    margin-bottom: 30px
}

.division-search .search-form .fieldset {
    position: relative
}

.division-search .search-form .form-control {
    padding-right: 50px
}

.division-search .search-form .btn-submit {
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    height: 40px;
    padding: 0 17px;
    border: none;
    background: 0 0
}

.division-search .search-form .btn-submit:hover {
    background: #f1f1f1
}

.division-search .search-form .btn-submit:before {
    display: block;
    width: 1.5em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -484.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .division-search .search-form .btn-submit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.division-search .btn-wrap {
    text-align: right
}

.division-search .btn-create {
    position: relative;
    padding-left: 40px
}

.division-search .btn-create:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    margin-top: -10px;
    content: '+';
    font-size: 20px
}

.divisions-table {
    margin-bottom: 30px
}

.divisions-table table {
    width: 100%;
    border-collapse: separate
}

.divisions-table table .th-division {
    width: 17%
}

.divisions-table table .th-address {
    width: 15%
}

.divisions-table table .th-contacts {
    width: 15%
}

.divisions-table table .th-agreement {
    width: 20%
}

.divisions-table table .th-limit {
    width: 15%
}

.divisions-table table .th-ordering {
    width: 12%
}

.divisions-table table .th-controls {
    width: 6%
}

.divisions-table table thead th {
    padding: 14px 10px;
    text-align: left;
    color: #666;
    background: #f1f1f1;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3
}

.divisions-table table tbody td {
    padding: 15px 10px;
    font-size: 14px;
    line-height: 1.3
}

.divisions-table .division-link {
    text-decoration: none;
    color: #333;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.divisions-table .division-link:hover {
    color: #5cd3cf
}

.divisions-table .list-contacts .item-cont + .item-cont {
    margin-top: 5px
}

.divisions-table .list-agreements .item-agree {
    position: relative;
    padding: 3px 0 3px 25px
}

.divisions-table .list-agreements .item-agree:before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 1.6em;
    height: 1.931em;
    margin-right: 5px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -57.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .divisions-table .list-agreements .item-agree:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.divisions-table .list-agreements .item-agree + .item-agree {
    margin-top: 5px
}

.divisions-table .ordering-state {
    position: relative
}

.divisions-table .ordering-state.yes {
    color: #458381
}

.divisions-table .ordering-state.yes:before {
    display: inline-block;
    margin-right: 3px;
    content: '\002714'
}

.divisions-table .ordering-state.no {
    color: #5cd3cf
}

.divisions-table .controls-wrap button {
    position: relative;
    display: block;
    float: left;
    clear: both;
    width: 30px;
    height: 30px;
    padding: 0;
    transition: opacity .2s ease;
    border-color: transparent;
    border-radius: 50%;
    background: 0 0
}

.divisions-table .controls-wrap button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .divisions-table .controls-wrap button:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.divisions-table .controls-wrap button.btn-read:before {
    width: 2.4em;
    height: 2.4em;
    transform: translate(-50%, -50%) scale(.7);
    background-position: -.2em -144.8em
}

.divisions-table .controls-wrap button.btn-read:hover:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -147.6em
}

.divisions-table .controls-wrap button.btn-delete:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -93.8em
}

.divisions-table .controls-wrap button.btn-delete:hover:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -98.2em
}

.cabinet-section_order-msg.cabinet-section {
    display: flex;
    padding: 0
}

.cabinet-section-ttl-wrap {
    display: flex
}

.cabinet-section__icon {
    position: relative;
    flex-basis: 30px;
    width: 30px;
    height: 20px
}

.cabinet-section__icon:before {
    position: absolute;
    z-index: 3;
    bottom: 5px;
    left: 0;
    display: inline-block;
    width: 2em;
    height: 2.2em;
    margin-right: 5px;
    content: ' ';
    transform: translateY(1px);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -372.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .cabinet-section__icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.cabinet-section__descr {
    position: relative;
    z-index: 3;
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    color: inherit
}

.cabinet-section__descr:hover {
    color: inherit
}

.order-list .cabinet-section__title.title {
    position: relative;
    z-index: 3;
    flex: 1 1 100%;
    margin-bottom: 10px
}

.cabinet-section__item.order-list {
    margin-top: 0
}

.cabinet-section__item_gift.order-list.cabinet-section__item {
    position: relative;
    display: flex;
    flex-flow: row wrap
}

.cabinet-section__item_gift.order-list.cabinet-section__item > * {
    flex: 1 0 100%
}

.cabinet-section__item_gift.order-list.cabinet-section__item:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    background: url(/local/templates/html/images/bg-poly.svg) no-repeat right
}

.cabinet-section__item_gift.order-list.cabinet-section__item:before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    background: linear-gradient(129deg, #fcfcfc 53%, transparent)
}

.cabinet-section__item_main.order-list {
    flex-grow: 1
}

.cabinet-section__pic-link {
    position: relative;
    z-index: 3
}

.cabinet-section__pic-link_pos {
    margin-top: auto;
    text-align: right
}

.cabinet-section__img {
    max-width: 130px;
    max-height: 110px
}

.icon-bonus.icon-bonus_pos {
    margin-right: 15px
}

.icon-bonus.icon-bonus_pos:before {
    font-size: 15px
}

.cabinet-section_smartb.cabinet-section {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
    border: 4px solid #74368f
}

.cabinet-section__expl {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: #74368f;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.cabinet-section__points {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 30px
}

.cabinet-section__top-head {
    display: block;
    margin-bottom: 5px
}

.cabinet-section__expl-btm {
    display: block;
    margin-top: 40px;
    line-height: 1.3
}

.smart-b-brands {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 90%;
    margin: auto
}

.smart-b-brands_pos {
    margin: 80px -20px 55px
}

.smart-b-brands-pic {
    display: flex;
    align-items: center;
    max-width: 190px;
    margin: 0 20px 25px
}

.smart-b-brands__img {
    width: 100%;
    height: auto
}

.smart-b-note {
    display: flex;
    justify-content: space-between;
    padding: 30px 105px 30px 125px;
    color: #74368f;
    background: #ebdcf1;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.smart-b-note_pos {
    margin-bottom: 30px
}

.smart-b-note-wrap {
    display: flex;
    flex-flow: column wrap
}

.smart-b-note-wrap__credit {
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 30px
}

.smart-b-note-wrap__credit.icon-bonus:before {
    font-size: 15px
}

.smart-b-note-wrap__credit_pos.icon-bonus:before {
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%)
}

.btn-link_ml-auto {
    margin-right: 20px;
    margin-left: auto
}

.cabinet-section__ttl {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cabinet-content .cabinet-section .section-head .acc-link {
    align-self: center
}

.order-information {
    border: 1px solid #e7e7e7
}

.order-information table {
    width: 100%;
    border-collapse: separate
}

.order-information table tr:first-child td {
    border: none
}

.order-information table tr:nth-child(odd) {
    background: #f9f9f9
}

.order-information table td {
    padding: 15px 10px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.3
}

.order-information .td-title {
    width: 50%;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.order-information .td-text {
    width: 50%
}

.order-information .i-item + .i-item {
    margin-top: 5px
}

.order-information .item-agree {
    position: relative;
    padding: 3px 0 3px 25px
}

.order-information .item-agree:before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    width: 1.6em;
    height: 1.931em;
    margin-right: 5px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -57.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .order-information .item-agree:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.order-basket .basket-table {
    margin: 0
}

.order-basket .basket-table .th-count {
    padding-left: 10px;
    text-align: center
}

.order-basket .basket-table .td-vendor {
    width: 10%
}

.order-basket .basket-table .td-pic {
    width: 10%
}

.order-basket .basket-table .td-title {
    width: 30%
}

.order-basket .basket-table .td-count {
    width: 15%;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.order-basket .basket-table .td-bonus {
    width: 15%
}

.order-basket .basket-table .td-fullprice {
    width: 20%
}

.personal-information {
    position: relative;
    padding: 30px 120px 30px 30px;
    border: 1px solid #e7e7e7
}

.container-form .personal-information:hover .btn-controls input[type=submit], .personal-information:hover .btn-controls .btn, .personal-information:hover .btn-controls .container-form input[type=submit] {
    opacity: 1
}

.personal-information + .personal-information {
    border-top: none
}

.personal-information .btn-controls {
    position: absolute;
    top: 15px;
    right: 15px
}

.container-form .personal-information .btn-controls input[type=submit], .personal-information .btn-controls .btn, .personal-information .btn-controls .container-form input[type=submit] {
    position: relative;
    display: block;
    opacity: 0;
    float: left;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: opacity .2s ease;
    border-color: transparent;
    border-radius: 50%
}

.container-form .touch-yes .personal-information .btn-controls input[type=submit], .touch-yes .personal-information .btn-controls .btn, .touch-yes .personal-information .btn-controls .container-form input[type=submit] {
    opacity: 1
}

.container-form .personal-information .btn-controls input[type=submit]:before, .personal-information .btn-controls .btn:before, .personal-information .btn-controls .container-form input[type=submit]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%) scale(.8);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .personal-information .btn-controls input[type=submit]:before, .no-svg .personal-information .btn-controls .btn:before, .no-svg .personal-information .btn-controls .container-form input[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.personal-information .btn-controls .btn-edit:before {
    width: 2.4em;
    height: 2.4em;
    margin-left: 1px;
    background-position: -.2em -142em
}

.personal-information .btn-controls .btn-delete:before {
    opacity: .7;
    width: 1.6em;
    height: 1.8em;
    transform: translate(-50%, -50%) scale(1);
    background-position: -.2em -96em
}

.personal-information .wrap-pers .p:last-child, .personal-information .wrap-pers p:last-child {
    margin-bottom: 0
}

.chart-report {
    margin-bottom: 30px
}

.chart-report .report-filter {
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}

.chart-report .report-filter .name-wrap {
    position: relative
}

.chart-report .report-filter .name-wrap span {
    display: block;
    margin-right: 30px
}

.chart-report .report-filter .btn-edit {
    position: absolute;
    top: -4px;
    right: 0;
    width: 20px;
    height: 20px;
    border: none;
    background: 0 0
}

.chart-report .report-filter .btn-edit:hover:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -147.6em
}

.chart-report .report-filter .btn-edit:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    transform: translate(-50%, -50%) scale(.7);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -144.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .chart-report .report-filter .btn-edit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.chart-report .chart-wrap {
    margin-bottom: 40px;
    padding: 30px 15px 20px;
    border: 1px solid #e7e7e7
}

.chart-report .chart-title {
    margin-top: 0;
    margin-left: 6px
}

.chart-report .chart {
    width: 100%
}

.chart-report .basket-controls {
    margin-bottom: 0
}

.modal-download .modal-body {
    padding: 25px 40px 40px
}

.modal-download .title {
    margin-bottom: 40px;
    text-align: center
}

.modal-download .check-form .fieldset {
    margin-right: -18px;
    margin-bottom: 35px;
    margin-left: -18px
}

.modal-download .check-form .check-box {
    float: left;
    width: 50%;
    padding: 0 18px
}

.modal-download .check-form .wrap {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.modal-download .check-form .input {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    -webkit-appearance: checkbox
}

.modal-download .check-form .input:checked ~ .icon {
    border: 3px solid #5cd3cf
}

.modal-download .check-form .icon {
    position: relative;
    z-index: 2;
    height: 150px;
    transition: border .2s ease;
    border: 1px dashed #ccc;
    background: #fff
}

.modal-download .check-form .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite.png)
}

.modal-download .check-form .icon.pdf:before {
    width: 58px;
    height: 66px;
    background-position: -60px 0
}

.modal-download .check-form .icon.xls:before {
    width: 58px;
    height: 66px;
    background-position: 0 0
}

.modal-download .btn-wrap {
    text-align: center
}

.container-form .modal-download .btn-wrap input[type=submit], .modal-download .btn-wrap .btn, .modal-download .btn-wrap .container-form input[type=submit] {
    min-width: 180px
}

.modal-report-edit .modal-body {
    padding: 25px 40px 45px
}

.modal-report-edit .nav-tabs {
    margin-top: 0;
    margin-bottom: 40px
}

.modal-report-edit .nav-tabs > li {
    margin: 0
}

.modal-report-edit .nav-tabs > li .tab-head {
    margin: 0;
    padding: 14px 20px 10px;
    text-transform: uppercase;
    color: #999;
    border: 1px solid transparent;
    border-radius: 3px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.modal-report-edit .nav-tabs > li.active .tab-head, .modal-report-edit .nav-tabs > li.active .tab-head:focus, .modal-report-edit .nav-tabs > li.active .tab-head:hover {
    color: #333;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #f1f1f1
}

.modal-report-edit .tab-content {
    padding: 0
}

.modal-report-edit .accordion {
    margin-bottom: 40px
}

.modal-report-edit .accordion .acc-body {
    margin-right: -15px;
    margin-left: -15px
}

.modal-report-edit .accordion .acc-body .line {
    margin-bottom: 18px;
    padding: 0 15px;
    line-height: 1.3
}

.modal-report-edit .checkbox-wrap {
    position: relative;
    display: block;
    margin: 0;
    padding-left: 30px
}

.modal-report-edit .checkbox-wrap input[type=checkbox] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    -webkit-appearance: checkbox
}

.modal-report-edit .checkbox-wrap input[type=checkbox]:checked ~ .check-box {
    border-color: #5cd3cf;
    background: #5cd3cf
}

.modal-report-edit .checkbox-wrap input[type=checkbox]:checked ~ .check-box:before {
    display: block
}

.modal-report-edit .checkbox-wrap .check-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    background: #f6f6f6
}

.modal-report-edit .checkbox-wrap .check-box:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 12px;
    height: 12px;
    content: '';
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 10px;
    line-height: 1.4
}

.modal-report-edit .groups-list .g-item {
    position: relative;
    padding: 18px 60px 18px 15px;
    border-bottom: 1px solid #e7e7e7
}

.modal-report-edit .groups-list .g-item:first-child {
    border-top: 1px solid #e7e7e7
}

.modal-report-edit .groups-list .name {
    font-size: 14px
}

.modal-report-edit .groups-list .btn-remove {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: none;
    background: 0 0
}

.modal-report-edit .groups-list .btn-remove:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -336em
}

.modal-report-edit .groups-list .btn-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-report-edit .groups-list .btn-remove:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-report-edit .btn-wrap {
    text-align: center
}

.modal-report-edit .btn-submit {
    min-width: 180px
}

.orders-wait {
    margin-bottom: 30px
}

.orders-wait .wrap {
    margin-bottom: 30px
}

.orders-wait table {
    width: 100%;
    border-collapse: separate
}

.orders-wait table .th-check {
    width: 4%
}

.orders-wait table .th-number {
    width: 7%
}

.orders-wait table .th-date {
    width: 9%
}

.orders-wait table .th-division {
    width: 20%
}

.orders-wait table .th-contact {
    width: 15%
}

.orders-wait table .th-count {
    width: 11%
}

.orders-wait table .th-price {
    width: 12%
}

.orders-wait table .th-comment {
    width: 7%
}

.orders-wait table .th-actions {
    width: 15%
}

.orders-wait table thead th {
    padding: 14px 10px;
    text-align: left;
    color: #666;
    background: #f1f1f1;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3
}

.orders-wait table tbody td {
    padding: 15px 10px;
    font-size: 14px;
    line-height: 1.3
}

.orders-wait .marker {
    display: inline-block;
    color: #5cd3cf
}

.orders-wait .checkbox-wrap {
    position: relative;
    display: block;
    margin: 0
}

.orders-wait .checkbox-wrap input[type=checkbox] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    -webkit-appearance: checkbox
}

.orders-wait .checkbox-wrap input[type=checkbox]:checked ~ .check-box {
    border-color: #5cd3cf;
    background: #5cd3cf
}

.orders-wait .checkbox-wrap input[type=checkbox]:checked ~ .check-box:before {
    display: block
}

.orders-wait .checkbox-wrap .check-box {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    background: #f6f6f6
}

.orders-wait .checkbox-wrap .check-box:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 12px;
    height: 12px;
    content: '';
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 10px;
    line-height: 1.4
}

.orders-wait .controls-wrap button {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    padding: 0;
    transition: opacity .2s ease;
    vertical-align: top;
    border: none;
    background: 0 0
}

.orders-wait .controls-wrap button + button {
    margin-left: 30px
}

.orders-wait .controls-wrap button:hover {
    opacity: .7;
    background: 0 0
}

.orders-wait .controls-wrap button:disabled {
    visibility: hidden;
    opacity: 0;
    transition: none
}

.orders-wait .controls-wrap button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .orders-wait .controls-wrap button:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.orders-wait .controls-wrap .btn-comment {
    margin: 0
}

.orders-wait .controls-wrap .btn-comment:before {
    width: 2.056em;
    height: 1.937em;
    background-position: -.2em -105.8em
}

.orders-wait .controls-wrap .btn-reject:before {
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -110.3em
}

.orders-wait .controls-wrap .btn-confirm:before {
    width: 1.706em;
    height: 1.7em;
    background-position: -.2em -108.2em
}

.orders-wait .controls-wrap .btn-tobasket {
    margin-left: 40px
}

.orders-wait .controls-wrap .btn-tobasket:before {
    width: 3.2em;
    height: 2.3em;
    background-position: -.2em -100.4em
}

.orders-wait .orders-controls {
    text-align: right
}

.container-form .orders-wait .orders-controls input[type=submit], .orders-wait .orders-controls .btn, .orders-wait .orders-controls .container-form input[type=submit] {
    position: relative;
    height: 50px;
    padding: 0 30px;
    font-size: 14px;
    line-height: 48px
}

.container-form .orders-wait .orders-controls .btn + input[type=submit], .container-form .orders-wait .orders-controls input[type=submit] + .btn, .container-form .orders-wait .orders-controls input[type=submit] + input[type=submit], .orders-wait .orders-controls .btn + .btn, .orders-wait .orders-controls .container-form .btn + input[type=submit], .orders-wait .orders-controls .container-form input[type=submit] + .btn, .orders-wait .orders-controls .container-form input[type=submit] + input[type=submit] {
    margin-left: 10px
}

.container-form .orders-wait .orders-controls input.add-all[type=submit], .orders-wait .orders-controls .btn.add-all, .orders-wait .orders-controls .container-form input.add-all[type=submit] {
    color: #458381;
    border-color: #458381
}

.container-form .orders-wait .orders-controls input.add-all.disabled[type=submit], .container-form .orders-wait .orders-controls input.add-all[disabled][type=submit], .orders-wait .orders-controls .btn.add-all.disabled, .orders-wait .orders-controls .btn.add-all[disabled], .orders-wait .orders-controls .container-form input.add-all.disabled[type=submit], .orders-wait .orders-controls .container-form input.add-all[disabled][type=submit] {
    opacity: .5;
    color: #666;
    border-color: #ccc
}

.container-form .orders-wait .orders-controls input.add-all.disabled[type=submit]:before, .container-form .orders-wait .orders-controls input.add-all[type=submit][disabled]:before, .orders-wait .orders-controls .btn.add-all.disabled:before, .orders-wait .orders-controls .btn.add-all[disabled]:before, .orders-wait .orders-controls .container-form input.add-all.disabled[type=submit]:before, .orders-wait .orders-controls .container-form input.add-all[type=submit][disabled]:before {
    width: 3.2em;
    height: 2.3em;
    background-position: -.2em -100.4em
}

.container-form .orders-wait .orders-controls input.add-all[type=submit]:before, .orders-wait .orders-controls .btn.add-all:before, .orders-wait .orders-controls .container-form input.add-all[type=submit]:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 3.2em;
    height: 2.3em;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -103.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .orders-wait .orders-controls input.add-all[type=submit]:before, .no-svg .orders-wait .orders-controls .btn.add-all:before, .no-svg .orders-wait .orders-controls .container-form input.add-all[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.table-markers {
    text-decoration: none !important
}

.table-markers_pos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.table-markers__item {
    position: relative;
    z-index: 10;
    height: 33.3333%;
    transition: border-left-width .2s;
    border-left-width: 3px;
    border-left-style: solid
}

.table-markers__item:hover {
    border-left-width: 4px
}

.table-markers__item:hover .tooltip-drop_sm-pos-table {
    visibility: visible;
    opacity: 1;
    transform: translateX(calc(-100% - 12px))
}

.table-markers__item_hit {
    border-left-color: #6cf
}

.table-markers__item_sale {
    border-left-color: #458381
}

.table-markers__item_new {
    border-left-color: #458381
}

.tooltip-drop {
    display: inline-flex;
    padding: 5px;
    color: #333;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    line-height: 1
}

.tooltip-drop_sm .tooltip-drop__txt {
    font-size: 12px;
    line-height: 1
}

.tooltip-drop_sm-hit {
    color: #6cf
}

.tooltip-drop_sm-sale {
    color: #458381
}

.tooltip-drop_sm-new {
    color: #458381
}

.tooltip-drop_sm-pos {
    position: relative
}

.tooltip-drop_sm-pos:before {
    top: calc(50% - 4px);
    right: -5px;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg)
}

.tooltip-drop_sm-pos-table {
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s ease .01s, transform .25s ease .03s;
    transform: translateX(calc(-100% - 25px))
}

.tooltip-drop_sm-pos-table:hover {
    text-decoration: underline
}

.tooltip-drop__txt {
    margin: 0;
    font-size: 15px;
    line-height: 1.4
}

.tooltip-drop:before {
    position: absolute;
    z-index: 2;
    display: block;
    content: '';
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.tooltip-drop:after {
    position: absolute;
    top: 0;
    right: -9px;
    width: 15px;
    height: 100%;
    content: ''
}

.filter-params {
    font-size: 14px
}

.filter-params:not(.mob) {
    margin-bottom: 50px;
    padding-right: 20px
}

.filter-params .panel {
    padding: 26px 0 20px
}

.filter-params .panel [id^=filter-panel-mob-] .wrap-section {
    overflow-y: scroll;
    max-height: 225px
}

.filter-params .panel + .panel {
    border-top: 1px solid #e7e7e7
}

.filter-params .panel:first-child {
    padding-top: 4px
}

.filter-params .acc-link {
    position: relative;
    display: flex;
    padding-left: 32px;
    text-decoration: none
}

.filter-params .acc-link.collapsed .icon:after {
    transform: rotate(0)
}

.filter-params .acc-link .title {
    transition: color .2s ease;
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2
}

.filter-params .acc-link .icon {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -3px;
    margin-left: -5px;
    transform: translateY(-50%)
}

.filter-params .acc-link .icon:after, .filter-params .acc-link .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    transition: transform .3s ease, background .2s ease;
    background: #333
}

.filter-params .acc-link .icon:before {
    width: 14px;
    height: 2px;
    margin-top: -1px;
    margin-left: -7px
}

.filter-params .acc-link .icon:after {
    width: 2px;
    height: 14px;
    margin-top: -7px;
    margin-left: -1px;
    transform: rotate(90deg)
}

.filter-params .acc-body {
    padding-top: 10px;
    padding-bottom: 15px
}

.filter-params .acc-body.open .trigger-link .icon-arrow:before {
    transform: rotate(180deg)
}

.filter-params .acc-body .mCSB_container {
    margin-right: 20px
}

.filter-params .acc-body .mCSB_scrollTools {
    width: 10px
}

.filter-params .acc-body .mCSB_draggerRail {
    width: 6px;
    background: #f6f6f6
}

.filter-params .acc-body .mCSB_dragger:active .mCSB_dragger_bar, .filter-params .acc-body .mCSB_dragger:focus .mCSB_dragger_bar, .filter-params .acc-body .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #dde2e4
}

.filter-params .acc-body .mCSB_dragger_bar {
    background: #dde2e4 !important
}

.filter-params .checkbox .text {
    display: inline-block;
    padding-left: 34px;
    line-height: 1.2
}

.filter-params .checkbox + .checkbox {
    margin-top: 16px
}

.filter-params .checkbox .jq-checkbox {
    top: 0
}

.filter-params .checkbox .jq-checkbox__div {
    top: 0
}

.filter-params .checkbox .count {
    color: #458381
}

.filter-params .slider-range {
    padding-top: 10px
}

.filter-params .slider-range .range-handler {
    height: 6px;
    margin: 0 10px 10px;
    border: none;
    border-radius: 2px;
    background: #ebebeb
}

.filter-params .slider-range .wrap-inp {
    display: block;
    float: left;
    width: 50%
}

.filter-params .slider-range .price-max, .filter-params .slider-range .price-min {
    display: block;
    width: 100%;
    color: #333;
    border: none;
    font-size: 14px
}

.filter-params .slider-range .price-min {
    padding-left: 6px;
    text-align: left
}

.filter-params .slider-range .price-max {
    padding-right: 6px;
    text-align: right
}

.filter-params .slider-range .ui-slider-range {
    border: none;
    background: #458381
}

.filter-params .slider-range .ui-slider-handle {
    width: 16px;
    height: 16px;
    margin-top: -1px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    outline: 0;
    background: #458381
}

.filter-params .slider-range .ui-slider-handle:focus, .filter-params .slider-range .ui-slider-handle:hover {
    background: #5cd3cf
}

.filter-params .wrap-section {
    overflow: hidden;
    transition: height .3s ease
}

.filter-params .wrap-section.not-init {
    max-height: 225px
}

.filter-params .wrap-section_i {
    padding: 1px 0
}

.filter-params .trigger-section {
    display: none;
    margin-top: 20px;
    margin-bottom: 5px;
    padding-right: 20px;
    text-align: right
}

.filter-params .trigger-section .trigger-link {
    display: inline-block;
    transition: none;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    line-height: 1
}

.filter-params .trigger-section .trigger-link:hover {
    color: #5cd3cf
}

.filter-params .trigger-section .trigger-link:hover .icon-arrow:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.filter-params .trigger-section .trigger-link span {
    display: inline-block;
    vertical-align: middle
}

.filter-params .trigger-section .icon-arrow {
    margin-left: 5px
}

.filter-params .trigger-section .icon-arrow:before {
    display: block;
    width: .9em;
    height: .6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .filter-params .trigger-section .icon-arrow:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.filter-params .btn-wrap {
    padding-top: 30px;
    border-top: 1px solid #e7e7e7
}

.pagination {
    margin: 10px 0 40px
}

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

.pagination--right ul {
    text-align: right
}

.pagination li {
    display: inline-block;
    margin: 0 4px
}

.pagination li > a, .pagination li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    text-decoration: none;
    color: #666;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1
}

.pagination li > a:hover {
    color: #5cd3cf
}

.pagination li:first-child > a, .pagination li:first-child > span, .pagination li:last-child > a, .pagination li:last-child > span {
    width: auto;
    border-radius: 0
}

.pagination li:first-child i, .pagination li:last-child i {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-top: 6px;
    vertical-align: middle;
    font-size: 5px;
    font-weight: 400
}

.pagination li:first-child {
    margin-right: 24px;
    margin-left: 0
}

.pagination li:first-child i {
    margin-right: 10px
}

.pagination li:first-child i:before {
    display: inline-block;
    width: 2.597em;
    height: .9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -559.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .pagination li:first-child i:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.pagination li:first-child:not(.disabled) > a:hover i:before {
    width: 2.597em;
    height: .9em;
    background-position: -.2em -560.4em
}

.pagination li:last-child {
    margin-right: 0;
    margin-left: 24px
}

.pagination li:last-child i {
    margin-left: 10px
}

.pagination li:last-child i:before {
    display: block;
    width: 2.6em;
    height: .903em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -554.9em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .pagination li:last-child i:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.pagination li:last-child:not(.disabled) > a:hover i:before {
    width: 2.6em;
    height: .903em;
    background-position: -.2em -556.3em
}

.pagination li.active > a, .pagination li.active > span {
    pointer-events: none;
    color: #fff;
    background: #458381
}

.pagination li.disabled > a, .pagination li.disabled > a:focus, .pagination li.disabled > a:hover, .pagination li.disabled > span, .pagination li.disabled > span:focus, .pagination li.disabled > span:hover {
    opacity: .3;
    cursor: not-allowed;
    color: #666
}

.cartridges #form-cartridges {
    opacity: 1;
    width: 981px;
    margin-bottom: 80px;
    transition: .1s ease;
    transition-delay: .7s
}

.cartridges #form-cartridges .h2 {
    width: 635px;
    margin-bottom: 55px
}

.cartridges #form-cartridges .radio {
    margin-top: 0;
    margin-bottom: 26px
}

.cartridges #form-cartridges fieldset select[disabled] + .jq-selectbox__select, .cartridges #form-cartridges fieldset[disabled] .jq-selectbox__select, .cartridges #form-cartridges fieldset[disabled] input, .cartridges #form-cartridges fieldset[disabled] input[type=text] {
    cursor: default;
    background-color: #f7f7f7
}

.cartridges #form-cartridges fieldset select[disabled] + .jq-selectbox__select fieldset[disabled] input[type=text]::placeholder, .cartridges #form-cartridges fieldset select[disabled] + .jq-selectbox__select > *, .cartridges #form-cartridges fieldset[disabled] .jq-selectbox__select fieldset[disabled] input[type=text]::placeholder, .cartridges #form-cartridges fieldset[disabled] .jq-selectbox__select > *, .cartridges #form-cartridges fieldset[disabled] input fieldset[disabled] input[type=text]::placeholder, .cartridges #form-cartridges fieldset[disabled] input > *, .cartridges #form-cartridges fieldset[disabled] input[type=text] fieldset[disabled] input[type=text]::placeholder, .cartridges #form-cartridges fieldset[disabled] input[type=text] > * {
    color: #d3d3d3
}

.cartridges #form-cartridges fieldset[disabled] input[type=text]::placeholder {
    color: #d3d3d3
}

.cartridges #form-cartridges .btn_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 43px;
    margin-top: 20px;
    padding: 0;
    line-height: normal
}

.cartridges #form-cartridges .btn_submit.loading {
    pointer-events: none;
    font-size: 0
}

.cartridges #form-cartridges .btn_submit.loading:before {
    content: none
}

.cartridges #form-cartridges .btn_submit.loading:after {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    animation: donut-spin 1.2s linear infinite;
    border: 2px solid rgba(0, 0, 0, .1);
    border-left-color: #fff;
    border-radius: 50%
}

.cartridges #form-cartridges .btn_submit:before {
    display: inline-block;
    width: 1.5em;
    height: 1.6em;
    margin-right: 10px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -486.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .cartridges #form-cartridges .btn_submit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.cartridges #form-cartridges [for^=select] {
    font-size: 13.5px
}

.cartridges #form-cartridges .notify {
    border: 1px solid #5cd3cf
}

.cartridges #form-cartridges .jq-radio.formstyler {
    margin-top: 3.5px
}

.cartridges #form-cartridges .form-control:hover, .cartridges #form-cartridges .jq-selectbox__select:hover {
    border-color: #dbe0e2
}

.cartridges #form-cartridges .jq-selectbox__select.notify:hover {
    border-color: #5cd3cf
}

.cartridges #form-cartridges .jq-selectbox__search input {
    height: 30px
}

.cartridges #form-cartridges .jq-selectbox ul {
    height: 180px
}

.cartridges #form-cartridges select:disabled + i + .jq-selectbox__select {
    cursor: initial;
    user-select: none;
    color: #d3d3d3;
    border-color: #d3d3d3
}

.cartridges #form-cartridges select:disabled + i + .jq-selectbox__select:active {
    border-color: initial;
    background: initial
}

.cartridges #form-cartridges select:disabled + i + .jq-selectbox__select:hover {
    outline: 0;
    background-color: initial
}

.cartridges #form-cartridges .disabled {
    cursor: default !important;
    user-select: none;
    color: #d3d3d3;
    border-color: #d3d3d3
}

.cartridges #form-cartridges .disabled:active {
    border-color: none;
    background: 0 0
}

.cartridges #form-cartridges .disabled:hover {
    outline: 0;
    background-color: none
}

.cartridges #form-cartridges .divider-text {
    margin-bottom: 25px
}

.cartridges #form-cartridges .form-group {
    float: left;
    width: calc((100% / 3) - 22px)
}

.cartridges #form-cartridges .form-group:first-child {
    width: calc(100% / 3)
}

.cartridges #form-cartridges .form-group + .form-group {
    margin-left: 22px
}

.cartridges .accordion {
    max-width: 981px
}

.prod-card-list {
    margin-right: -15px;
    margin-bottom: 50px;
    margin-left: -15px;
    display: flex;
    flex-flow: wrap row
}

.prod-card-table-data-label {
    display: none
}

.catalog-page .prod-card-list {
    margin-bottom: 40px
}

.collection-page .prod-card-list {
    margin-bottom: 20px
}

.prod-card-list.single {
    margin-top: 14px;
    margin-bottom: 20px
}

.prod-card-list.single .prod-card-wrapper {
    width: 100%
}

.prod-card-wrapper {
    float: left;
    width: 20%;
    height: 440px;
    padding: 15px
}

.catalog-page .prod-card-wrapper, .collection-page .prod-card-wrapper {
    width: 25%
}

.prod-card {
    position: relative;
    height: 410px;
    transition: all .2s ease;
    border: 1px solid #e7e7e7;
    background: #fff
}

.prod-card input::-webkit-inner-spin-button, .prod-card input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.prod-card input[type=number] {
    -moz-appearance: textfield
}

.prod-card .prod-wrap {
    position: relative;
    height: 410px
}

.prod-card .p-markers {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.prod-card .p-markers .el {
    height: 40px;
    padding-left: 10px;
    border-left: 2px solid #ccc;
    font-size: 13px;
    line-height: 40px
}

.prod-card .p-markers .el.new {
    color: #6cf;
    border-color: #6cf
}

.prod-card .p-markers .el.offer {
    color: #458381;
    border-color: #458381
}

.prod-card .p-markers .el.hit {
    color: #6cce7e;
    border-color: #6cce7e
}

.prod-card .p-controls {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 50px
}

.prod-card .p-controls a {
    position: relative;
    display: block;
    opacity: 0;
    width: 50px;
    height: 50px;
    transition: transform .2s ease, opacity .2s ease;
    transform: translateX(50px);
    text-align: center;
    text-decoration: none
}

.prod-card .p-controls a:hover {
    background: #f5f3f3
}

.prod-card .p-controls a + a {
    margin-top: 5px
}

.prod-card .p-controls a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card .p-controls a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card .p-controls a.collection:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -321.4em
}

.prod-card .p-controls a.compare:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.prod-card .p-controls a.zoom:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -514em
}

.prod-card .p-controls a.active.collection:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.prod-card .p-controls a.active.compare:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.prod-card .p-controls a.active.zoom:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -518.6em
}

.prod-card .p-pic {
    position: relative;
    margin-bottom: 24px;
    padding-top: 20px
}

.prod-card .p-pic-link {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 190px;
    height: 180px;
    margin: 0 auto
}

.prod-card .p-pic-link img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.prod-card .p-mark-preview {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 30px
}

.prod-card .p-mark-preview .el-mark {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 54px;
    transition: left .2s ease;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 50%;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 54px
}

.prod-card .p-mark-preview .el-mark .m-txt {
    margin-right: 2px;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.prod-card .p-mark-preview .el-mark .icon {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.prod-card .p-mark-preview .el-mark .icon:before {
    display: block
}

.prod-card .p-mark-preview .el-mark:nth-child(1) {
    z-index: 5;
    left: 0
}

.prod-card .p-mark-preview .el-mark:nth-child(2) {
    z-index: 4;
    left: 22px
}

.prod-card .p-mark-preview .el-mark:nth-child(3) {
    z-index: 3;
    left: 44px
}

.prod-card .p-mark-preview .el-mark:nth-child(4) {
    z-index: 2;
    left: 66px
}

.prod-card .p-mark-preview .el-mark:nth-child(5) {
    z-index: 1;
    left: 88px
}

.prod-card .p-mark-preview .el-mark.gift {
    background: #458381
}

.prod-card .p-mark-preview .el-mark.gift + .el-ttl {
    color: #458381
}

.prod-card .p-mark-preview .el-mark.sale {
    background: #5cd3cf
}

.prod-card .p-mark-preview .el-mark.sale + .el-ttl {
    color: #5cd3cf
}

.prod-card .p-mark-preview .el-mark.new {
    background: #6cf
}

.prod-card .p-mark-preview .el-mark.new + .el-ttl {
    color: #6cf
}

.prod-card .p-mark-preview .el-mark.bonus {
    background: #74368f
}

.prod-card .p-mark-preview .el-mark.bonus + .el-ttl {
    color: #74368f
}

.prod-card .p-wrap {
    padding: 0 15px
}

.prod-card .p-descr, .prod-card .p-manufacturer, .prod-card .p-price, .prod-card .p-title {
    padding: 0 15px
}

.prod-card .p-title {
    margin-bottom: 10px
}

.prod-card .p-title a {
    display: block;
    overflow: hidden;
    min-height: 3.6em;
    max-height: 3.6em;
    text-decoration: none;
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2
}

.prod-card .p-title a.hover, .prod-card .p-title a:hover {
    color: #5cd3cf
}

.prod-card .p-title a:active {
    color: #458381
}

.prod-card .p-descr, .prod-card .p-manufacturer {
    overflow: hidden;
    max-height: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 1.2
}

.prod-card .p-manufacturer {
    margin-bottom: 5px
}

.prod-card .p-descr {
    margin-bottom: 14px
}

.prod-card .p-price {
    position: relative
}

.prod-card .p-price .p-price-msg {
    color: #999;
    line-height: 28px
}

.prod-card .p-price .p-price-cur {
    display: inline-block;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    color: #333;
    border-bottom: 1px dotted #999;
    font-size: 18px;
    line-height: 28px
}

.prod-card .p-price .p-price-cur .icon-bonus {
    display: inline-block;
    margin-right: 3px
}

.prod-card .p-price .p-price-cur .icon-bonus:before {
    display: block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -253.7em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card .p-price .p-price-cur .icon-bonus:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card .p-price .p-price-cur .icon-bonus-single {
    display: inline-block;
    margin-right: 3px
}

.prod-card .p-price .p-price-cur .icon-bonus-single:before {
    display: block;
    width: .9em;
    height: .9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -260.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card .p-price .p-price-cur .icon-bonus-single:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card .p-price .p-price-cur.sale .cur, .prod-card .p-price .p-price-cur.sale .val {
    color: #5cd3cf;
    font-size: 18px
}

.prod-card .p-price .p-price-cur.sale .val {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
}

.prod-card .p-price .p-nds {
    display: inline-block;
    margin-top: 3px;
    margin-right: 8px;
    padding: 0 2px;
    vertical-align: middle;
    color: #888;
    font-size: 10px;
    line-height: 1.2
}

.prod-card .p-price .p-old-price {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 3px;
    padding: 0 2px;
    white-space: nowrap;
    color: #333;
    font-size: 12px;
    line-height: 1.2
}

.prod-card .p-price .p-old-price:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #b2b2b2
}

.prod-card .p-btn-wrap {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px
}

.prod-card .p-btn-wrap .p-count, .prod-card .p-btn-wrap .p-count-minus, .prod-card .p-btn-wrap .p-count-plus {
    display: block;
    float: left;
    width: 20%;
    height: 42px;
    text-align: center;
    text-decoration: none;
    line-height: 42px
}

.prod-card .p-btn-wrap .p-count {
    transition: border .2s ease;
    color: #000;
    border: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 14px
}

.prod-card .p-btn-wrap .p-count:focus, .prod-card .p-btn-wrap .p-count:hover {
    border: 1px solid #b8c0c3
}

.prod-card .p-btn-wrap .p-count-minus, .prod-card .p-btn-wrap .p-count-plus {
    cursor: pointer;
    user-select: none;
    transition: background .2s ease;
    text-decoration: none;
    color: #666;
    background: 0 0;
    font-size: 20px
}

.prod-card .p-btn-wrap .p-count-minus:hover, .prod-card .p-btn-wrap .p-count-plus:hover {
    background: #f5f3f3
}

.prod-card .p-btn-wrap .p-count-minus:active, .prod-card .p-btn-wrap .p-count-plus:active {
    background: #e8e8e8
}

.container-form .prod-card .p-btn-wrap input[type=submit], .prod-card .p-btn-wrap .btn, .prod-card .p-btn-wrap .container-form input[type=submit] {
    float: left;
    width: 40%;
    height: 42px;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.container-form .prod-card .p-btn-wrap input.btn-reserved[type=submit], .prod-card .p-btn-wrap .btn.btn-reserved, .prod-card .p-btn-wrap .container-form input.btn-reserved[type=submit] {
    width: 100%
}

.prod-card .p-btn-wrap .sale-block {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding-top: 10px
}

.prod-card .p-btn-wrap .sale-block .s-wrap {
    position: relative;
    text-align: center;
    border: 1px solid #e7e7e7;
    background: #f7fbfe;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.prod-card .p-btn-wrap .sale-block .s-wrap:before {
    position: absolute;
    top: 0;
    left: 30%;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #f7fbfe
}

.prod-card .p-btn-wrap .sale-block .s-ttl {
    padding: 15px 0;
    text-transform: uppercase;
    color: #000;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2
}

.prod-card .p-btn-wrap .sale-block .s-lnk {
    display: block;
    padding: 14px 0;
    text-decoration: none;
    color: #333;
    border-top: 1px solid #e7e7e7;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    line-height: 1.2
}

.prod-card .p-btn-wrap .sale-block .s-lnk:hover {
    background: #f0f6fb
}

.prod-card .p-btn-wrap .sale-block .add-opt {
    padding: 10px 15px
}

.prod-card .p-btn-wrap .sale-block .add-opt + .s-ttl {
    border-top: 1px solid #e7e7e7
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-item:after, .prod-card .p-btn-wrap .sale-block .add-opt .opt-item:before {
    display: table;
    content: ' '
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-item:after {
    clear: both
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-item + .opt-item {
    margin-top: 5px
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-item.block .opt-count:before {
    width: 1.4em;
    height: 1.2em;
    background-position: -.2em -158.4em
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-item.pallet .opt-count:before {
    width: 1.8em;
    height: 1.2em;
    background-position: -.2em -160em
}

.prod-card .p-btn-wrap .sale-block .add-opt .btn-add, .prod-card .p-btn-wrap .sale-block .add-opt .opt-count {
    height: 20px;
    padding: 0;
    border: 0;
    background: 0 0;
    font-size: 13px;
    line-height: 20px
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-count {
    position: relative;
    float: left;
    padding-left: 25px;
    color: #999
}

.prod-card .p-btn-wrap .sale-block .add-opt .opt-count:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card .p-btn-wrap .sale-block .add-opt .opt-count:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card .p-btn-wrap .sale-block .add-opt .btn-add {
    float: right;
    transition: color .2s ease;
    color: #5cd3cf
}

.prod-card .p-btn-wrap .sale-block .add-opt .btn-add:hover {
    color: #e94d58
}

.prod-card.xs {
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 20px 15px 15px;
    box-shadow: none
}

.prod-card.xs:hover {
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 20px 15px 15px;
    box-shadow: none
}

.prod-card.xs:hover .p-pic .p-mark-preview .el-mark:nth-child(1) {
    left: auto
}

.prod-card.xs:hover .p-pic .p-mark-preview .el-mark:not(.sale) {
    display: none
}

.prod-card.xs .prod-wrap {
    height: auto
}

.prod-card.xs .p-descr, .prod-card.xs .p-manufacturer, .prod-card.xs .p-markers {
    display: none
}

.prod-card.xs .p-mark-preview {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

.prod-card.xs .p-mark-preview .el-mark {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.prod-card.xs .p-mark-preview .el-mark:nth-child(1) {
    left: auto
}

.prod-card.xs .p-mark-preview .el-mark:not(.sale) {
    display: none
}

.prod-card.xs .p-controls {
    display: block;
    float: right
}

.prod-card.xs .p-controls a {
    opacity: 1;
    transform: none
}

.prod-card.xs .p-controls a.zoom {
    display: none
}

.prod-card.xs .p-pic {
    float: left;
    width: 180px;
    margin: 0 0 10px;
    padding: 0
}

.prod-card.xs .p-pic .p-pic-link {
    width: 90px;
    height: 90px;
    margin-left: 0
}

.prod-card.xs .p-pic .p-pic-link img {
    left: 0;
    transform: translate(0, -50%)
}

.prod-card.xs .p-wrap {
    clear: both;
    margin-bottom: 25px;
    padding: 0
}

.prod-card.xs .p-price, .prod-card.xs .p-title {
    padding: 0
}

.prod-card.xs .p-title {
    width: 190px;
    margin-bottom: 10px
}

.prod-card.xs .p-title a {
    min-height: 3.6em;
    max-height: 3.6em;
    font-size: 14px
}

.prod-card.xs .p-price .p-price-cur {
    cursor: pointer;
    font-size: 16px
}

.prod-card.xs .p-price .p-price-cur.sale .cur, .prod-card.xs .p-price .p-price-cur.sale .val {
    display: inline-block;
    line-height: 1.2
}

.prod-card.xs .p-btn-wrap {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto
}

.prod-card .product-info {
    position: absolute;
    z-index: 10;
    bottom: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding-bottom: 10px
}

.modal-prod-info .product-info .product-info_i, .prod-card .product-info .product-info_i {
    position: relative;
    color: #333;
    border: 1px solid #e7e7e7;
    background: #f7fbfe;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .1)
}

.modal-prod-info .product-info .product-info_i:before, .prod-card .product-info .product-info_i:before {
    position: absolute;
    bottom: 0;
    left: 20px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translateY(50%) rotate(45deg);
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #f7fbfe
}

.modal-prod-info .product-info .info_header, .prod-card .product-info .info_header {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #e7e7e7
}

.modal-prod-info .product-info .info_body, .prod-card .product-info .info_body {
    padding: 10px 15px 20px
}

.modal-prod-info .product-info .status, .prod-card .product-info .status {
    font-size: 14px
}

.modal-prod-info .product-info .status.available, .prod-card .product-info .status.available {
    color: #458381
}

.modal-prod-info .product-info .status.not-available, .prod-card .product-info .status.not-available {
    color: #999
}

.modal-prod-info .product-info .status.under-order, .prod-card .product-info .status.under-order {
    color: #0084c1
}

.modal-prod-info .product-info .status.waiting, .prod-card .product-info .status.waiting {
    color: #5c6a83
}

.modal-prod-info .product-info .description, .prod-card .product-info .description {
    margin-top: 8px;
    font-size: 14px
}

.modal-prod-info .product-info .description .line, .prod-card .product-info .description .line {
    overflow: hidden;
    max-height: 1.2em;
    white-space: nowrap;
    letter-spacing: .4px;
    text-overflow: ellipsis;
    line-height: 1.2
}

.modal-prod-info .product-info .description .line + .line, .prod-card .product-info .description .line + .line {
    margin-top: 10px
}

.modal-prod-info .product-info .offer-item, .prod-card .product-info .offer-item {
    position: relative;
    display: flex;
    line-height: 1.2
}

.modal-prod-info .product-info .offer-item.bonus .offer-ttl, .prod-card .product-info .offer-item.bonus .offer-ttl {
    color: #74368f
}

.modal-prod-info .product-info .offer-item .text, .prod-card .product-info .offer-item .text {
    padding-top: 2px
}

.modal-prod-info .product-info .offer-item .offer-ttl, .prod-card .product-info .offer-item .offer-ttl {
    margin-bottom: 2px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.modal-prod-info .product-info .offer-item .offer-txt, .prod-card .product-info .offer-item .offer-txt {
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px
}

.filter-view {
    position: relative;
    display: flex;
    margin-bottom: 30px
}

.filter-view:after, .filter-view:before {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    content: '';
    border-bottom: 1px solid #e7e7e7
}

.filter-view .btn-params {
    display: block;
    height: 70px;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    color: #666;
    border-right: 1px solid #e7e7e7;
    background: 0 0;
    box-shadow: none;
    font-size: 14px;
    line-height: 70px
}

.filter-view .btn-params:hover {
    background: #f5f3f3
}

.filter-view .btn-params span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.filter-view .wrap-create.open .drop-edit {
    display: block
}

.filter-view .wrap-create.open .btn-toggle {
    background: #f5f3f3
}

.filter-view .wrap-create .btn-toggle {
    padding: 0 30px;
    border: none;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    background: 0 0
}

.filter-view .wrap-create .btn-toggle:hover {
    background: #f5f3f3
}

.filter-view .drop-edit {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    max-width: 500px;
    padding-top: 15px
}

.filter-view .drop-edit .drop-edit_i {
    position: relative;
    padding: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.filter-view .drop-edit .drop-edit_i:before {
    position: absolute;
    top: -10px;
    left: 55px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translateY(50%) rotate(45deg);
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    background: #fff
}

.filter-view .drop-edit .form-edit .wrap-input {
    overflow: hidden
}

.filter-view .drop-edit .form-edit .form-control {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.container-form .filter-view .drop-edit .form-edit input[type=submit], .filter-view .drop-edit .form-edit .btn, .filter-view .drop-edit .form-edit .container-form input[type=submit] {
    display: block;
    float: right;
    padding-right: 20px;
    padding-left: 20px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.filter-view .division-controls {
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7
}

.filter-view .collection-controls, .filter-view .division-controls {
    float: left;
    width: 260px
}

.filter-view .collection-controls.open .drop-edit, .filter-view .division-controls.open .drop-edit {
    display: block
}

.filter-view .collection-controls.open .btn-edit, .filter-view .division-controls.open .btn-edit {
    background: #f5f3f3
}

.filter-view .collection-controls .drop-edit_i:before, .filter-view .division-controls .drop-edit_i:before {
    left: 32px
}

.filter-view .collection-controls .control-item, .filter-view .division-controls .control-item {
    float: left;
    width: 86px;
    margin-left: -1px;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7
}

.filter-view .collection-controls .btn-params, .filter-view .division-controls .btn-params {
    position: relative;
    display: block;
    width: 100%;
    border: none
}

.filter-view .collection-controls .btn-params:before, .filter-view .division-controls .btn-params:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .filter-view .collection-controls .btn-params:before, .no-svg .filter-view .division-controls .btn-params:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.filter-view .collection-controls .btn-edit:before, .filter-view .division-controls .btn-edit:before {
    width: 2.4em;
    height: 2.4em;
    margin-top: -2px;
    margin-left: -2px;
    transform: scale(.8) translate(-50%, -50%);
    background-position: -.2em -144.8em
}

.filter-view .collection-controls .btn-delete:before, .filter-view .division-controls .btn-delete:before {
    width: 1.6em;
    height: 1.8em;
    background-position: -.2em -93.8em
}

.filter-view .collection-controls .btn-constructor:before, .filter-view .division-controls .btn-constructor:before {
    width: 2.4em;
    height: 2.4em;
    background-position: -.2em -34.2em
}

.filter-view .collection-controls .btn-basket:before, .filter-view .division-controls .btn-basket:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -237.5em
}

.filter-view .division-controls {
    width: auto
}

.filter-view .division-controls .control-item {
    width: 84px
}

.filter-view .switch-view {
    position: relative;
    display: flex
}

.filter-view .switch-view-wrap {
    display: flex
}

.filter-view .switch-view .item {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    text-decoration: none;
    color: #666;
    font-size: 14px
}

.filter-view .switch-view .item:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%)
}

.filter-view .switch-view .item.tile:before {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -509.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .filter-view .switch-view .item.tile:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.filter-view .switch-view .item.horizontal:before {
    display: inline-block;
    width: 2.1em;
    height: 1.5969em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -501.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .filter-view .switch-view .item.horizontal:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.filter-view .switch-view .item.table {
    margin-bottom: 0
}

.filter-view .switch-view .item.table:before {
    display: inline-block;
    width: 2em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -505.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .filter-view .switch-view .item.table:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.filter-view .switch-view .item.collection {
    width: auto;
    height: 70px;
    padding: 0 30px 0 65px;
    text-decoration: none;
    line-height: 70px
}

.filter-view .switch-view .item.collection > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.filter-view .switch-view .item:not(.active):not(.collection):hover {
    background: #f5f3f3
}

.filter-view .switch-view .item.active {
    cursor: default;
    background-color: #f9f9f9
}

.filter-view .switch-view .item.active.tile:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -511.8em
}

.filter-view .switch-view .item.active.horizontal:before {
    width: 2.1em;
    height: 1.5969em;
    background-position: -.2em -503.6em
}

.filter-view .switch-view .item.active.table:before {
    width: 2em;
    height: 1.6em;
    background-position: -.2em -507.6em
}

.filter-view .switch-view .item.active.collection {
    color: #fff;
    border-color: #5cd3cf;
    background: #5cd3cf
}

.filter-view .switch-sort {
    margin-left: auto
}

.filter-view .switch-sort .form-sort {
    display: flex
}

.filter-view .switch-sort .item {
    display: flex;
    align-items: center;
    font-size: 14px
}

.filter-view .switch-sort .item.active .sort-link {
    color: #458381;
    background-color: #f9f9f9
}

.filter-view .switch-sort .item.active .icon:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.filter-view .switch-sort .item.asc .icon {
    transform: rotate(180deg)
}

.filter-view .switch-sort .item.desc .icon {
    transform: rotate(0)
}

.filter-view .switch-sort .sort-link {
    display: block;
    height: 40px;
    padding: 0 22px;
    text-decoration: none;
    color: #666;
    line-height: 40px
}

.filter-view .switch-sort .sort-link:hover {
    background: #f5f3f3
}

.filter-view .switch-sort .sort-link > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.filter-view .switch-sort .sort-link .icon {
    position: relative;
    margin-left: 6px;
    transform: rotate(0)
}

.filter-view .switch-sort .sort-link .icon:before {
    display: block;
    width: .9em;
    height: .6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .filter-view .switch-sort .sort-link .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.filter-view .switch-sort .s-wrap {
    height: 70px;
    padding: 0 22px;
    line-height: 70px
}

.filter-view .switch-sort .s-label, .filter-view .switch-sort .s-select {
    display: inline-block;
    vertical-align: middle
}

.filter-view .switch-sort .s-label {
    margin: 0 10px 0 0;
    color: #666
}

.filter-view .switch-sort .s-select {
    min-width: 80px;
    vertical-align: middle;
    line-height: 1
}

.filter-view .switch-sort .s-select.period {
    min-width: 130px
}

.filter-view .switch-sort .jq-selectbox__select {
    padding-top: 10px
}

.filter-view .switch-sort .jq-selectbox__dropdown {
    min-height: inherit;
    max-height: none
}

.filter-view .switch-sort .jq-selectbox__dropdown ul {
    height: auto
}

.filter-view .wrap-sort {
    margin-left: auto
}

.filter-view .wrap-sort .btn-sort {
    display: block;
    height: 70px;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    line-height: 70px
}

.filter-view .wrap-sort .btn-sort:hover {
    background: #f5f3f3
}

.filter-view .wrap-sort .btn-sort span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.filter-view-mob {
    font-size: 14px
}

.filter-view-mob .item + .item {
    border-top: 1px solid #e7e7e7
}

.filter-view-mob .icon-box {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    border: 1px solid #dbe0e2;
    border-radius: 50%;
    background: #f6f6f6
}

.filter-view-mob .icon-box:before {
    display: none;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    margin-left: 6px;
    content: '';
    border-radius: 50%;
    background: #5cd3cf
}

.filter-view-mob .count-wrap .txt-label {
    float: left
}

.filter-view-mob .count-wrap .txt-label, .filter-view-mob .count-wrap .viewbox {
    height: 60px;
    line-height: 60px
}

.filter-view-mob .count-wrap .viewbox {
    display: block;
    float: right;
    text-decoration: none;
    color: #666
}

.filter-view-mob .count-wrap .viewbox + .viewbox {
    margin-right: 30px
}

.filter-view-mob .count-wrap .viewbox:hover {
    color: #5cd3cf
}

.filter-view-mob .count-wrap .viewbox.active .icon-box:before {
    display: block
}

.filter-view-mob .count-wrap .viewbox .txt-box {
    margin-right: 8px
}

.filter-view-mob .count-wrap, .filter-view-mob .sort-link {
    padding: 0 20px
}

.filter-view-mob .sort-link {
    display: block;
    text-decoration: none;
    color: #666
}

.filter-view-mob .sort-link:hover {
    background: #f5f3f3
}

.filter-view-mob .sort-link.active .icon-box:before {
    display: block
}

.filter-view-mob .sort-link .icon, .filter-view-mob .sort-link .text {
    height: 60px;
    line-height: 60px
}

.filter-view-mob .sort-link .text {
    float: left
}

.filter-view-mob .sort-link .icon {
    float: right
}

.catalog-page.catalog-1 .g-main .prod-card-list {
    display: flex;
    flex-flow: wrap row
}

.modal-catalog-sort .modal-header {
    padding-bottom: 20px
}

.modal-catalog-sort .modal-body {
    padding: 0
}

.modal-start-hint .modal-body {
    padding: 30px 30px 45px
}

.modal-start-hint .title {
    text-align: center
}

.modal-start-hint .btn-wrap {
    text-align: center
}

.modal-start-hint .button-start {
    padding-right: 40px;
    padding-left: 40px;
    text-transform: uppercase;
    border-radius: 3px
}

.catalog-page .prod-card-list {
    display: flex;
    flex-flow: wrap row
}

.catalog-page .collection-group, .catalog-page .prod-table-list {
    margin-top: 0
}

.prod-card-group {
    margin-top: 15px;
    background-color: #fff
}

.section-head.section-head-s2 {
    padding: 15px !important
}

.section-head.section-head-s2 .section-head-title {
    margin: 0;
    font-weight: 600
}

.section-head.section-head--grey {
    background-color: #f1f1f1
}

.thead--white {
    background-color: #fff !important
}

.thead--white th, .thead--white tr {
    background-color: #fff !important
}

.prod-table-list.list-catalog .th-name {
    width: 25%
}

.prod-table-list.list-catalog .td-name-main {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.prod-table-list.list-catalog .th-pic {
    width: 90px !important;
    text-align: center
}

.prod-table-list.list-catalog .td-name-info {
    color: #333;
    font-size: 13px;
    line-height: 16px
}

.prod-table-list.list-catalog .pic-wrap .pic-link {
    height: 90px
}

.prod-table-list.list-catalog .placehold__inner {
    width: 100%;
    height: 100%
}

.prod-table-list.list-catalog .placehold_pos {
    position: static;
    display: flex;
    align-items: center;
    height: 100%;
    transform: none
}

.prod-table-list.list-catalog .placehold_pos .placehold__inner {
    display: flex;
    align-items: center
}

.prod-table-list.list-catalog table .pic-wrap .placehold_pos {
    width: 70px;
    max-width: 70px
}

.prod-table-list.list-catalog table .pic-wrap .placehold_pos img {
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none
}

.prod-table-list.list-catalog .price-wrap {
    background-color: transparent
}

.catalog-page .collection-group, .catalog-page .prod-card-group, .catalog-page .prod-table-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.category-list {
    margin-bottom: 30px
}

.category-list .c-aside, .category-list .items-wrap {
    margin-right: -15px;
    margin-left: -15px
}

.category-list .c-aside .item.item {
    width: 100%
}

.category-list .item {
    position: relative;
    float: left;
    height: 420px;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px
}

.category-list:not(.list-aside).solution-list .text-wrap {
    height: 250px
}

.category-list:not(.list-aside) .items-wrap.masonry {
    display: flex;
    flex-flow: row wrap;
    max-width: 100%
}

.category-list:not(.list-aside) .items-wrap.masonry .grid-item {
    width: 25%
}

.category-list:not(.list-aside) .items-wrap.masonry .grid-item .item_i {
    height: auto;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px
}

.category-list:not(.list-aside) .items-wrap.masonry .item {
    height: auto
}

.category-list.list-aside .text-wrap {
    height: 250px
}

.category-list.list-aside .items-wrap .item {
    width: 33.33%
}

.category-list .c-aside .item {
    float: left;
    clear: both;
    width: 100%
}

.category-list .item_i {
    position: relative;
    overflow: hidden;
    height: 420px;
    min-height: 420px;
    transition: all .2s ease;
    border: 1px solid #e7e7e7;
    background: #fff
}

.category-list .item_i.no-toggle .text-wrap:before {
    display: none
}

.category-list .item_i.open {
    z-index: 100;
    height: auto;
    min-height: 440px;
    margin: -10px -10px 20px;
    padding: 10px 10px 15px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15)
}

.category-list .item_i.open .text-wrap:before {
    content: none
}

.category-list .item_i.open .toggle-wrap {
    padding-top: 25px
}

.category-list .item_i.open .btn-toggle span, .category-list .item_i.open .btn-toggle span:after, .category-list .item_i.open .btn-toggle span:before {
    background: #5cd3cf
}

.category-list .item_i.open .text-wrap .cut-line {
    display: none
}

.category-list .item_i.open .btn-close {
    display: block
}

.category-list .item_i.open.closed {
    z-index: 99
}

.category-list hr {
    margin-top: 18px;
    margin-bottom: 16px
}

.category-list .pic {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100px;
    margin-bottom: 20px;
    transition: background .2s ease;
    text-decoration: none;
    background: #fafafc
}

.category-list .pic.hover, .category-list .pic:hover {
    background: #999
}

.category-list .pic.hover img, .category-list .pic:hover img {
    opacity: .7
}

.category-list .pic img {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
    transition: opacity .2s ease;
    will-change: opacity
}

.category-list .items-wrap .text-wrap:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    content: '';
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%)
}

.category-list .text-wrap {
    position: relative;
    overflow: hidden;
    padding: 0 22px
}

.category-list .text-wrap .cut-line {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 80%)
}

.category-list .toggle-wrap {
    padding-top: 12px;
    transition: padding .2s ease;
    text-align: center
}

.category-list .btn-toggle {
    position: relative;
    width: 40px;
    height: 24px;
    border: none;
    outline: 0;
    background: 0 0
}

.category-list .btn-toggle:hover span, .category-list .btn-toggle:hover span:after, .category-list .btn-toggle:hover span:before {
    background: #5cd3cf
}

.category-list .btn-toggle span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.category-list .btn-toggle span:after, .category-list .btn-toggle span:before {
    content: ''
}

.category-list .btn-toggle span, .category-list .btn-toggle span:after, .category-list .btn-toggle span:before {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    transition: background .2s ease;
    border-radius: 50%;
    background: #ccc
}

.category-list .btn-toggle span:before {
    top: 0;
    right: 100%;
    margin-right: 5px
}

.category-list .btn-toggle span:after {
    top: 0;
    left: 100%;
    margin-left: 5px
}

.category-list .text .ttl {
    display: block;
    min-height: 2.4em;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-size: 22px;
    line-height: 1.2
}

.category-list .text .ttl.hover, .category-list .text .ttl:hover {
    color: #5cd3cf
}

.category-list .text ul {
    margin: 0
}

.category-list .text ul li + li {
    margin-top: 10px
}

.category-list .text a {
    display: inline-block;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    line-height: 1.2
}

.touch-no .category-list .text a:hover {
    color: #5cd3cf
}

.category-list .text .count {
    color: #5cd3cf
}

.category-list .promo-title {
    height: 120px
}

.category-list .item.promotion .item_i {
    border-color: transparent
}

.category-list .item.promotion .item_i.open {
    box-shadow: 0 3px 15px rgba(0, 0, 0, .3)
}

.category-list .item.promotion .item_i.open .bg img {
    right: -5%;
    width: auto;
    max-width: none;
    height: 100%;
    max-height: 280px
}

.category-list .item.promotion .bg {
    position: absolute;
    top: 50%;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 50%;
    transform: translateY(-50%)
}

.category-list .item.promotion .bg img {
    position: absolute;
    top: 50%;
    right: -33%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all .18s ease;
    transform: translateY(-50%)
}

.category-list .item.promotion .promo-title {
    position: relative;
    display: block;
    padding: 0 22px;
    transition: opacity .2s ease;
    text-decoration: none
}

.category-list .item.promotion .promo-title:hover {
    opacity: .7
}

.category-list .item.promotion .promo-title .icon {
    position: absolute;
    top: 50%;
    width: 60px;
    transform: translateY(-50%)
}

.category-list .item.promotion .promo-title .icon img {
    display: block;
    max-width: 100%;
    height: auto
}

.category-list .item.promotion .promo-title .txt {
    position: relative;
    top: 50%;
    overflow: hidden;
    max-height: 3.6em;
    margin-left: 80px;
    transform: translateY(-50%);
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    line-height: 1.2
}

.category-list .item.promotion .text {
    color: #fff
}

.category-list .item.promotion .text a {
    color: #fff
}

.category-list .item.promotion .text a:hover {
    text-decoration: underline
}

.category-list .item.promotion .text .count {
    color: #fff
}

.category-list .item.promotion .btn-toggle span, .category-list .item.promotion .btn-toggle span:after, .category-list .item.promotion .btn-toggle span:before {
    background: #fff
}

.category-list .item.promotion.style-1 .item_i {
    background-color: #587adb
}

.category-list .item.promotion.style-1 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(88, 122, 219, 0) 0, #587adb 80%)
}

.category-list .item.promotion.style-2 .item_i {
    background-color: #51c251
}

.category-list .item.promotion.style-2 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(81, 194, 81, 0) 0, #51c251 80%)
}

.category-list .item.promotion.style-3 .item_i {
    background-color: #5cd3cf
}

.category-list .item.promotion.style-3 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(207, 26, 39, 0) 0, #5cd3cf 80%)
}

.category-list .item.promotion.style-4 .item_i {
    background-color: #ffb431
}

.category-list .item.promotion.style-4 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(255, 180, 49, 0) 0, #ffb431 80%)
}

.category-list .item.promotion.style-5 .item_i {
    background-color: #3bcf6f
}

.category-list .item.promotion.style-5 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(59, 207, 111, 0) 0, #3bcf6f 80%)
}

.category-list .item.promotion.style-6 .item_i {
    background-color: #6669e5
}

.category-list .item.promotion.style-6 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(102, 105, 229, 0) 0, #6669e5 80%)
}

.category-list .item.promotion.style-7 .item_i {
    background-color: #f45783
}

.category-list .item.promotion.style-7 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(244, 87, 131, 0) 0, #f45783 80%)
}

.category-list .item.promotion.style-8 .item_i {
    background-color: #d949d7
}

.category-list .item.promotion.style-8 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(217, 73, 215, 0) 0, #d949d7 80%)
}

.category-list .item.promotion.style-9 .item_i {
    background-color: #7e4edf
}

.category-list .item.promotion.style-9 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(126, 78, 223, 0) 0, #7e4edf 80%)
}

.category-list .item.promotion.style-10 .item_i {
    background-color: #2db5d2
}

.category-list .item.promotion.style-10 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(45, 181, 210, 0) 0, #2db5d2 80%)
}

.category-list .item.promotion.style-11 .item_i {
    background-color: #acd04a
}

.category-list .item.promotion.style-11 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(172, 208, 74, 0) 0, #acd04a 80%)
}

.category-list .item.promotion.style-12 .item_i {
    background-color: #9646c3
}

.category-list .item.promotion.style-12 .text-wrap .cut-line {
    background: linear-gradient(to bottom, rgba(150, 70, 195, 0) 0, #9646c3 80%)
}

.category-list.list-short .items-wrap {
    display: flex;
    flex-flow: row wrap
}

.category-list.list-short .item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto
}

.category-list.list-short .item_i {
    width: 100%;
    height: auto;
    min-height: inherit
}

.category-list.list-short .text-wrap {
    padding-bottom: 20px
}

.category-list.list-short .text-wrap:before {
    display: none
}

.category-list.list-short .text .ttl {
    overflow: hidden;
    margin-bottom: 0
}

.category-list.list-bricks {
    margin-bottom: 60px
}

.category-list.list-bricks.list-aside .c-aside .item_i {
    height: auto;
    margin-right: 0;
    margin-left: 0
}

.category-list.list-bricks.list-aside .grid-item {
    width: 100%;
    margin-bottom: 0
}

.category-list.list-bricks.list-aside .grid-item .item {
    width: 100%
}

.category-list.list-bricks.list-aside .grid-item .item_i {
    height: auto;
    min-height: auto;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px
}

.category-list.list-bricks .items-wrap {
    display: flex;
    flex-flow: row wrap;
    max-width: 100%
}

.category-list.list-bricks .items-wrap {
    margin: 0;
    transition: opacity .3s ease
}

.category-list.list-bricks .item {
    float: none;
    width: 25%;
    height: auto;
    margin: 0;
    padding: 0
}

.category-list.list-bricks .item .item_i {
    min-height: inherit
}

.category-list.list-bricks .item .text-wrap {
    height: auto;
    padding-bottom: 25px
}

.category-list.list-bricks .item .text-wrap:before {
    display: none
}

.category-list.list-bricks .c-aside .items-wrap {
    margin: -15px
}

.category-list.list-bricks .c-aside .item {
    margin-bottom: 30px;
    padding: 0 15px
}

.params-tab {
    padding-top: 40px;
    padding-bottom: 10px
}

.params-tab table {
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.params-tab table tr + tr {
    border-top: 1px solid #eee
}

.params-tab table td {
    width: 50%;
    padding: 15px 0;
    color: #111;
    font-size: 15px;
    line-height: 1.2
}

.params-tab table td:first-child {
    padding-right: 20px
}

.params-tab table a {
    text-decoration: none
}

.comments {
    position: relative;
    margin-bottom: 60px;
    padding-top: 50px
}

.product-tabs .comments {
    margin: 0;
    padding-top: 40px;
    padding-bottom: 10px
}

.product-tabs .comments:before {
    display: none
}

.comments:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 2000px;
    max-width: 100vw;
    height: 1px;
    content: '';
    transform: translate(-50%);
    background: #e7e7e7
}

.comments .title-differ {
    margin-bottom: 30px
}

.comments .logout {
    margin-bottom: 40px;
    padding: 25px 30px;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 2px
}

.comments .logout a {
    text-decoration: none
}

.comments .form-comment {
    margin-bottom: 50px
}

.comments .form-comment fieldset {
    margin-bottom: 20px;
    border: 1px solid #dbe0e2
}

.comments .form-comment .rate {
    padding: 20px 25px;
    border-bottom: 1px solid #dbe0e2
}

.comments .form-comment .rate .wrap_i {
    float: left
}

.comments .form-comment .rate .star {
    float: left;
    cursor: pointer
}

.comments .form-comment .rate .star + .star {
    margin-left: 12px
}

.comments .form-comment .rate .star:before {
    display: block;
    width: 1.9em;
    height: 1.9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -200.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .comments .form-comment .rate .star:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.comments .form-comment .rate .star.hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -202.8em
}

.comments .form-comment .rate .star.active:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -195.9em
}

.comments .form-comment .rate .star.active.hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -198.2em
}

.comments .form-comment .rate .text {
    float: left;
    margin-left: 30px;
    color: #999;
    font-size: 14px;
    line-height: 20px
}

.comments .form-comment .msg textarea {
    display: block;
    width: 100%;
    height: 150px;
    padding: 20px 25px;
    resize: none;
    color: #000;
    border: none;
    background: #f6f6f6;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.comments .form-comment .msg input[type=text] {
    width: 100%;
    padding: 10px 25px;
    color: #000;
    border: 0;
    border-bottom: 1px solid #dbe0e2;
    background: #f6f6f6;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.comments .list-comments .hide-item {
    display: none
}

.comments .list-comments.open .wrap-toggle .btn-toggle:before {
    transform: translateY(-50%) rotate(180deg)
}

.comments .list-comments.open .wrap-toggle .btn-toggle .txt-close {
    display: none
}

.comments .list-comments.open .wrap-toggle .btn-toggle .txt-open {
    display: block
}

.comments .wrap-toggle {
    padding-top: 20px;
    text-align: center
}

.comments .wrap-toggle .btn-toggle {
    position: relative
}

.comments .wrap-toggle .btn-toggle, .comments .wrap-toggle .btn-toggle:active, .comments .wrap-toggle .btn-toggle:focus {
    position: relative;
    padding-right: 40px;
    padding-left: 20px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.comments .wrap-toggle .btn-toggle:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.comments .wrap-toggle .btn-toggle:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.comments .wrap-toggle .btn-toggle:before {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: .9em;
    height: .6em;
    content: ' ';
    transform: translateY(-50%) rotate(0);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .comments .wrap-toggle .btn-toggle:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.comments .wrap-toggle .btn-toggle .txt-close {
    display: block
}

.comments .wrap-toggle .btn-toggle .txt-open {
    display: none
}

.comments .comment {
    color: #999;
    border-bottom: 1px solid #e7e7e7;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif
}

.comments .comment:first-child {
    border-top: 1px solid #e7e7e7
}

.comments .comment .comment-header {
    padding: 30px 0 20px;
    font-size: 14px
}

.comments .comment .rate {
    float: left;
    margin-right: 35px
}

.comments .comment .rate .star {
    float: left
}

.comments .comment .rate .star + .star {
    margin-left: 10px
}

.comments .comment .rate .star:before {
    display: block;
    width: 1.9em;
    height: 1.9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -200.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .comments .comment .rate .star:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.comments .comment .rate .star.active:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -195.9em
}

.comments .comment .name {
    float: left
}

.comments .comment .date {
    float: left;
    margin-left: 35px
}

.comments .comment .comment-body {
    padding: 10px 0
}

.comments .comment .comment-text {
    color: #000;
    font-size: 16px
}

.comments .comment .comment-footer {
    padding: 20px 0 30px;
    font-size: 14px
}

.comments .comment .question {
    float: left
}

.comments .comment .question .q-txt {
    margin-right: 30px
}

.comments .comment .question .dislike, .comments .comment .question .like {
    position: relative;
    padding-left: 28px;
    text-decoration: none;
    color: #999;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.comments .comment .question .dislike:before, .comments .comment .question .like:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .comments .comment .question .dislike:before, .no-svg .comments .comment .question .like:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.comments .comment .question .dislike .count, .comments .comment .question .like .count {
    margin-left: 10px;
    color: #000
}

.comments .comment .question .like:before {
    width: 1.903em;
    height: 1.9em;
    background-position: -.2em -127.3em
}

.comments .comment .question .like.active:before {
    width: 1.903em;
    height: 1.9em;
    background-position: -.2em -129.6em
}

.comments .comment .question .like:hover:before {
    width: 1.903em;
    height: 1.9em;
    background-position: -.2em -129.6em
}

.comments .comment .question .like:hover .txt {
    color: #458381
}

.comments .comment .question .dislike {
    margin-left: 30px
}

.comments .comment .question .dislike:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -122.7em
}

.comments .comment .question .dislike.active:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -125em
}

.comments .comment .question .dislike:hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -125em
}

.comments .comment .question .dislike:hover .txt {
    color: #5cd3cf
}

.comments .comment .feedback {
    float: right
}

.comments .comment .feedback a {
    text-decoration: none;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.comments .reply-list {
    padding-left: 100px;
    border-top: 1px solid #e7e7e7
}

.comments .reply-list .comment {
    position: relative;
    border-bottom: none
}

.comments .reply-list .comment:first-child {
    border: none
}

.comments .reply-list .comment + .comment {
    border-top: 1px solid #e7e7e7
}

.comments .reply-list .comment:before {
    position: absolute;
    top: 30px;
    left: -30px;
    display: block;
    width: 1.3em;
    height: 3.7em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -167.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .comments .reply-list .comment:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.comments .reply-list .comment .comment-header {
    padding-top: 40px;
    padding-bottom: 20px
}

.comments .reply-list .comment .comment-body {
    padding-top: 0;
    padding-bottom: 35px
}

.comments .reply-form {
    overflow: hidden
}

.comments .reply-form.closed {
    height: 0
}

.comments .reply-form .form-comment {
    margin-bottom: 0;
    padding-bottom: 40px
}

.comments .reply-form .form-comment .msg textarea {
    display: block;
    width: 100%;
    height: 120px;
    padding: 20px 25px;
    resize: none;
    color: #000;
    border: none;
    background: #f6f6f6;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.document-list {
    display: flex;
    margin: 20px 0 10px
}

.document-list .doc-item {
    align-self: center
}

.document-list .doc-item + .doc-item {
    margin-top: 24px
}

.document-list .doc-item > a {
    position: relative;
    display: inline-block;
    padding-left: 44px;
    vertical-align: top;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 1.3
}

.document-list .doc-item > a:hover {
    color: #5cd3cf
}

.document-list .doc-item > a:hover .file .paper {
    border-color: #5cd3cf
}

.document-list .doc-item > a:hover .file .paper:before {
    border-color: #5cd3cf
}

.document-list .doc-item > a:hover .file .paper:after {
    border-left-color: #5cd3cf
}

.document-list .doc-item > a:hover .file .txt {
    color: #5cd3cf;
    border-color: #5cd3cf;
    background: #fff
}

.document-list .file {
    position: absolute;
    top: -4px;
    left: 10px
}

.document-list .file .paper {
    position: relative;
    width: 18px;
    height: 28px;
    transition: border .2s ease;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999
}

.document-list .file .paper:before {
    position: absolute;
    top: -1px;
    right: -6px;
    width: 6px;
    height: 22px;
    content: '';
    transition: border .2s ease;
    border-top: 1px solid #999;
    border-right: 1px solid #999
}

.document-list .file .paper:after {
    position: absolute;
    right: -6px;
    bottom: -1px;
    content: '';
    transition: border .2s ease;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #999
}

.document-list .file .txt {
    position: absolute;
    z-index: 1;
    top: 2px;
    right: -3px;
    min-width: 26px;
    height: 16px;
    padding: 0 3px;
    transition: all .2s ease;
    text-align: right;
    white-space: nowrap;
    text-transform: uppercase;
    color: #333;
    border: 1px solid #999;
    background: #f6f6f6;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 14px
}

.tags {
    margin-top: 10px;
    margin-bottom: 8px
}

.tags .item {
    margin-right: 3px;
    margin-bottom: 8px !important
}

.tags .item.item_mb {
    margin-bottom: 10px !important
}

.tags .item:last-child {
    margin-right: 0
}

.tags .item > a {
    display: block;
    height: 26px;
    padding: 0 15px;
    text-decoration: none;
    color: #666;
    border-radius: 4px;
    background: #ebebeb;
    font-size: 14px;
    line-height: 26px
}

.tags .item > a:hover {
    background: #d5eeed
}

.tags .item.active > a {
    color: #fff;
    background: #5cd3cf
}

.modal-sharing .modal-body {
    padding-right: 20px;
    padding-left: 20px
}

.modal-sharing .list {
    padding: 20px 0
}

.modal-sharing .list a {
    display: block;
    float: left;
    margin: 0 8px;
    text-decoration: none
}

.modal-sharing .list a:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal-sharing .list a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.modal-sharing .list a:hover {
    opacity: .7
}

.filter-params.brands .panel {
    padding: 0 0 20px;
    border-bottom: 1px solid #e7e7e7
}

.filter-params.brands .acc-link {
    padding-left: 0 !important
}

.filter-params.brands li {
    margin: 16px 0 10px
}

.filter-params.brands li > a {
    text-decoration: none;
    color: #333
}

.filter-params.brands li > a:hover {
    color: #5cd3cf
}

.filter-params.brands li > a .count {
    color: #458381
}

.filter-params.brands li.active {
    font-weight: 700
}

.filter-params.brands .wrap-section.not-init {
    max-height: 45vh
}

.filter-params.brands .collapse {
    display: block;
    visibility: visible
}

.filter-params.brands.mob.not-init {
    max-height: initial
}

.filter-params.brands.mob .panel {
    padding-top: 0;
    border-bottom: none
}

.filter-params.brands.mob .acc-body {
    padding-top: 0
}

.filter-params.brands.mob .wrap-section {
    column-count: 2
}

.filter-params.brands.mob .brand:first-child {
    margin-top: 0
}

.g-content-right .contacts-list .block-btn .btn-contacts .txt {
    font-size: 11px
}

.contacts-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-bottom: 35px;
    margin-left: -15px
}

.contacts-list .item {
    float: left;
    width: 50%;
    padding: 0 15px
}

.contacts-list .item.fullWidth {
    width: 100%
}

.contacts-list .item_i {
    border: 1px solid #e7e7e7
}

.contacts-list .wrap {
    position: relative;
    padding-right: 230px
}

.contacts-list .block-info {
    min-height: 320px;
    padding: 35px 40px 20px
}

.contacts-list .mob-btns {
    width: 100%;
    max-width: 340px
}

.contacts-list .mob-btns .btn-call, .contacts-list .mob-btns .btn-map {
    display: block;
    float: left;
    height: 50px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #458381;
    line-height: 50px
}

.contacts-list .mob-btns .btn-call {
    width: 39%;
    color: #458381
}

.contacts-list .mob-btns .btn-call:hover {
    background: #f5f5f5
}

.contacts-list .mob-btns .btn-map {
    width: 61%;
    color: #fff;
    background: #458381
}

.contacts-list .mob-btns .btn-map:hover {
    background: #5cd3cf
}

.contacts-list .mob-btns .btn-map:active {
    background: #d37800
}

.contacts-list .title {
    overflow: hidden;
    margin-top: 0
}

.contacts-list .line {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding-right: 35px;
    padding-left: 45px
}

.contacts-list .line .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 26px;
    margin-top: 2px;
    transform: translateY(-50%)
}

.contacts-list .line .icon:before {
    display: block;
    line-height: 1
}

.contacts-list .line .icon.address:before {
    display: inline-block;
    width: 1.4594em;
    height: 2.0906em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -392.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .line .icon.address:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .line .icon.requisite:before {
    display: inline-block;
    width: 2.1em;
    height: 2.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -447.7em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .line .icon.requisite:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .line .icon.email:before {
    display: inline-block;
    width: 2.2em;
    height: 1.8em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -342.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .line .icon.email:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .line .icon.phones:before {
    display: inline-block;
    width: 2.1em;
    height: 2.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -419em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .line .icon.phones:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .line .icon.fax:before {
    display: inline-block;
    width: 2.1em;
    height: 2.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -364.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .line .icon.fax:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .line a {
    position: relative;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    line-height: 1.5
}

.contacts-list .block-pic {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 230px;
    height: 100%
}

.contacts-list .block-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.contacts-list .block-btn .btn-map {
    display: block;
    float: right;
    width: 230px;
    height: 64px;
    padding: 0;
    text-decoration: none;
    font-size: 13px;
    line-height: 64px
}

.contacts-list .block-btn .btn-contacts {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    height: 64px;
    padding: 0 40px;
    transition: background .2s ease;
    text-decoration: none;
    color: #458381;
    border: none;
    background: 0 0;
    font-size: 16px;
    line-height: 64px
}

.contacts-list .block-btn .btn-contacts .icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 1.2
}

.contacts-list .block-btn .btn-contacts .icon:before {
    display: block;
    width: 2.1em;
    height: 2.5em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -389.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .block-btn .btn-contacts .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .block-btn .btn-contacts .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.contacts-list .manager-accord {
    overflow: hidden;
    height: 0;
    transition: height .3s ease
}

.contacts-list .manager-block {
    padding: 30px 0
}

.contacts-list .m-ttl {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-right: 60px
}

.contacts-list .b-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: 0 0
}

.contacts-list .b-close:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.contacts-list .b-close:before {
    display: block;
    width: 1.003em;
    height: 1em;
    margin: 0 auto;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .b-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .manager-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.contacts-list .manager-item {
    width: 50%;
    padding: 0 15px
}

.contacts-list .manager-item .m-line a {
    position: relative;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-size: 13.5px;
    line-height: 1.5
}

.contacts-list .manager-item .m-line a:focus, .contacts-list .manager-item .m-line a:hover {
    color: #5cd3cf
}

.contacts-list .manager-item:first-child .m-wrap {
    border-top: 1px solid #eee
}

.contacts-list .m-wrap {
    height: 100%;
    padding: 35px 50px;
    border-bottom: 1px solid #eee
}

.contacts-list .m-pic {
    position: relative;
    float: left;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin-right: 20px
}

.contacts-list .m-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.contacts-list .m-info {
    position: relative;
    overflow: hidden;
    font-size: 14px
}

.contacts-list .btn-wrap {
    padding-top: 40px;
    text-align: center
}

.contacts-list .btn-wrap .btn-close {
    position: relative;
    padding-right: 40px;
    padding-left: 20px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.contacts-list .btn-wrap .btn-close:active, .contacts-list .btn-wrap .btn-close:focus, .contacts-list .btn-wrap .btn-close:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.contacts-list .btn-wrap .btn-close:active:before, .contacts-list .btn-wrap .btn-close:focus:before, .contacts-list .btn-wrap .btn-close:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.contacts-list .btn-wrap .btn-close:before {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: .9em;
    height: .6em;
    content: ' ';
    transform: translateY(-50%) rotate(180deg);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .btn-wrap .btn-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .m-name {
    margin-top: 0;
    margin-bottom: 0
}

.contacts-list .m-status {
    margin-bottom: 20px;
    color: #999
}

.contacts-list .m-line {
    position: relative;
    padding-left: 25px
}

.contacts-list .m-line + .m-line {
    margin-top: 10px
}

.contacts-list .m-line .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.contacts-list .m-line .icon:before {
    display: block;
    margin-top: 4px
}

.contacts-list .m-line .icon.phone:before {
    display: inline-block;
    width: 1.5em;
    height: 1.5313em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -421.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .m-line .icon.phone:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .m-line .icon.mail:before {
    display: inline-block;
    width: 2.2em;
    height: 1.8em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -342.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .contacts-list .m-line .icon.mail:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.contacts-list .m-line .text {
    text-decoration: none;
    color: #333
}

.contacts-list .m-line .text a {
    text-decoration: none
}

.contacts-list .opened-manager-block + .block-accord {
    height: auto;
    transition: none
}

.contacts-list .opened-manager-block + .block-accord .manager-accord {
    height: auto
}

.contacts-list .block-accord {
    clear: both;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin-bottom: 30px;
    padding: 0 15px;
    transition: height .3s ease
}

.ms .manager-block {
    padding-bottom: 20px
}

.ms .manager-block .m-ttl {
    position: relative;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 20px;
    color: #5cd3cf
}

.ms .manager-block .m-ttl:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 600%;
    height: 1px;
    margin-left: -300%;
    content: '';
    background: #e7e7e7
}

.ms .manager-block .b-close {
    display: none
}

.ms .manager-block .btn-wrap {
    display: none
}

.ms .manager-block .manager-item + .manager-item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7
}

.ms .manager-block .m-pic {
    position: relative;
    float: left;
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin-right: 40px
}

.ms .manager-block .m-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.ms .manager-block .m-info {
    overflow: hidden;
    font-size: 14px
}

.ms .manager-block .m-name {
    margin-top: 0
}

.ms .manager-block .m-status {
    margin-bottom: 20px
}

.ms .manager-block .m-line {
    position: relative;
    clear: both;
    padding-left: 25px
}

.ms .manager-block .m-line a {
    text-decoration: none;
    color: #333
}

.ms .manager-block .m-line + .m-line {
    margin-top: 10px
}

.ms .manager-block .m-line .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.ms .manager-block .m-line .icon:before {
    display: block;
    margin-top: 4px
}

.ms .manager-block .m-line .icon.phone:before {
    display: inline-block;
    width: 1.5em;
    height: 1.5313em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -421.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .ms .manager-block .m-line .icon.phone:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.ms .manager-block .m-line .icon.mail:before {
    display: inline-block;
    width: 2.2em;
    height: 1.8em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -342.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .ms .manager-block .m-line .icon.mail:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.ms .manager-block .m-line .text {
    text-decoration: none;
    color: #333
}

.ms .manager-block .m-line .text a {
    text-decoration: none
}

.modal-map .modal-content {
    border-radius: 0
}

.modal-map .modal-body {
    padding: 15px 30px 30px
}

.modal-map .map-canvas {
    height: 600px;
    border: 1px solid #ccc
}

.modal-map .geoBtn, .modal-map .markBtn, .modal-map [class*=float-button]:not([class*=float-button-icon]), .modal-map [class*=float-button]:not([class*=float-button-text]) {
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    user-select: none;
    transition: background .2s ease;
    text-transform: uppercase;
    color: #000;
    border: 1px solid #999;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 28px
}

.modal-map .geoBtn:hover, .modal-map .markBtn:hover, .modal-map [class*=float-button]:not([class*=float-button-icon]):hover, .modal-map [class*=float-button]:not([class*=float-button-text]):hover {
    background: #f1f1f1
}

.modal-map .geoBtn:active, .modal-map .markBtn:active, .modal-map [class*=float-button]:not([class*=float-button-icon]):active, .modal-map [class*=float-button]:not([class*=float-button-text]):active {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
    line-height: 30px
}

.modal-map .geoBtn.active, .modal-map .markBtn.active, .modal-map [class*=float-button]:not([class*=float-button-icon]).active, .modal-map [class*=float-button]:not([class*=float-button-text]).active {
    color: #5cd3cf
}

.modal-map .geoBtn[class*=_hidden-icon], .modal-map .markBtn[class*=_hidden-icon], .modal-map [class*=float-button]:not([class*=float-button-icon])[class*=_hidden-icon], .modal-map [class*=float-button]:not([class*=float-button-text])[class*=_hidden-icon] {
    padding: 0
}

.modal-map .geoBtn [class*=-float-button-text], .modal-map .markBtn [class*=-float-button-text], .modal-map [class*=float-button]:not([class*=float-button-icon]) [class*=-float-button-text], .modal-map [class*=float-button]:not([class*=float-button-text]) [class*=-float-button-text] {
    display: inline-block;
    padding: 0 20px !important;
    border: none;
    line-height: inherit
}

.modal-map .geoBtn {
    text-transform: none
}

.delivery-schedule {
    position: relative;
    max-width: 640px;
    margin: 0 auto 60px
}

.delivery-schedule .tabs-head {
    position: relative;
    z-index: 2;
    top: 30px;
    margin: 0;
    text-align: center
}

.delivery-schedule .tabs-head li {
    position: relative;
    display: inline-block;
    height: 60px;
    vertical-align: top
}

.delivery-schedule .tabs-head li + li {
    margin-left: 10px
}

.delivery-schedule .tabs-head li .month {
    height: 50px;
    margin-top: -25px;
    padding: 0 30px;
    color: #fff;
    background: #ccc;
    line-height: 50px
}

.delivery-schedule .tabs-head li.active .month {
    height: 60px;
    margin-top: -30px;
    padding: 0 40px;
    color: #fff;
    background: #5cd3cf;
    line-height: 60px
}

.delivery-schedule .month {
    position: relative;
    top: 50%;
    display: block;
    height: 60px;
    margin: 0 auto;
    transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    font-size: 24px;
    line-height: 60px
}

.delivery-schedule .tabs-content {
    position: relative;
    z-index: 1
}

.delivery-schedule .wrap {
    display: none;
    padding: 70px 40px 50px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05)
}

.delivery-schedule .wrap.active {
    display: block
}

.delivery-schedule .filter {
    margin-bottom: 40px
}

.delivery-schedule .schedule {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.delivery-schedule .schedule table {
    width: 100%
}

.delivery-schedule .schedule table thead th {
    padding: 15px 20px;
    text-align: left;
    vertical-align: top;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

.delivery-schedule .schedule table tbody tr {
    border-top: 1px solid #e7e7e7
}

.delivery-schedule .schedule table tbody tr:nth-child(even) {
    background: #fafafa
}

.delivery-schedule .schedule table tbody td {
    padding: 15px 20px;
    color: #000;
    font-size: 14px;
    line-height: 1.2
}

.delivery-schedule .schedule table tbody td:first-child {
    width: 65%
}

.delivery-schedule .schedule table tbody td:last-child {
    width: 35%
}

.count-control {
    display: flex
}

.count-control__input, .count-control__minus, .count-control__plus {
    display: block;
    float: left;
    width: 68px;
    height: 66px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e7e7e7;
    background: 0 0;
    font-size: 26px;
    line-height: 66px
}

.count-control__minus {
    border-right: none;
    line-height: 65px
}

.count-control__minus:hover {
    background: #f1f1f1
}

.count-control__minus:active {
    background: #e8e8e8
}

.count-control__input {
    width: 79px;
    color: #000;
    font-size: 16px
}

.count-control__input:hover {
    border: 1px solid #b8c0c3;
    background: #fff
}

.count-control__plus {
    border-left: none
}

.count-control__plus:hover {
    background: #f1f1f1
}

.count-control__plus:active {
    background: #e8e8e8
}

.page-title {
    position: relative;
    margin-bottom: 30px
}

.page-title_cabinet-order:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block !important;
    width: 2000px;
    max-width: 100vw;
    height: 100%;
    content: '';
    transform: translate(-50%);
    border-bottom: 1px solid #e7e7e7
}

.page-title_cabinet-order:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: .5;
    width: 700px;
    height: 100%;
    content: '';
    background: url(/local/templates/html/images/title-bg.svg) no-repeat left center;
    background-size: cover
}

.collection-page .page-title, .division-page .page-title, .news-page .page-title, .product-page .page-title, .solutions-page .page-title, .trademark-page .page-title {
    margin-bottom: 0
}

.page-title:not(.page-title_basket-ext):after, .page-title:not(.page-title_cabinet-order:after) {
    display: table;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.page-title .pt-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

.page-title .pt-wrap:not(.pt-wrap_order-ttl):before {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    width: 2000px;
    max-width: 100%;
    height: 100%;
    content: '';
    transform: translateX(-50%);
    border-bottom: 1px solid #e7e7e7
}

.page-title .pt-wrap:not(.pt-wrap_order-ttl):after {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 100vw;
    max-width: 100vw;
    height: 100%;
    content: '';
    transform: translate(-50%, 0);
    background: url(/local/templates/html/images/title-bg.svg) center no-repeat;
    background-size: 100vw 100%
}

.page-title .pt-wrap .pt-wrap_i {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 700px;
    padding: 32px 50px 26px 0
}

.page-title .pt-wrap .pt-title {
    margin: 0
}

.page-title .pt-wrap .pt-description {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.2
}

.page-title .pt-additional {
    position: relative;
    z-index: 2;
    padding-top: 1px;
    padding-bottom: 1px
}

.page-title .pt-banner {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff
}

.page-title .pt-banner:before {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    margin-top: 1px;
    content: '';
    border-bottom: 1px solid #e7e7e7
}

.page-title .pt-banner:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.page-title .pt-banner .banner-link {
    position: relative;
    display: flex;
    float: right;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.page-title .pt-banner img {
    position: static;
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin-left: auto;
    object-fit: cover;
    object-position: left top
}

.page-title .switch-lang {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    margin-top: -26px
}

.page-title .switch-lang .lang-item {
    display: block;
    float: left;
    height: 52px;
    padding: 0 15px;
    text-decoration: none;
    border-radius: 3px;
    background: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    line-height: 50px
}

.page-title .switch-lang .lang-item:hover {
    background: #f1f1f1
}

.page-title .switch-lang .lang-item + .lang-item {
    margin-left: 15px
}

.page-title .switch-lang .lang-item img, .page-title .switch-lang .lang-item span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.page-title .switch-lang .lang-item img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 50%
}

.page-title .switch-lang .lang-item span {
    color: #333;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.page-title .pt-feedback {
    display: flex;
    height: 100%;
    background: #fff
}

.page-title .pt-feedback .feedback-wrap {
    position: relative;
    padding: 40px 20px 38px;
    text-align: right
}

.page-title .pt-feedback .btn-wrap, .page-title .pt-feedback .title-wrap, .page-title .pt-feedback .ttl, .page-title .pt-feedback .txt {
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.page-title .pt-feedback .ttl {
    margin: 0
}

.page-title .pt-feedback .txt {
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2
}

.container-form .page-title .pt-feedback .btn-wrap input[type=submit], .page-title .pt-feedback .btn-wrap .btn, .page-title .pt-feedback .btn-wrap .container-form input[type=submit] {
    padding-top: 16px;
    padding-bottom: 16px
}

.container-form .page-title .pt-feedback .btn-wrap input[type=submit]:before, .page-title .pt-feedback .btn-wrap .btn:before, .page-title .pt-feedback .btn-wrap .container-form input[type=submit]:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 1.4719em;
    height: 1.2em;
    margin-right: 5px;
    content: ' ';
    vertical-align: top;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -344.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .page-title .pt-feedback .btn-wrap input[type=submit]:before, .no-svg .page-title .pt-feedback .btn-wrap .btn:before, .no-svg .page-title .pt-feedback .btn-wrap .container-form input[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.page-title .labels {
    position: absolute;
    bottom: -12px;
    left: 0
}

.page-title .labels .item {
    display: inline-block;
    height: 24px;
    margin-right: 3px;
    padding: 0 10px;
    color: #fff;
    border-radius: 4px;
    background: #ccc;
    font-size: 13px;
    line-height: 22px
}

.page-title .labels .item.new {
    background: #2ab7e1
}

.page-title .labels .item.hit {
    background: #458381
}

.page-title .labels .item.gift {
    background: #f96a00
}

.page-title .pt-product-share {
    position: relative;
    z-index: 1;
    height: 100%
}

.page-title .pt-product-share:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    width: 2000px;
    max-width: 100vw;
    height: 100%;
    margin-top: 1px;
    content: '';
    transform: translateX(-50%);
    border-bottom: 1px solid #e7e7e7
}

.page-title .pt-product-share .list {
    position: relative;
    padding: 10px 0
}

.page-title .pt-product-share .sharing {
    position: relative;
    display: flex;
    float: right;
    align-items: center;
    height: 100%;
    padding: 0 30px;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    background: #fff
}

.page-title .pt-product-share .sharing a {
    display: block;
    float: left;
    margin: 0 4px;
    text-decoration: none
}

.page-title .pt-product-share .sharing a:before {
    display: inline-block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .page-title .pt-product-share .sharing a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.page-title .pt-product-share .sharing a:hover {
    opacity: .7
}

.page-title .pt-product-share .sharing a.vk:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -192.5em
}

.page-title .pt-product-share .sharing a.fb:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -176.4em
}

.page-title .pt-product-share .sharing a.in:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -185.7em
}

.page-title .pt-product-share .sharing a.g:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -179.8em
}

.page-title .pt-product-share .sharing a.tw:before {
    width: 3.006em;
    height: 3em;
    background-position: -.2em -189.1em
}

.page-title .pt-product-share .sharing .btn-share {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: 0 0
}

.page-title .pt-product-share .sharing .btn-share:hover:before {
    width: 1.8094em;
    height: 2.0906em;
    background-position: -.2em -183.2em
}

.page-title .pt-product-share .sharing .btn-share:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 1.8094em;
    height: 2.0906em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -171.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .page-title .pt-product-share .sharing .btn-share:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.page-title .pt-product-share .rate {
    position: relative;
    float: right;
    height: 100%;
    padding: 0 20px;
    border-left: 1px solid #e7e7e7;
    background: #fff
}

.page-title .pt-product-share .rate .count, .page-title .pt-product-share .rate .star {
    float: left
}

.page-title .pt-product-share .rate .star {
    cursor: pointer
}

.page-title .pt-product-share .rate .star + .star {
    margin-left: 12px
}

.page-title .pt-product-share .rate .star:before {
    display: inline-block;
    width: 1.9em;
    height: 1.9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -200.5em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .page-title .pt-product-share .rate .star:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.page-title .pt-product-share .rate .star.hover:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -202.8em
}

.page-title .pt-product-share .rate .star.active:before {
    width: 1.9em;
    height: 1.9em;
    background-position: -.2em -195.9em
}

.page-title .pt-product-share .rate .count {
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px
}

.page-title .pt-links {
    position: relative;
    float: right;
    height: 100%
}

.page-title .pt-links a {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #458381
}

.page-title .pt-links a:hover {
    color: #5cd3cf
}

.page-title .pt-basket {
    position: relative;
    overflow: hidden;
    padding: 15px 0
}

.page-title .pt-basket:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 2000px;
    max-width: 100vw;
    height: 100%;
    content: '';
    transform: translateX(50%);
    border-bottom: 1px solid #e7e7e7;
    background: #f9f9f9
}

.page-title .pt-basket .btn-wrap {
    position: relative;
    float: right;
    margin-left: 20px
}

.container-form .page-title .pt-basket .btn-wrap input[type=submit], .page-title .pt-basket .btn-wrap .btn, .page-title .pt-basket .btn-wrap .container-form input[type=submit] {
    padding-top: 18px;
    padding-bottom: 18px
}

.page-title .pt-basket .total-wrap {
    position: relative;
    overflow: hidden;
    line-height: 1.5
}

.page-title .pt-basket .total-wrap .bonus {
    display: inline-block;
    margin-bottom: 2px;
    padding: 2px 8px;
    text-align: center;
    color: #74368f;
    border-radius: 5px;
    background: #ecddf2;
    font-size: 14px
}

.page-title .pt-basket .total-wrap .price {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.page-title.extend {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page-title.extend .pt-additional, .page-title.extend .pt-message-wrap, .page-title.extend .pt-wrap {
    flex-grow: 1
}

.page-title.page-title_basket-ext {
    display: flex;
    flex-wrap: wrap
}

.page-title.page-title_basket-ext .pt__bottom, .page-title.page-title_basket-ext .pt__head {
    width: 100%
}

.page-title.page-title_basket-ext .pt__head {
    display: flex;
    justify-content: space-between
}

.page-title.page-title_basket-ext .pt__head .pt-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.page-title.page-title_basket-ext .pt__bottom {
    position: relative
}

.page-title.page-title_basket-ext .pt__bottom:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 2000px;
    max-width: 100vw;
    height: 100%;
    content: '';
    transform: translateX(-50%);
    background: #f9f9f9
}

.page-title.page-title_basket-ext .pt__bottom .pt-message-wrap {
    position: relative;
    margin-left: 35px;
    padding: 15px 0 0
}

.page-title.page-title_basket-ext .pt-message-wrap {
    align-self: center
}

.page-title.page-title_basket-ext .pt-msg {
    position: relative
}

.page-title.page-title_basket-ext .pt-msg:before {
    position: absolute;
    top: 3px;
    left: -35px;
    transform: scale(.8)
}

.page-title.page-title_basket-ext .pt-wrap {
    flex-basis: 42%
}

.page-title.page-title_basket-ext .pt-additional {
    flex-basis: 50%;
    text-align: right
}

.page-title.page-title_basket-ext .pt-msg {
    font-size: 13px
}

.page-title.page-title_basket-ext .pt-additional, .page-title.page-title_basket-ext .pt-msg, .page-title.page-title_basket-ext .pt-wrap {
    flex-grow: 1
}

.page-title.expanded {
    margin-bottom: 42px
}

.page-title.expanded .h1 {
    font-family: Circe-Bold, Arial, Helvetica, sans-serif;
    font-size: 24px
}

.page-title.expanded .labels {
    position: static;
    margin-top: 5px;
    font-size: 0
}

.page-title.expanded .pt-product-share .list {
    opacity: 1;
    float: left;
    transition: 1s ease
}

.page-title.expanded .pt-product-share .list:empty {
    opacity: 0
}

.page-title.expanded .pt-product-share .sharing {
    display: flex
}

.page-title.expanded .pt-product-share .sharing__wrap {
    position: relative;
    align-self: center
}

.page-title.expanded .pt-product-share .sharing a.shr {
    margin-top: 3px;
    margin-right: 20px
}

.page-title.expanded .pt-product-share .sharing a.shr:before {
    width: 1.9em;
    height: 2em;
    background-position: -.2em -174em
}

.page-title.expanded .pt-product-share .sharing__text {
    position: absolute;
    top: -26px;
    padding-left: 3px;
    color: #818080;
    font-size: 12px
}

.page-title.expanded .pt-product-share .sharing .btn-share:hover:before {
    width: 1.9em;
    height: 2em;
    background-position: -.2em -174em
}

.page-title.expanded .pt-product-share .sharing .btn-share:before {
    width: 1.9em;
    height: 2em;
    background-position: -.2em -174em
}

.page-title.expanded .pt-product-share .rate {
    display: flex;
    align-items: center;
    text-decoration: none
}

.page-title.expanded .pt-product-share .rate .count {
    margin-right: 20px;
    margin-left: 0;
    color: #818080
}

.g-wrap .menu-accordion ul {
    margin: 10px 0;
    padding: 0
}

.menu-accordion [class*=item_] {
    display: block
}

.menu-accordion [class*=item_] > a, .menu-accordion [class*=item_] > span {
    text-decoration: none;
    color: #333
}

.menu-accordion [class*=item_] > a:hover {
    color: #5cd3cf
}

.menu-accordion [class*=item_].active > a, .menu-accordion [class*=item_].active > span {
    color: #458381
}

.menu-accordion [class*=item_].active > a:hover {
    color: #5cd3cf
}

.menu-accordion [class*=item_] + [class*=item_] {
    margin-top: 10px
}

.menu-accordion .panel {
    padding: 0 0 10px
}

.menu-accordion .acc-heading {
    position: relative
}

.menu-accordion .acc-heading:after {
    display: table;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.menu-accordion .open-menu {
    position: relative;
    top: 50%;
    display: block;
    float: left;
    width: 10px;
    height: 20px;
    margin-right: 10px
}

.menu-accordion .open-menu.collapsed:before {
    transform: rotate(0);
    border-left-color: #333
}

.menu-accordion .open-menu:hover:before {
    border-left-color: #5cd3cf
}

.menu-accordion .open-menu:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -4px;
    content: '';
    transition: transform .2s ease;
    transform: rotate(90deg);
    border: 4px solid transparent;
    border-right: none;
    border-left: 6px solid #5cd3cf
}

.menu-accordion .link-wrap {
    display: block;
    overflow: hidden
}

.menu-accordion .link-wrap > a, .menu-accordion .link-wrap > span {
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.menu-accordion .link-wrap > a:hover {
    color: #458381
}

.menu-accordion .link-wrap.active > a, .menu-accordion .link-wrap.active > span {
    color: #458381
}

.menu-accordion .link-wrap.active > a:hover {
    color: #5cd3cf
}

.menu-accordion .acc-body {
    padding-left: 20px
}

.menu-accordion .item_2 > a, .menu-accordion .item_2 > span {
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.tooltip-info {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.tooltip-info + .tooltip-info {
    margin-left: 20px
}

.tooltip-info__wrap {
    display: flex;
    align-items: center
}

.tooltip-info__wrap button:hover + p {
    color: #888
}

.tooltip-info__wrap p {
    display: none;
    color: #ccc
}

.tooltip-info.active .btn-icon:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -440.1em
}

.tooltip-info.left .drop-info {
    left: -10px;
    margin-left: 0
}

.tooltip-info.left .drop-info:before {
    left: 16px;
    margin-left: 0
}

.tooltip-info.right .drop-info {
    right: -10px;
    left: auto;
    margin-left: 0
}

.tooltip-info.right .drop-info:before {
    right: 16px;
    left: auto;
    margin-left: 0
}

.js-off .tooltip-info:hover .btn-icon:before, .touch-no .tooltip-info:hover .btn-icon:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -440.1em
}

.js-off .tooltip-info:hover .drop-info, .touch-no .tooltip-info:hover .drop-info {
    opacity: 1
}

.tooltip-info .btn-icon {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%
}

.tooltip-info .btn-icon:hover:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -440.1em
}

.tooltip-info .btn-icon:before {
    display: inline-block;
    width: 2em;
    height: 2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -437.7em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .tooltip-info .btn-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.tooltip-info .drop-info {
    position: absolute;
    z-index: 1000;
    bottom: 100%;
    left: 50%;
    display: none;
    opacity: 0;
    width: 300px;
    margin-left: -150px;
    padding-bottom: 15px;
    transition: opacity .3s ease
}

.tooltip-info .drop-info:before {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -20px;
    margin-left: -5px;
    content: '';
    transform: rotate(45deg);
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.tooltip-info .drop-wrap {
    position: relative;
    z-index: 1;
    padding: 25px;
    text-align: left;
    color: #333;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.4
}

.tooltip-info img {
    display: block;
    max-width: 100%;
    margin: auto
}

.tooltip-info.tooltip-info_smooth:hover .drop-info {
    opacity: 1;
    transition: .3s ease;
    transition-delay: .3s;
    transform: translateY(0)
}

.tooltip-info.tooltip-info_smooth .drop-info {
    display: block;
    opacity: 0;
    width: 120px;
    margin-left: -60px;
    padding-bottom: 10px;
    transition: .3s ease;
    transition-delay: .3s;
    transform: translateY(20%)
}

.tooltip-info.tooltip-info_smooth .drop-info:before {
    margin-top: -15px
}

.tooltip-info.tooltip-info_smooth .drop-wrap {
    padding: 5px;
    padding-bottom: 10px;
    text-align: center;
    border-radius: 3px;
    font-size: 10px
}

.control-group.form-group .controls {
    margin-bottom: 5px;
    line-height: 1
}

.control-group .controls {
    color: #656d78;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 1.66667
}

.modal .control-group .controls {
    margin-top: 0
}

.control-group .controls .error {
    min-height: 14px;
    margin-top: 12px;
    margin-bottom: 0;
    color: #d1424f;
    line-height: 1.1
}

.control-group .controls .valid {
    color: #8ec157
}

.form-group .name {
    margin-bottom: 6px;
    word-wrap: break-word;
    color: #595959;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    overflow-wrap: break-word
}

.form-group .label-pt {
    padding-top: 14px
}

.form-group .captcha_img {
    margin-bottom: 10px
}

.form-group .form_required {
    display: inline-block;
    padding-top: 11px
}

.form-group .btn_submit {
    float: left;
    margin-right: 3.7%
}

.modal .form-group .btn_submit {
    padding: 11px 25px 10px;
    font-size: 15px
}

.form-group .checkbox, .form-group .radio {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 2px;
    line-height: 16px
}

.g-wrap .form-group .checkbox, .g-wrap .form-group .radio {
    padding-top: 0
}

.form-group .checkbox.fs, .form-group .radio.fs {
    padding-left: 0
}

.form-group .icon {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 15px 5px;
    cursor: pointer;
    color: #fff;
    border-radius: 0 2px 2px 0;
    background: #aab1bc;
    font-size: 14px
}

.form-group .icon:hover {
    background: #5cd3cf
}

.form-group .group-check, .form-group .single-check {
    padding-top: 10px
}

.form-group .group-check .checkbox, .form-group .group-check .radio {
    margin-bottom: 26px
}

.input-group {
    position: relative
}

.input-group.date {
    max-width: 200px
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 22px;
    padding: 0;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 22.5px;
    line-height: inherit
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px
}

input {
    outline: 0
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 3px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

output {
    display: block;
    padding-top: 7px;
    color: #000;
    font-size: 15px;
    line-height: 1.5
}

.form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 11px;
    transition: border-color ease-in-out .15s;
    color: #000;
    border: 1px solid #dbe0e2;
    border-radius: 2px;
    background-color: #f6f6f6;
    background-image: none;
    font-size: 14px;
    line-height: 1.4
}

.form-control:hover {
    border-color: #b8c0c3;
    outline: 0
}

.form-control:focus {
    border-color: #b8c0c3;
    outline: 0;
    background: #fff
}

.form-control:-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.form-control:-ms-input-placeholder {
    color: #adadad
}

.form-control::-webkit-input-placeholder {
    color: #adadad
}

.form-control.placeholder {
    color: #adadad
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: 1;
    cursor: not-allowed;
    background-color: #eee
}

textarea.form-control {
    height: auto;
    resize: vertical
}

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

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    line-height: 36px
}

.form-horizontal .form-group-sm input.form-control[type=date], .form-horizontal .form-group-sm input.form-control[type=datetime-local], .form-horizontal .form-group-sm input.form-control[type=month], .form-horizontal .form-group-sm input.form-control[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
    line-height: 31px
}

.form-horizontal .form-group-lg input.form-control[type=date], .form-horizontal .form-group-lg input.form-control[type=datetime-local], .form-horizontal .form-group-lg input.form-control[type=month], .form-horizontal .form-group-lg input.form-control[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
    line-height: 45px
}

_:-ms-fullscreen, :root input[type='date'], _:-ms-fullscreen, :root input[type='time'], _:-ms-fullscreen, :root input[type='datetime-local'], _:-ms-fullscreen, :root input[type='month'] {
    line-height: 1.5
}

_:-ms-fullscreen.input-sm, .form-horizontal .form-group-sm _.form-control:-ms-fullscreen, :root input[type='date'].input-sm, :root .form-horizontal .form-group-sm input.form-control[type='date'], .form-horizontal .form-group-sm :root input.form-control[type='date'], _:-ms-fullscreen.input-sm, .form-horizontal .form-group-sm _.form-control:-ms-fullscreen, :root input[type='time'].input-sm, :root .form-horizontal .form-group-sm input.form-control[type='time'], .form-horizontal .form-group-sm :root input.form-control[type='time'], _:-ms-fullscreen.input-sm, .form-horizontal .form-group-sm _.form-control:-ms-fullscreen, :root input[type='datetime-local'].input-sm, :root .form-horizontal .form-group-sm input.form-control[type='datetime-local'], .form-horizontal .form-group-sm :root input.form-control[type='datetime-local'], _:-ms-fullscreen.input-sm, .form-horizontal .form-group-sm _.form-control:-ms-fullscreen, :root input[type='month'].input-sm, :root .form-horizontal .form-group-sm input.form-control[type='month'], .form-horizontal .form-group-sm :root input.form-control[type='month'] {
    line-height: 1.5
}

_:-ms-fullscreen.input-lg, .form-horizontal .form-group-lg _.form-control:-ms-fullscreen, :root input[type='date'].input-lg, :root .form-horizontal .form-group-lg input.form-control[type='date'], .form-horizontal .form-group-lg :root input.form-control[type='date'], _:-ms-fullscreen.input-lg, .form-horizontal .form-group-lg _.form-control:-ms-fullscreen, :root input[type='time'].input-lg, :root .form-horizontal .form-group-lg input.form-control[type='time'], .form-horizontal .form-group-lg :root input.form-control[type='time'], _:-ms-fullscreen.input-lg, .form-horizontal .form-group-lg _.form-control:-ms-fullscreen, :root input[type='datetime-local'].input-lg, :root .form-horizontal .form-group-lg input.form-control[type='datetime-local'], .form-horizontal .form-group-lg :root input.form-control[type='datetime-local'], _:-ms-fullscreen.input-lg, .form-horizontal .form-group-lg _.form-control:-ms-fullscreen, :root input[type='month'].input-lg, :root .form-horizontal .form-group-lg input.form-control[type='month'], .form-horizontal .form-group-lg :root input.form-control[type='month'] {
    line-height: 1.33
}

.form-group {
    margin-bottom: 17px
}

.modal .form-group {
    margin-bottom: 20px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox:last-child, .radio:last-child {
    margin-bottom: 0
}

.checkbox label, .radio label {
    min-height: 16px;
    margin-bottom: 0;
    padding-left: 0;
    cursor: pointer;
    font-weight: 400
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 20px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: 400
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

fieldset[disabled] input[type=checkbox] + span, fieldset[disabled] input[type=radio] + span, input[type=checkbox].disabled + span, input[type=checkbox][disabled] + span, input[type=radio].disabled + span, input[type=radio][disabled] + span {
    opacity: .4;
    cursor: not-allowed
}

.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px
}

.form-control-static.input-lg, .form-control-static.input-sm, .form-horizontal .form-group-lg .form-control-static.form-control, .form-horizontal .form-group-sm .form-control-static.form-control {
    padding-right: 0;
    padding-left: 0
}

.form-group-sm .form-control, .form-horizontal .form-group-sm .form-control, .input-sm {
    height: 31px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.5
}

.form-group-sm select.form-control, .form-horizontal .form-group-sm select.form-control, select.input-sm {
    height: 42px;
    line-height: 42px
}

.form-group-lg .form-control, .form-horizontal .form-group-lg .form-control, .input-lg {
    height: 45px;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 17px;
    line-height: 1.33
}

.form-group-lg select.form-control, .form-horizontal .form-group-lg select.form-control, select.input-lg {
    height: 45px;
    line-height: 45px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control, .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control, .form-horizontal .form-group-lg select.form-control[multiple], .form-horizontal .form-group-lg textarea.form-control, .form-horizontal .form-group-sm select.form-control[multiple], .form-horizontal .form-group-sm textarea.form-control, select[multiple].input-lg, select[multiple].input-sm, textarea.input-lg, textarea.input-sm {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 45px
}

.form-control-feedback {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    pointer-events: none;
    line-height: 36px
}

.form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 45px;
    height: 45px;
    line-height: 45px
}

.form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 31px;
    height: 31px;
    line-height: 31px
}

.has-success .control-label, .has-success .help-block, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #8ec157
}

.has-success .form-control {
    border-color: #8ec157
}

.has-success .form-control:focus {
    border-color: #74a73e
}

.has-success .datepickerbutton, .has-success .input-group-addon {
    color: #8ec157;
    border-color: #8ec157
}

.has-success .form-control-feedback {
    color: #8ec157
}

.has-warning .control-label, .has-warning .help-block, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b
}

.has-warning .form-control:focus {
    border-color: #66512c
}

.has-warning .datepickerbutton, .has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .control-label, .has-error .help-block, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #d1424f
}

.has-error .form-control {
    border-color: #d1424f
}

.has-error .form-control:focus {
    border-color: #b42c38
}

.has-error .datepickerbutton, .has-error .input-group-addon {
    color: #d1424f;
    border-color: #d1424f
}

.has-error .form-control-feedback {
    color: #d1424f
}

.has-feedback label ~ .form-control-feedback {
    top: 27px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
    color: #989898;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.09091
}

.help-description {
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
    color: #989898;
    font-size: 13px;
    line-height: 1.09091
}

.form-horizontal .checkbox-inline, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
    display: table;
    content: ' '
}

.form-horizontal .form-group:after {
    clear: both
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px
}

.f-star {
    color: #d1424f;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1
}

.forms {
    margin-bottom: 0
}

.forms-etalon {
    margin-bottom: 66px
}

.etalon-block {
    margin-bottom: 44px
}

.webform-field-upload-list {
    margin-top: .2em !important
}

#db .webform-field-upload-list {
    margin: 0 0 5px
}

.webform-field-upload-list a.delete-file {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 5px 0 0 6px;
    vertical-align: top;
    outline: 0;
    background: 0 0
}

.webform-field-upload-list a.delete-file:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    content: '';
    background-image: url(/local/templates/html/images/sprite.png);
    background-position: -87px -68px
}

.webform-field-upload-list a.delete-file:hover {
    background: 0 0
}

.webform-field-upload-list a.delete-file:hover:before {
    width: 13px;
    height: 13px;
    background-position: -72px -68px
}

.webform-field-upload-list i {
    display: none;
    width: 15px;
    height: 15px;
    margin: 0 0 0 8px;
    vertical-align: top;
    background: url(/local/templates/html/images/tmp/upload-waiting.gif) no-repeat 0 2px
}

.webform-field-upload-list .hidden-caption {
    display: none
}

.webform-field-upload-list .upload-file-name {
    margin: 0 0 0 -4px;
    text-decoration: underline;
    color: #5cd3cf
}

.webform-field-upload-list .upload-file-name:hover {
    color: #458381
}

.webform-field-upload-list li {
    white-space: nowrap;
    color: #656d78
}

.webform-field-upload-list .uploading .upload-file-name {
    opacity: .5;
    cursor: default
}

.webform-field-upload-list .uploading i {
    display: inline-block
}

.webform-field-upload {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 36px
}

.webform-field-upload:hover {
    cursor: pointer !important;
    color: #000
}

.webform-field-upload input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 180px;
    height: 100%
}

.webform-field-upload .webform-small-button {
    position: relative;
    padding: 0 21px;
    color: #656d78;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    background: #f6f6f6;
    box-shadow: 1px 1px 1px #e7e7e7;
    font-size: 15px
}

.webform-button-upload {
    display: inline-block;
    height: 35px;
    content: '';
    cursor: pointer;
    vertical-align: top;
    line-height: 35px
}

.webform-button-upload:before {
    display: inline-block;
    width: 8px;
    height: 16px;
    margin-right: 8px;
    content: '';
    background-image: url(/local/templates/html/images/sprite.png);
    background-position: 0 -86px
}

.webform-button-upload:after {
    display: none
}

.webform-button-upload .webform-button-left, .webform-button-upload .webform-button-right {
    display: none
}

.jq-selectbox {
    width: 100%;
    cursor: pointer
}

.js-on .jq-selectbox {
    height: auto;
    padding: 0;
    border: none
}

.g-wrap .jq-selectbox li {
    overflow: hidden;
    min-height: 18px;
    padding: 11px 12px;
    text-overflow: ellipsis;
    color: #333
}

.jq-selectbox li.selected {
    color: #333;
    background-color: #f1f1f1
}

.jq-selectbox li:hover {
    color: #fff;
    background-color: #5cd3cf
}

.jq-selectbox li.disabled {
    color: #b5bac1
}

.jq-selectbox li.disabled:hover {
    background: 0 0
}

.jq-selectbox li.disabled.selected {
    background: #fff
}

.jq-selectbox.focused .jq-selectbox__select, .jq-selectbox.opened .jq-selectbox__select {
    border-color: #b8c0c3;
    outline: 0;
    background: #fff
}

.jq-selectbox.focused .jq-selectbox__select:active, .jq-selectbox.focused .jq-selectbox__select:hover, .jq-selectbox.opened .jq-selectbox__select:active, .jq-selectbox.opened .jq-selectbox__select:hover {
    background: #fff
}

.jq-selectbox.focused .jq-selectbox__trigger-arrow, .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    border-top-color: #b8c0c3
}

.jq-selectbox.opened .jq-selectbox__dropdown {
    border: 1px solid #b8c0c3
}

.jq-selectbox__select {
    display: block;
    width: 100%;
    height: 42px;
    padding: 11px;
    padding-right: 38px;
    transition: border-color ease-in-out .15s;
    color: #000;
    border: 1px solid #dbe0e2;
    border-radius: 2px;
    background-color: #f6f6f6;
    background-image: none;
    font-size: 14px;
    line-height: 1.4
}

.jq-selectbox__select:hover {
    border-color: #b8c0c3;
    outline: 0
}

.jq-selectbox__select:focus {
    border-color: #b8c0c3;
    outline: 0;
    background: #fff
}

.jq-selectbox__select:-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.jq-selectbox__select::-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.jq-selectbox__select:-ms-input-placeholder {
    color: #adadad
}

.jq-selectbox__select::-webkit-input-placeholder {
    color: #adadad
}

.jq-selectbox__select.placeholder {
    color: #adadad
}

.jq-selectbox__select[disabled], .jq-selectbox__select[readonly], fieldset[disabled] .jq-selectbox__select {
    opacity: 1;
    cursor: not-allowed;
    background-color: #eee
}

.jq-selectbox__select:hover {
    border-color: #b8c0c3;
    outline: 0
}

.jq-selectbox__select:active, .jq-selectbox__select:focus {
    border-color: #b8c0c3;
    outline: 0;
    background: #fff
}

.jq-selectbox__select[disabled], .jq-selectbox__select[readonly], fieldset[disabled] .jq-selectbox__select {
    opacity: 1;
    cursor: not-allowed;
    background-color: #eee
}

.opened .jq-selectbox__select {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.jq-selectbox__select.placeholder-color {
    color: #999
}

.has-error .jq-selectbox__select {
    border-color: #d1424f !important
}

.has-success .jq-selectbox__select {
    border-color: #8ec157 !important
}

.jq-selectbox__select-text {
    display: block;
    overflow: hidden;
    width: 100% !important;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .6;
    overflow: hidden;
    width: 0;
    height: 0;
    margin: -2px 0 -4px;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    opacity: 1
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    opacity: .3
}

.jq-selectbox__dropdown {
    bottom: auto !important;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    max-height: 210px;
    margin-top: -1px;
    border: 1px solid #dbe0e2;
    border-top: none;
    border-radius: 0 0 2px 2px;
    background: #fff
}

.has-error .jq-selectbox__dropdown {
    border-color: #d1424f !important
}

.has-success .jq-selectbox__dropdown {
    border-color: #8ec157 !important
}

.jq-selectbox__dropdown ul {
    max-height: 210px;
    margin: 0
}

.jq-selectbox__search input {
    width: 100%;
    height: 38px;
    padding: 9px 35px 9px 10px;
    color: #000;
    border: 1px solid #ccc;
    border-right: 0;
    border-left: 0;
    border-radius: 4px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: right 12px top 10px;
    font-size: 14px;
    line-height: 18px
}

.jq-selectbox__search input:-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.jq-selectbox__search input::-moz-placeholder {
    opacity: 1;
    color: #adadad
}

.jq-selectbox__search input:-ms-input-placeholder {
    color: #adadad
}

.jq-selectbox__search input::-webkit-input-placeholder {
    color: #adadad
}

.jq-selectbox__search input:focus {
    border-color: #b3b3b3
}

.jq-selectbox__search ~ ul {
    margin-top: 0;
    margin-bottom: 0
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #fff;
    font-size: 15px
}

.jq-selectbox__dropdown {
    width: 100% !important
}

.jq-checkbox {
    position: absolute !important;
    top: -1px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle
}

.jq-checkbox + label, .jq-checkbox + span {
    display: inline-block;
    padding: 0 0 0 32px
}

.jq-checkbox .jq-checkbox__div {
    width: 20px;
    height: 20px;
    margin: 0 9px 0 0
}

.jq-checkbox:not(.formstyler-img) .jq-checkbox__div {
    position: relative;
    border: 1px solid #dbe0e2;
    border-radius: 2px;
    background: #f6f6f6
}

.jq-checkbox:not(.formstyler-img).checked .jq-checkbox__div {
    border: 1px solid #458381;
    background: #458381
}

.jq-checkbox:not(.formstyler-img).checked .jq-checkbox__div:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 10px;
    line-height: 1.4
}

.jq-checkbox.disabled .jq-checkbox__div {
    cursor: not-allowed;
    border: 1px solid #e9eced
}

.jq-checkbox.disabled + span {
    color: #b0b2b5
}

.jq-checkbox.disabled.checked .jq-checkbox__div {
    border: 1px solid #ced2d9;
    background: #ced2d9
}

.jq-checkbox.formstyler-img .jq-checkbox__div {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url(/local/templates/html/images/sprite.png);
    background-position: -18px -68px
}

.jq-checkbox.formstyler-img.checked .jq-checkbox__div {
    width: 16px;
    height: 16px;
    background-position: 0 -68px
}

.jq-radio {
    position: absolute !important;
    cursor: pointer;
    vertical-align: middle
}

.jq-radio + span {
    display: inline-block;
    padding: 0 0 0 32px
}

.jq-radio .jq-radio__div {
    top: 0;
    width: 20px;
    height: 20px;
    margin: -2px 10px 0 0
}

.jq-radio:not(.formstyler-img) .jq-radio__div {
    border: 1px solid #dbe0e2;
    border-radius: 50%;
    background: #f6f6f6
}

.jq-radio:not(.formstyler-img).checked .jq-radio__div {
    background: #fff
}

.jq-radio:not(.formstyler-img).checked .jq-radio__div:before {
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 4px 0 0 4px;
    content: '';
    border-radius: 50%;
    background: #5cd3cf
}

.jq-radio.disabled .jq-radio__div {
    border: 1px solid #e9eced
}

.jq-radio.disabled + span {
    color: #b0b2b5
}

.jq-radio.formstyler-img .jq-radio__div {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url(/local/templates/html/images/sprite.png);
    background-position: -54px -68px
}

.jq-radio.formstyler-img.checked .jq-radio__div {
    width: 16px;
    height: 16px;
    background-position: -36px -68px
}

.jq-file {
    padding: 0
}

.jq-file:hover .jq-file__browse {
    background: #ddd;
    background: linear-gradient(#e9e9e9, #ddd)
}

.jq-file:active .jq-file__browse {
    background: #e4e4e4;
    box-shadow: inset 1px 1px 3px #e7e7e7
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794bf
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse, .jq-file.disabled .jq-file__name {
    color: #888;
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none
}

.jq-file input {
    height: auto;
    cursor: pointer;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 11px 11px 10px;
    padding-right: 80px;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.4
}

.jq-file__browse {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    border-left: 1px solid #dbe0e2;
    border-radius: 0 2px 2px 0;
    background: #e9e9e9;
    background: linear-gradient(#f6f6f6, #e9e9e9);
    font-size: 14px;
    line-height: 40px
}

.jq-number {
    position: relative;
    max-width: 100px;
    padding: 0;
    vertical-align: middle
}

.jq-number__field:hover {
    border-color: #b3b3b3
}

.jq-number__field input {
    -moz-appearance: textfield
}

.jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 18px;
    cursor: pointer;
    user-select: none;
    border-bottom: 1px solid #5cd3cf;
    background: #5cd3cf;
    text-shadow: 1px 1px #fff
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0;
    border-radius: 0
}

.jq-number__spin.plus {
    border-radius: 0
}

.jq-number__spin:after {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 0;
    height: 0;
    content: '';
    border-right: 3px solid transparent;
    border-bottom: 3px solid #fff;
    border-left: 3px solid transparent
}

.jq-number__spin.minus:after {
    top: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid transparent;
    border-bottom: none;
    border-left: 3px solid transparent
}

.jq-number__spin.minus:hover:after {
    border-top-color: #ccc
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #ccc
}

.jq-number.disabled .jq-number__spin {
    color: #888;
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa
}

.btn, .container-form input[type=submit] {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 0;
    padding: 13px 25px 14px;
    cursor: pointer;
    user-select: none;
    transition: background .15s ease;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    background-image: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1;
    touch-action: manipulation
}

.touch-no .btn.focus, .touch-no .btn:focus, .touch-no .btn:hover, .touch-no .container-form input.focus[type=submit], .touch-no .container-form input:focus[type=submit], .touch-no .container-form input:hover[type=submit] {
    text-decoration: none;
    color: #fff;
    outline: 0
}

.btn.active, .btn:active, .container-form input.active[type=submit], .container-form input:active[type=submit] {
    outline: 0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1)
}

.btn.disabled, .btn[disabled], .container-form fieldset[disabled] input[type=submit], .container-form input.disabled[type=submit], .container-form input[disabled][type=submit], fieldset[disabled] .btn, fieldset[disabled] .container-form input[type=submit] {
    cursor: not-allowed;
    pointer-events: none
}

.btn-default {
    border-color: transparent;
    background: #458381
}

.touch-no .btn-default:focus, .touch-no .btn-default:hover {
    background: #5cd3cf
}

.btn-default.active, .btn-default:active {
    background: #d37800
}

.btn-default.disabled, .btn-default[disabled] {
    background: #dbdee2
}

.btn-info {
    border-color: transparent;
    border-radius: 3px;
    background: #666
}

.touch-no .btn-info:focus, .touch-no .btn-info:hover {
    background: #5c5c5c
}

.btn-info.active, .btn-info:active {
    background: #525252
}

.btn-info.disabled, .btn-info[disabled] {
    background: #dbdee2
}

.btn-time {
    border-color: transparent;
    background: #1ea6dd
}

.touch-no .btn-time:focus, .touch-no .btn-time:hover {
    background: #1c99cb
}

.btn-time.active, .btn-time:active {
    background: #198bb9
}

.btn-time.disabled, .btn-time[disabled] {
    background: #dbdee2
}

.btn-primary, .container-form input[type=submit] {
    border-color: transparent;
    background: #458381
}

.touch-no .btn-primary:focus, .touch-no .btn-primary:hover, .touch-no .container-form input:focus[type=submit], .touch-no .container-form input:hover[type=submit] {
    background: #5cd3cf
}

.btn-primary.active, .btn-primary:active, .container-form input.active[type=submit], .container-form input:active[type=submit] {
    background: #458381
}

.btn-primary.disabled, .btn-primary[disabled], .container-form input.disabled[type=submit], .container-form input[disabled][type=submit] {
    background: #dbdee2
}

.btn-success {
    border-color: transparent;
    border-radius: 3px;
    background: #458381
}

.touch-no .btn-success:focus, .touch-no .btn-success:hover {
    background: #5cd3cf
}

.btn-success.active, .btn-success:active {
    background: #458381
}

.btn-success.disabled, .btn-success[disabled] {
    background: #dbdee2
}

.btn-order:after {
    display: inline-block;
    width: 1.5em;
    height: 1.1em;
    margin-top: -2px;
    margin-left: 12px;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -63.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .btn-order:after {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.btn-order span {
    display: inline-block;
    vertical-align: top
}

.btn-status {
    display: block;
    width: 100%;
    height: 42px;
    padding: 0;
    transition: background .15s ease;
    border: none;
    border-radius: 3px;
    line-height: 42px
}

.btn-status span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.btn-status span + span {
    margin-left: 8px
}

.g-wrap .btn-status.sm span {
    display: inline-block
}

.g-wrap .btn-status.sm span:not(.icon) {
    display: none
}

.btn-status .icon:before {
    display: inline-block;
    width: 1.7em;
    height: 1.5em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -116.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .btn-status .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.btn-status.in-basket .icon:before {
    width: 1.6em;
    height: 1.6em;
    background-position: -.2em -114.4em
}

.btn-status.btn-available {
    background: #458381
}

.touch-no .btn-status.btn-available:focus, .touch-no .btn-status.btn-available:hover {
    background: #5cd3cf
}

.btn-status.btn-available.active, .btn-status.btn-available:active {
    background: #458381
}

.btn-status.btn-available.disabled, .btn-status.btn-available[disabled] {
    background: #dbdee2
}

.btn-status.btn-waiting {
    background: #5c6a83
}

.touch-no .btn-status.btn-waiting:focus, .touch-no .btn-status.btn-waiting:hover {
    background: #5cd3cf
}

.btn-status.btn-waiting.active, .btn-status.btn-waiting:active {
    background: #5cd3cf
}

.btn-status.btn-waiting.disabled, .btn-status.btn-waiting[disabled] {
    background: #dbdee2
}

.btn-status.btn-under-order {
    background: #1ea6dd
}

.touch-no .btn-status.btn-under-order:focus, .touch-no .btn-status.btn-under-order:hover {
    background: #1c99cb
}

.btn-status.btn-under-order.active, .btn-status.btn-under-order:active {
    background: #198bb9
}

.btn-status.btn-under-order.disabled, .btn-status.btn-under-order[disabled] {
    background: #dbdee2
}

.btn-status.btn-not-available {
    background: #aaa
}

.touch-no .btn-status.btn-not-available:focus, .touch-no .btn-status.btn-not-available:hover {
    background: #ccc
}

.btn-status.btn-not-available.active, .btn-status.btn-not-available:active {
    background: #909090
}

.btn-status.btn-not-available.disabled, .btn-status.btn-not-available[disabled] {
    background: #dbdee2
}

.btn-status.btn-not-available .icon:before {
    width: 1.7em;
    height: 1.703em;
    background-position: -.2em -118.3em
}

.btn-status.btn-not-available.send .icon:before {
    width: 1.7em;
    height: 1.703em;
    background-position: -.2em -120.5em
}

.btn-status.btn-not-available:not(.sm) span {
    display: inline-block
}

.btn-index {
    padding: 13px 32px;
    color: #fff;
    border: none;
    border-radius: 2px;
    background: #458381;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.btn-index:hover, .touch-no .btn-index:focus {
    background: #458381
}

.btn-index.active, .btn-index:active {
    background: #458381
}

.btn-index.disabled, .btn-index[disabled] {
    opacity: .5
}

.btn-index-dark {
    padding-top: 12px;
    padding-bottom: 12px;
    color: #74368f;
    border: 1px solid #74368f;
    border-radius: 20px;
    background: 0 0;
    font-size: 14px;
    font-weight: 400
}

.touch-no .btn-index-dark:focus, .touch-no .btn-index-dark:hover {
    color: #fff;
    border-color: #74368f;
    background: #74368f
}

.btn-index-dark.active, .btn-index-dark:active {
    color: #fff;
    border-color: #522167;
    background: #522167
}

.btn-index-dark.disabled, .btn-index-dark[disabled] {
    opacity: .5
}

.btn-index-default {
    padding-bottom: 13px;
    color: #666;
    border: 1px solid #ccc;
    background: 0 0;
    text-shadow: none;
    font-size: 14px;
    font-weight: 400
}

.touch-no .btn-index-default:focus, .touch-no .btn-index-default:hover {
    color: #666;
    background: #f9f9f9
}

.btn-index-default.active, .btn-index-default:active {
    border-color: #c1c1c1;
    background: #f6f6f6
}

.btn-index-default.disabled, .btn-index-default[disabled] {
    opacity: .5
}

.btn-lg, .container-form input[type=submit] {
    padding: 18px 35px 20px;
    border-radius: 0;
    font-size: 18px;
    line-height: 1
}

.btn-sm {
    padding: 11px 21px 12px;
    border-radius: 0;
    font-size: 11px;
    line-height: 1
}

.btn-xs {
    padding: 9px 18px 10px;
    border-radius: 0;
    font-size: 9px;
    line-height: 1
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.btn-full-w {
    flex-grow: 1;
    height: 100%
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    z-index: 10400;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    transform: translate(0, 0)
}

.modal.vertical-center .modal-dialog {
    padding-top: 20px;
    padding-bottom: 20px
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-dialog .title {
    margin-top: 0
}

.modal-content {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
    outline: 0;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    z-index: 10395;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    position: relative;
    min-height: 17px;
    padding: 15px 30px 0
}

.modal-header .close {
    position: absolute;
    top: 5px;
    right: 8px
}

.modal-title {
    margin: 15px 0 0
}

.modal-title .modal-title-help {
    margin-top: 7px;
    margin-bottom: 13px;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px
}

.modal-body {
    position: relative;
    padding: 10px 30px 15px
}

.modal-body > .h1, .modal-body > .h2, .modal-body > .h3, .modal-body > .h4, .modal-body > .h5 {
    margin-top: 0
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after, .modal-footer:before {
    display: table;
    content: ' '
}

.modal-footer:after {
    clear: both
}

.container-form .modal-footer .btn + input[type=submit], .container-form .modal-footer input[type=submit] + .btn, .container-form .modal-footer input[type=submit] + input[type=submit], .modal-footer .btn + .btn, .modal-footer .container-form .btn + input[type=submit], .modal-footer .container-form input[type=submit] + .btn, .modal-footer .container-form input[type=submit] + input[type=submit] {
    margin-bottom: 0;
    margin-left: 5px
}

.container-form .modal-footer .btn-group .btn + input[type=submit], .container-form .modal-footer .btn-group input[type=submit] + .btn, .container-form .modal-footer .btn-group input[type=submit] + input[type=submit], .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .container-form .btn + input[type=submit], .modal-footer .btn-group .container-form input[type=submit] + .btn, .modal-footer .btn-group .container-form input[type=submit] + input[type=submit] {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px
}

blockquote {
    margin: 2em 0;
    padding: 20px 0 25px 30px;
    color: #999;
    border-left: 2px solid #5cd3cf;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif
}

.caption {
    margin-top: 30px;
    margin-bottom: 30px
}

.caption img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.caption .description {
    margin-top: 10px;
    color: #656d78;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 1.66667
}

.caption.right .description {
    text-align: left
}

.caption.left .description {
    text-align: left
}

.caption.vertical .pic, .caption.vertical .text {
    flex: 1
}

.caption.vertical .description {
    text-align: left
}

.slider-img {
    margin-top: 30px;
    margin-bottom: 30px
}

.slider-img .wrap {
    position: relative;
    opacity: 1;
    padding: 0 60px;
    transition: opacity .2s ease
}

.slider-img .wrap.not-init {
    opacity: 0
}

.slider-img .wrap.not-init .slide + .slide {
    display: none
}

.slider-img .slider {
    position: relative;
    z-index: 1
}

.slider-img .slide {
    float: left;
    padding: 0 20px
}

.slider-img .pic {
    position: relative;
    overflow: hidden;
    height: 172px
}

.slider-img .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.slider-img .next, .slider-img .prev {
    position: absolute;
    z-index: 3;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    transition: none;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: #ededed;
    line-height: 40px
}

.slider-img .next:hover, .slider-img .prev:hover {
    background: #5cd3cf
}

.slider-img .next:hover:before, .slider-img .prev:hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.slider-img .next:before, .slider-img .prev:before {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 1.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -532.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .slider-img .next:before, .no-svg .slider-img .prev:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.slider-img .prev {
    left: 0
}

.slider-img .prev:before {
    left: -1px;
    transform: rotate(180deg)
}

.slider-img .next {
    right: 0
}

.slider-img .next:before {
    right: -1px
}

.slider-img .sl-pagination {
    margin-top: 10px;
    text-align: center
}

.slider-img .sl-pagination span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 6px;
    border-radius: 50%;
    background: #dedede
}

.slider-img .sl-pagination span.selected {
    background: #999
}

.prod-card.collection .p-btn-wrap, .prod-card.collection .p-controls, .prod-card.collection .p-descr, .prod-card.collection .p-manufacturer, .prod-card.collection .p-price {
    display: none
}

.prod-card.collection .p-pic {
    margin-bottom: 18px
}

.prod-card.collection .p-pic-link {
    height: 150px
}

.prod-card.collection .p-wrap {
    overflow: inherit;
    margin-bottom: 20px
}

.prod-card.collection .p-type-ttl {
    margin-bottom: 5px;
    padding: 0 15px;
    color: #666;
    font-size: 14px
}

.prod-card.collection .p-title {
    width: 100%;
    margin-bottom: 25px;
    padding: 0 15px
}

.prod-card.collection .c-btn-wrap {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 0 15px;
    text-align: center
}

.container-form .prod-card.collection .c-btn-wrap input[type=submit], .prod-card.collection .c-btn-wrap .btn, .prod-card.collection .c-btn-wrap .container-form input[type=submit] {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.prod-card.collection .collection-controls {
    position: relative;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0 15px
}

.prod-card.collection .collection-controls .cc-item {
    float: left;
    padding: 0 10px
}

.container-form .prod-card.collection .collection-controls .cc-item > input[type=submit], .prod-card.collection .collection-controls .cc-item > .btn, .prod-card.collection .collection-controls .container-form .cc-item > input[type=submit] {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    padding: 0;
    border-radius: 2px
}

.container-form .prod-card.collection .collection-controls .cc-item > input[type=submit]:before, .prod-card.collection .collection-controls .cc-item > .btn:before, .prod-card.collection .collection-controls .container-form .cc-item > input[type=submit]:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.container-form .no-svg .prod-card.collection .collection-controls .cc-item > input[type=submit]:before, .no-svg .prod-card.collection .collection-controls .cc-item > .btn:before, .no-svg .prod-card.collection .collection-controls .container-form .cc-item > input[type=submit]:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card.collection .collection-controls .edit.open .drop-edit {
    display: block
}

.container-form .prod-card.collection .collection-controls .edit > input[type=submit]:before, .prod-card.collection .collection-controls .container-form .edit > input[type=submit]:before, .prod-card.collection .collection-controls .edit > .btn:before {
    width: 2.4em;
    height: 2.4em;
    margin-top: -2px;
    margin-left: -2px;
    transform: scale(.8) translate(-50%, -50%);
    background-position: -.2em -144.8em
}

.prod-card.collection .collection-controls .edit .drop-edit {
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 100%;
    left: 10px;
    display: none;
    padding-bottom: 15px
}

.prod-card.collection .collection-controls .edit .drop-edit_i {
    position: relative;
    padding: 15px;
    border: 1px solid #e7e7e7;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .1)
}

.prod-card.collection .collection-controls .edit .drop-edit_i:before {
    position: absolute;
    bottom: 0;
    left: 25px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translateY(50%) rotate(45deg);
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #fff
}

.prod-card.collection .collection-controls .edit .form-edit .wrap-input {
    overflow: hidden
}

.prod-card.collection .collection-controls .edit .form-edit .form-control {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.container-form .prod-card.collection .collection-controls .edit .form-edit input[type=submit], .prod-card.collection .collection-controls .edit .form-edit .btn, .prod-card.collection .collection-controls .edit .form-edit .container-form input[type=submit] {
    display: block;
    float: right;
    padding-right: 12px;
    padding-left: 12px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.container-form .prod-card.collection .collection-controls .remove > input[type=submit]:before, .prod-card.collection .collection-controls .container-form .remove > input[type=submit]:before, .prod-card.collection .collection-controls .remove > .btn:before {
    width: 1.6em;
    height: 1.8em;
    transform: translate(-50%, -50%);
    background-position: -.2em -93.8em
}

.prod-card.collection .collection-controls .wrap-check {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 2px
}

.prod-card.collection .collection-controls .wrap-check .jq-checkbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.prod-card.collection .collection-controls .wrap-check .jq-checkbox__div {
    margin: 0
}

.prod-card-list.horizontal .prod-card-wrapper {
    float: none;
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding-top: 0;
    padding-bottom: 0
}

.catalog-page .prod-card-list.horizontal .prod-card .p-title a {
    font-size: 14px
}

.prod-card-list.table {
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #e7e7e7
}

.prod-card-list.table table {
    width: 100%;
    border-collapse: separate
}

.prod-card-list.table table .th-pic {
    width: 8%;
    text-align: center
}

.prod-card-list.table table .th-vendor {
    width: 8%
}

.prod-card-list.table table .th-title {
    width: 36%
}

.prod-card-list.table table .th-price {
    width: 18%
}

.prod-card-list.table table .th-basket {
    width: 20%
}

.prod-card-list.table table .th-controls {
    width: 10%
}

.prod-card-list.table table thead th {
    padding: 14px 10px;
    text-align: left;
    color: #666;
    background: #f1f1f1;
    font-size: 13px;
    font-weight: 400
}

.prod-card-list.table table tbody td {
    padding: 10px;
    font-size: 14px
}

.prod-card-list.table .prod-card-wrapper {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.prod-card-list.table .prod-card {
    position: relative;
    float: right;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    border: none;
    box-shadow: none
}

.prod-card-list.table .prod-card .p-pic {
    width: 100%;
    margin: 0;
    padding: 0
}

.prod-card-list.table .prod-card .p-pic .p-pic-link {
    width: 100%;
    height: 42px
}

.prod-card-list.table .prod-card .p-vendor {
    color: #000;
    font-size: 14px
}

.prod-card-list.table .prod-card .p-vendor .vendor-ttl {
    display: inline-block
}

.prod-card-list.table .prod-card .td-property {
    color: #000
}

.prod-card-list.table .prod-card .td-property:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.prod-card-list.table .prod-card .td-property .prop-ttl {
    float: left
}

.prod-card-list.table .prod-card .td-property img {
    display: block;
    max-width: 50px
}

.prod-card-list.table .prod-card .p-type-ttl {
    padding: 0;
    font-size: 13px;
    line-height: 1.2
}

.prod-card-list.table .prod-card .p-title {
    margin: 0;
    padding: 0
}

.prod-card-list.table .prod-card .p-title a {
    overflow: inherit;
    min-height: inherit;
    max-height: none;
    font-size: 14px
}

.prod-card-list.table .prod-card .p-price {
    padding: 0
}

.prod-card-list.table .prod-card .p-price:hover {
    z-index: 105
}

.prod-card-list.table .prod-card .p-price .p-price-cur {
    white-space: nowrap;
    font-size: 14px
}

.prod-card-list.table .prod-card .p-price .p-price-cur.sale .val {
    font-size: 16px
}

.prod-card-list.table .prod-card .p-price .p-price-cur.sale .cur {
    font-size: 14px
}

.prod-card-list.table .prod-card .p-price .p-price-cur .product-info {
    left: -15px;
    min-width: 255px
}

.prod-card-list.table .prod-card .p-controls {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    padding: 0;
    text-align: center
}

.prod-card-list.table .prod-card .p-controls a {
    display: inline-block;
    opacity: 1;
    margin: 0;
    transform: none;
    vertical-align: middle
}

.prod-card-list.table .prod-card .c-btn-wrap, .prod-card-list.table .prod-card .p-btn-wrap {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto
}

.prod-card-list.table .prod-card .c-btn-wrap .p-count, .prod-card-list.table .prod-card .p-btn-wrap .p-count {
    background: 0 0
}

.prod-card-list.table .prod-card .c-btn-wrap .p-count:focus, .prod-card-list.table .prod-card .c-btn-wrap .p-count:hover, .prod-card-list.table .prod-card .p-btn-wrap .p-count:focus, .prod-card-list.table .prod-card .p-btn-wrap .p-count:hover {
    background: #fff
}

.prod-card-list.table .prod-card .c-btn-wrap {
    padding: 0
}

.catalog-page .prod-card-list.table {
    margin-top: 15px
}

.catalog-page .prod-card-list.table table .th-pic {
    width: 8%;
    text-align: center
}

.catalog-page .prod-card-list.table table .th-vendor {
    width: 7%
}

.catalog-page .prod-card-list.table table .th-title {
    width: 29%
}

.catalog-page .prod-card-list.table table .th-price {
    width: 21%
}

.catalog-page .prod-card-list.table table .th-basket {
    width: 25%
}

.catalog-page .prod-card-list.table table .th-controls {
    width: 10%
}

.collection-group, .prod-card-group, .prod-table-list {
    margin-bottom: 50px
}

.collection-group .group-section, .prod-card-group .group-section, .prod-table-list .group-section {
    margin-bottom: 25px;
    border: 1px solid #e7e7e7
}

.collection-group .group-section .description > div, .prod-card-group .group-section .description > div, .prod-table-list .group-section .description > div {
    height: auto !important
}

.collection-group .section-head, .prod-card-group .section-head, .prod-table-list .section-head {
    position: relative;
    padding: 30px 40px 30px 30px
}

.collection-group .section-head .pic, .prod-card-group .section-head .pic, .prod-table-list .section-head .pic {
    position: relative;
    float: left;
    width: 220px;
    height: 220px;
    margin-right: 30px
}

.collection-group .section-head .pic img, .prod-card-group .section-head .pic img, .prod-table-list .section-head .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.collection-group .section-head .wrap-text, .prod-card-group .section-head .wrap-text, .prod-table-list .section-head .wrap-text {
    overflow: hidden
}

.collection-group .section-head .title, .prod-card-group .section-head .title, .prod-table-list .section-head .title {
    margin-bottom: 15px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3
}

.collection-group .section-head .title a, .prod-card-group .section-head .title a, .prod-table-list .section-head .title a {
    text-decoration: none;
    color: #000
}

.collection-group .section-head .title a:hover, .prod-card-group .section-head .title a:hover, .prod-table-list .section-head .title a:hover {
    text-decoration: underline
}

.collection-group .section-head .title .ttl-txt, .prod-card-group .section-head .title .ttl-txt, .prod-table-list .section-head .title .ttl-txt {
    display: block;
    overflow: hidden;
    padding-top: 10px
}

.collection-group .section-head .manufacturer, .prod-card-group .section-head .manufacturer, .prod-table-list .section-head .manufacturer {
    float: right;
    width: 120px;
    margin-left: 50px
}

.collection-group .section-head .manufacturer img, .prod-card-group .section-head .manufacturer img, .prod-table-list .section-head .manufacturer img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto
}

.collection-group .section-head + .section-body .prod-card-list, .collection-group .section-head + .section-body .prod-table-list, .prod-card-group .section-head + .section-body .prod-card-list, .prod-card-group .section-head + .section-body .prod-table-list, .prod-table-list .section-head + .section-body .prod-card-list, .prod-table-list .section-head + .section-body .prod-table-list {
    border-top: 1px solid #e7e7e7
}

.collection-group .section-body.open .wrap-toggle .btn-close:before, .prod-card-group .section-body.open .wrap-toggle .btn-close:before, .prod-table-list .section-body.open .wrap-toggle .btn-close:before {
    transform: translateY(-50%) rotate(180deg)
}

.collection-group .section-body .prod-card-table, .prod-card-group .section-body .prod-card-table, .prod-table-list .section-body .prod-card-table {
    transition: opacity .2s ease
}

.collection-group .prod-card-list, .collection-group .prod-table-list, .prod-card-group .prod-card-list, .prod-card-group .prod-table-list, .prod-table-list .prod-card-list, .prod-table-list .prod-table-list {
    margin: 0;
    border: none
}

.collection-group .prod-card-list .fade-item, .collection-group .prod-table-list .fade-item, .prod-card-group .prod-card-list .fade-item, .prod-card-group .prod-table-list .fade-item, .prod-table-list .prod-card-list .fade-item, .prod-table-list .prod-table-list .fade-item {
    display: none;
    opacity: 0
}

.collection-group .prod-card-list .animation-display, .collection-group .prod-table-list .animation-display, .prod-card-group .prod-card-list .animation-display, .prod-card-group .prod-table-list .animation-display, .prod-table-list .prod-card-list .animation-display, .prod-table-list .prod-table-list .animation-display {
    display: table-row
}

.collection-group .wrap-toggle, .prod-card-group .wrap-toggle, .prod-table-list .wrap-toggle {
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    border-top: 1px solid #e7e7e7
}

.collection-group .wrap-toggle .btn-close, .prod-card-group .wrap-toggle .btn-close, .prod-table-list .wrap-toggle .btn-close {
    position: relative
}

.collection-group .wrap-toggle .btn-close, .collection-group .wrap-toggle .btn-close:active, .collection-group .wrap-toggle .btn-close:focus, .prod-card-group .wrap-toggle .btn-close, .prod-card-group .wrap-toggle .btn-close:active, .prod-card-group .wrap-toggle .btn-close:focus, .prod-table-list .wrap-toggle .btn-close, .prod-table-list .wrap-toggle .btn-close:active, .prod-table-list .wrap-toggle .btn-close:focus {
    position: relative;
    padding-right: 40px;
    padding-left: 20px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.collection-group .wrap-toggle .btn-close:hover, .prod-card-group .wrap-toggle .btn-close:hover, .prod-table-list .wrap-toggle .btn-close:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.collection-group .wrap-toggle .btn-close:hover:before, .prod-card-group .wrap-toggle .btn-close:hover:before, .prod-table-list .wrap-toggle .btn-close:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.collection-group .wrap-toggle .btn-close:before, .prod-card-group .wrap-toggle .btn-close:before, .prod-table-list .wrap-toggle .btn-close:before {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    width: .9em;
    height: .6em;
    content: ' ';
    transform: translateY(-50%) rotate(0);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .collection-group .wrap-toggle .btn-close:before, .no-svg .prod-card-group .wrap-toggle .btn-close:before, .no-svg .prod-table-list .wrap-toggle .btn-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.collection-group .prod-msg, .prod-card-group .prod-msg, .prod-table-list .prod-msg {
    background: #f7fbfe
}

.g-wrap .collection-group .prod-msg:hover, .g-wrap .prod-card-group .prod-msg:hover, .g-wrap .prod-table-list .prod-msg:hover {
    background: #f7fbfe
}

.collection-group .prod-msg td, .prod-card-group .prod-msg td, .prod-table-list .prod-msg td {
    position: relative
}

.g-wrap .collection-group .prod-msg td, .g-wrap .prod-card-group .prod-msg td, .g-wrap .prod-table-list .prod-msg td {
    padding: 15px 100px 15px 25px
}

.collection-group .prod-msg td:before, .prod-card-group .prod-msg td:before, .prod-table-list .prod-msg td:before {
    position: absolute;
    top: -5px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    content: '';
    transform: rotate(-45deg);
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #f7fbfe
}

.collection-group .prod-msg .item, .prod-card-group .prod-msg .item, .prod-table-list .prod-msg .item {
    display: inline-block;
    vertical-align: middle
}

.collection-group .prod-msg .text, .prod-card-group .prod-msg .text, .prod-table-list .prod-msg .text {
    position: relative;
    width: 1040px;
    padding-right: 30px;
    padding-left: 40px
}

.collection-group .prod-msg .text .icon, .prod-card-group .prod-msg .text .icon, .prod-table-list .prod-msg .text .icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.collection-group .prod-msg .text .icon:before, .prod-card-group .prod-msg .text .icon:before, .prod-table-list .prod-msg .text .icon:before {
    display: block;
    width: 2.4em;
    height: 2.2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -409.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .collection-group .prod-msg .text .icon:before, .no-svg .prod-card-group .prod-msg .text .icon:before, .no-svg .prod-table-list .prod-msg .text .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.collection-group .prod-msg .basket-remove, .prod-card-group .prod-msg .basket-remove, .prod-table-list .prod-msg .basket-remove {
    margin-right: 30px
}

.collection-group .prod-msg .basket-remove a, .prod-card-group .prod-msg .basket-remove a, .prod-table-list .prod-msg .basket-remove a {
    padding: 10px;
    font-size: 13px
}

.collection-group .prod-msg .message-off, .prod-card-group .prod-msg .message-off, .prod-table-list .prod-msg .message-off {
    line-height: 1
}

.collection-group .prod-msg .message-off a, .prod-card-group .prod-msg .message-off a, .prod-table-list .prod-msg .message-off a {
    text-decoration: none;
    color: #666;
    font-size: 13px
}

.collection-group .prod-msg .message-off a:hover, .prod-card-group .prod-msg .message-off a:hover, .prod-table-list .prod-msg .message-off a:hover {
    color: #5cd3cf
}

.collection-group .prod-msg .message-close, .prod-card-group .prod-msg .message-close, .prod-table-list .prod-msg .message-close {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%)
}

.collection-group .prod-msg .message-close a, .prod-card-group .prod-msg .message-close a, .prod-table-list .prod-msg .message-close a {
    display: block;
    text-decoration: none
}

.collection-group .prod-msg .message-close a:hover:before, .prod-card-group .prod-msg .message-close a:hover:before, .prod-table-list .prod-msg .message-close a:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.collection-group .prod-msg .message-close a:before, .prod-card-group .prod-msg .message-close a:before, .prod-table-list .prod-msg .message-close a:before {
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .collection-group .prod-msg .message-close a:before, .no-svg .prod-card-group .prod-msg .message-close a:before, .no-svg .prod-table-list .prod-msg .message-close a:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.catalog-page .collection-group, .catalog-page .prod-card-group, .catalog-page .prod-table-list {
    margin-top: 15px;
    margin-bottom: 40px
}

.catalog-page .collection-group .prod-card-list, .catalog-page .prod-card-group .prod-card-list, .catalog-page .prod-table-list .prod-card-list {
    margin: 0
}

.catalog-page .collection-group .section-head .manufacturer, .catalog-page .prod-card-group .section-head .manufacturer, .catalog-page .prod-table-list .section-head .manufacturer {
    float: right;
    width: 120px;
    margin-left: 50px
}

.pager:after, .pager:before {
    display: table;
    content: ' '
}

.pager:after {
    clear: both
}

.g-wrap .pager {
    margin: 0 0 50px
}

.pager li {
    display: inline-block
}

.pager li > a, .pager li > span {
    position: relative;
    display: inline-block;
    padding: 5px 14px;
    transition: none;
    text-decoration: none;
    color: #666;
    border: 1px solid transparent;
    border-radius: 15px;
    background-color: transparent
}

.pager li > a:focus, .pager li > a:hover {
    color: #5cd3cf;
    background-color: transparent
}

.pager .next > a, .pager .next > span {
    float: right;
    padding-right: 35px
}

.pager .next > a:before, .pager .next > span:before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 2.6em;
    height: .903em;
    margin-top: -4px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -554.9em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .pager .next > a:before, .no-svg .pager .next > span:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.pager .next > a:hover:before {
    width: 2.6em;
    height: .903em;
    background-position: -.2em -556.3em
}

.pager .next.disabled > a:before, .pager .next.disabled > a:hover:before {
    width: 2.6em;
    height: .903em;
    background-position: -.2em -554.9em
}

.pager .prev > a, .pager .prev > span {
    float: left;
    padding-left: 35px
}

.pager .prev > a:before, .pager .prev > span:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 2.597em;
    height: .9em;
    margin-top: -4px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -559.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .pager .prev > a:before, .no-svg .pager .prev > span:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.pager .prev > a:hover:before {
    width: 2.597em;
    height: .9em;
    background-position: -.2em -560.4em
}

.pager .prev.disabled > a:before, .pager .prev.disabled > a:hover:before {
    width: 2.597em;
    height: .9em;
    background-position: -.2em -559.1em
}

.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    opacity: .3;
    cursor: not-allowed;
    color: #666;
    background-color: transparent
}

.news-card-list {
    margin-right: -15px;
    margin-bottom: 50px;
    margin-left: -15px
}

.news-card-wrapper {
    float: left;
    width: 20%;
    height: 430px;
    padding: 15px
}

.news-card {
    position: relative;
    height: 400px;
    transition: all .2s ease;
    border: 1px solid #e7e7e7;
    background: #fff
}

.news-card.video .pic-link.hover:before, .news-card.video .pic-link:hover:before {
    opacity: 1;
    transform: scale(1)
}

.news-card .news-wrap {
    position: relative;
    height: 400px
}

.news-card .pic-link {
    position: relative;
    display: block;
    overflow: hidden;
    height: 200px;
    text-decoration: none
}

.news-card .pic-link img {
    position: relative
}

.news-card .pic-link:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: block;
    opacity: 0;
    margin-top: -18px;
    margin-left: -17px;
    content: '';
    transition: opacity .3s ease, transform .3s ease;
    transform: scale(1.5);
    border: 18px solid transparent;
    border-right: none;
    border-left: 34px solid #fff
}

.news-card .pic-link.hover::after, .news-card .pic-link:hover::after {
    opacity: .4
}

.news-card .pic-link:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: .2s ease opacity;
    background: #333
}

.news-card .pic-link img {
    z-index: 1;
    display: block;
    opacity: 1;
    width: 102%;
    height: 102%;
    transition: opacity .3s ease;
    object-fit: cover;
    will-change: opacity
}

.news-card .text {
    padding: 25px 25px 20px
}

.news-card .ttl {
    margin-bottom: 15px;
    line-height: 1
}

.news-card .ttl a {
    display: inline-block;
    overflow: hidden;
    min-height: 7em;
    max-height: 7em;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4
}

.news-card .ttl a.hover, .news-card .ttl a:hover {
    color: #5cd3cf
}

.news-card .date {
    float: left;
    color: #999;
    font-size: 14px
}

.news-card .news-comments {
    float: right;
    color: #999;
    font-size: 14px
}

.news-card .news-comments:before {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 2.2em;
    height: 1.903em;
    margin-right: 5px;
    content: ' ';
    vertical-align: top;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -394.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .news-card .news-comments:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.news-card .news-comments span {
    display: inline-block;
    vertical-align: top
}

.accordion {
    margin-bottom: 60px
}

.accordion .panel {
    border-top: 1px solid #e7e7e7
}

.accordion .panel:last-child {
    border-bottom: 1px solid #e7e7e7
}

.accordion .acc-heading {
    padding: 32px 0 26px
}

.accordion .acc-body {
    padding-bottom: 22px;
    padding-left: 50px
}

.accordion .acc-link {
    position: relative;
    display: block;
    margin: 0;
    padding-left: 50px;
    transition: none;
    text-decoration: none;
    color: #333;
    line-height: 1.2
}

.accordion .acc-link .title {
    margin: 0;
    transition: color .2s ease;
    color: #333
}

.accordion .acc-link:hover .title {
    color: #5cd3cf
}

.accordion .acc-link:hover .icon {
    border-color: #5cd3cf
}

.accordion .acc-link:hover .icon:after, .accordion .acc-link:hover .icon:before {
    background: #5cd3cf
}

.accordion .acc-link.collapsed .icon:after {
    transform: rotate(0)
}

.accordion .acc-link .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    margin-top: -3px;
    transition: border-color .2s ease;
    transform: translateY(-50%);
    border: 1px solid #a1a1a1
}

.accordion .acc-link .icon:after, .accordion .acc-link .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    transition: transform .3s ease, background .2s ease;
    background: #b7b7b7
}

.accordion .acc-link .icon:before {
    width: 14px;
    height: 2px;
    margin-top: -1px;
    margin-left: -7px
}

.accordion .acc-link .icon:after {
    width: 2px;
    height: 14px;
    margin-top: -7px;
    margin-left: -1px;
    transform: rotate(90deg)
}

.accordion .acc-preview {
    margin-top: 26px;
    padding-left: 50px
}

.accordion .acc-ttl {
    position: relative;
    overflow: hidden;
    margin: 34px 0 20px;
    padding-right: 100px;
    line-height: 1.4
}

.accordion .acc-ttl:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -2px;
    content: '';
    background: #e7e7e7
}

.accordion .acc-ttl .ttl-txt {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-right: 40px;
    background: #fff;
    line-height: 1.4
}

.accordion.product-acc {
    margin-bottom: 0;
    border: none
}

.accordion.product-acc .panel:last-child {
    border-bottom: none
}

.accordion.product-acc .acc-heading {
    padding: 28px 0 22px
}

.accordion.product-acc .acc-body {
    padding-top: 10px;
    padding-left: 0
}

.accordion.product-acc .acc-link .title {
    color: #666;
    font-size: 14px;
    line-height: 1.2
}

.accordion.product-acc .acc-link .icon {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    border: none
}

.accordion.product-acc .acc-link .icon:after, .accordion.product-acc .acc-link .icon:before {
    background: #444
}

.accordion.product-acc .acc-link .count {
    margin-left: 8px;
    color: #5cd3cf
}

.accordion.product-acc #product-accordion-panel-7 .tags {
    position: relative;
    overflow: hidden;
    max-height: 68px;
    transition: height .3s;
    border: 1px solid transparent
}

.accordion.product-acc #product-accordion-panel-7 .tags.active {
    overflow: visible;
    max-height: 100%
}

.accordion.product-acc #product-accordion-panel-7 .tags .nav-tabs {
    padding-right: 50px
}

.tags-more {
    position: absolute;
    right: 3px;
    bottom: 6px;
    padding: 2px 17px 2px 4px;
    cursor: pointer;
    font-size: 14px
}

.tags-more:before {
    position: absolute;
    right: 0;
    bottom: 4px;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    transition: background .3s;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 15 15\'%3E%3Cdefs/%3E%3Cpath fill=\'%23000\' fill-rule=\'evenodd\' d=\'M7.5 11.1L1 4.6c.8-.8 2.2-.8 3 0l3.5 3.5 3.4-3.5c.9-.8 2.3-.8 3.1 0l-6.5 6.5z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain
}

.tags-more:hover:before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 15 15\'%3E%3Cdefs/%3E%3Cpath fill=\'%23458381\' fill-rule=\'evenodd\' d=\'M7.5 11.1L1 4.6c.8-.8 2.2-.8 3 0l3.5 3.5 3.4-3.5c.9-.8 2.3-.8 3.1 0l-6.5 6.5z\' clip-rule=\'evenodd\'/%3E%3C/svg%3E')
}

.tags-more.active:before {
    transform: rotate(180deg)
}

.nav {
    margin: 35px 0 0;
    padding-left: 0;
    list-style: none
}

.nav:after, .nav:before {
    display: table;
    content: ' '
}

.nav:after {
    clear: both
}

.nav > li {
    position: relative;
    display: block
}

.nav > li .tab-head, .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 19px;
    text-decoration: none;
    color: #5cd3cf
}

.nav > li .tab-head:focus, .nav > li .tab-head:hover, .nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none
}

.nav > li.disabled .tab-head, .nav > li.disabled > a {
    color: #777
}

.nav > li.disabled .tab-head:focus, .nav > li.disabled .tab-head:hover, .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    cursor: not-allowed;
    text-decoration: none;
    color: #777;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    border-color: #5cd3cf;
    background-color: #f0f0f0
}

.nav .nav-divider {
    overflow: hidden;
    height: 1px;
    margin: 10px 0;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: none
}

.nav-tabs > li {
    float: left
}

.g-wrap .nav-tabs > li {
    margin-bottom: -1px
}

.nav-tabs > li .tab-head {
    position: relative;
    cursor: pointer;
    transition: background ease .15s;
    border: none;
    font-size: 18px;
    line-height: 1.5
}

.nav-tabs > li .tab-head > span {
    border-bottom: 1px dashed
}

.nav-tabs > li .tab-head:hover {
    color: #458381
}

.nav-tabs > li .tab-head:hover:after {
    content: none
}

.nav-tabs > li.active .tab-head, .nav-tabs > li.active .tab-head:focus, .nav-tabs > li.active .tab-head:hover {
    cursor: default;
    color: #fff;
    border: none;
    border-bottom-color: transparent;
    background-color: #5cd3cf
}

.nav-tabs > li.active .tab-head:focus > span, .nav-tabs > li.active .tab-head:hover > span, .nav-tabs > li.active .tab-head > span {
    border-bottom: none
}

.nav-tabs > li.active .tab-head:after, .nav-tabs > li.active .tab-head:focus:after, .nav-tabs > li.active .tab-head:hover:after {
    content: none
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 0
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #428bca
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

.nav-justified > li, .nav-tabs.nav-justified > li {
    float: none
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

.tab-content {
    padding: 20px 18px;
    border-top: none
}

.tab-content > .tab-pane {
    display: none;
    visibility: hidden
}

.tab-content > .tab-pane > .h4 {
    margin-top: 0
}

.tab-content > .active {
    display: block;
    visibility: visible
}

.tab-content.no-styles {
    padding: 0;
    border: none;
    border-radius: 0
}

.tabs-acordeon {
    position: relative;
    margin-bottom: 30px;
    border-top: none;
    border-radius: 0
}

.tabs-acordeon .tab-pane {
    position: absolute;
    right: 0;
    left: 0;
    display: none;
    overflow: hidden;
    padding: 0 24px
}

.tabs-acordeon .tab-pane > .h4 {
    margin-top: 0
}

.tabs-acordeon .active {
    display: block
}

.tabs-acordeon.no-styles {
    padding: 0;
    border: none;
    border-radius: 0
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.g-wrap table {
    overflow: visible;
    width: 100%;
    max-width: 100%;
    background-color: transparent
}

.g-wrap table + .table-caption {
    color: #656d78;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 1.66667
}

.g-content .g-wrap table + .table-caption {
    margin: -19px 0 50px
}

.g-wrap table th {
    padding: 9px 11px 12px;
    text-align: left;
    color: #333;
    background: #f4f6f9;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.26667
}

.g-wrap table tbody tr {
    border-bottom: 1px solid #e7e7e7;
    font-size: 13px;
    line-height: 1.38462
}

.g-wrap table tbody tr:hover {
    transition: all .15s;
    background: #f4f6f9
}

.g-wrap table td {
    padding: 25px 11px 33px;
    vertical-align: top
}

.g-wrap table.no-border:not(.table-reset) tbody tr {
    border-bottom: none
}

.g-wrap table.no-hover:not(.table-reset) tbody tr:hover {
    background: 0 0
}

.g-wrap table.table-numb thead {
    border-bottom: 2px solid #e7e7e7
}

.g-wrap table.table-numb th {
    padding: 5px 11px 8px;
    background: 0 0
}

.g-wrap table.table-numb .cost {
    padding-bottom: 9px;
    text-align: right
}

.g-wrap table.table-numb .quant th {
    min-width: 110px;
    padding-top: 0;
    text-align: right
}

.g-wrap table.table-numb td {
    padding: 9px 11px 11px
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 22px
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
    line-height: 1.5
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f4f6f9
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f4f6f9
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e4e9f0
}

.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

.thumb-placeholder {
    opacity: .9;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fdfdfd
}

.thumb-placeholder_pos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.thumb-placeholder .play-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -6px;
    content: '';
    border-width: 11px 0 11px 18px;
    border-style: solid;
    border-color: transparent #353535
}

.thumb-placeholder__text {
    text-align: center;
    color: #5cd3cf;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    line-height: 45px
}

.prod-popup .modal-dialog {
    width: 1440px
}

.prod-popup .modal-content {
    padding: 0 20px 20px
}

.prod-popup__head {
    padding: 0
}

.prod-popup .show {
    display: block
}

.popup-head {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 30px;
    border-bottom: 1px solid #ccc
}

.popup-head .popup__head_right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end
}

.popup-head .popup__head_item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 51px;
    margin-top: 10px;
    margin-bottom: 10px
}

.popup-head .popup__head_item:not(:last-child) {
    margin-right: 20px
}

.popup-head__ttl {
    display: flex;
    align-items: center;
    flex-grow: 2;
    justify-content: flex-start !important;
    margin: 0
}

.popup-head__ttl_pos {
    max-width: 600px;
    margin-top: 0;
    margin-bottom: 0
}

.popup-head__instock {
    text-transform: uppercase;
    color: #458381;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.popup-head__bonus {
    position: relative;
    margin-left: 30px;
    text-transform: uppercase;
    color: #74368f;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.popup-head__ic-bonus:before {
    position: relative;
    top: 0;
    left: 0
}

.popup-head .close {
    position: absolute;
    top: 0 !important;
    right: 0 !important
}

.popup-head__thumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 100%;
    margin-right: 10px
}

.popup-head__img {
    width: 100%
}

.popup-head .popup-head__btn {
    align-self: stretch;
    height: auto;
    padding-right: 25px;
    padding-left: 25px
}

.popup-head__elems-wrap {
    display: flex;
    align-items: center
}

.popup-head__count-control {
    margin-right: 20px
}

.popup-head__count-control .count-control__input, .popup-head__count-control .count-control__minus, .popup-head__count-control .count-control__plus {
    align-self: stretch;
    width: 45px;
    height: 45px;
    line-height: 45px
}

.popup-head__count-control .count-control__minus {
    line-height: 40px
}

.popup-head__count-control .count-control__input {
    width: 50px
}

.popup-body {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center
}

.popup-body__content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    width: 25%
}

.popup-body__ttl {
    flex: 1 1 100%
}

.popup-body__foto {
    position: relative;
    width: 75%;
    padding: 20px 0
}

.popup-body__player {
    height: 420px
}

.popup-body__img {
    display: none !important;
    max-width: 50% !important;
    max-height: 600px;
    margin: 0 auto
}

.popup-body__img.active {
    display: block !important
}

.prod-params {
    margin: 0 !important;
    padding: 0 !important
}

.prod-params_pos {
    margin-top: 40px !important;
    margin-left: 20px !important
}

.prod-params__li {
    margin-bottom: 7px !important;
    font-family: OpenSans-Light, Helvetica, Arial, sans-serif;
    font-size: 13px
}

.prod-params__li:before {
    content: none !important
}

.prod-params__txt {
    font-weight: 600
}

.micro-gallery {
    display: flex;
    flex-flow: row wrap
}

.micro-gallery_pos {
    margin-top: 40px;
    margin-left: 20px
}

.micro-gallery__thumb {
    position: relative;
    width: 75px;
    height: 75px;
    margin-right: 2px !important;
    margin-bottom: 2px !important;
    border: 1px solid #eaeaea
}

.micro-gallery__thumb:hover {
    border-color: #5cd3cf
}

.micro-gallery__thumb.active {
    border-color: #5cd3cf
}

.micro-gallery__img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 88%;
    transform: translate(-50%, -50%)
}

.modal-pass .modal-body {
    padding: 35px 40px 50px
}

.modal-pass .title {
    text-align: center
}

.modal-pass .btn-wrap {
    text-align: center
}

.modal-pass .button-submit {
    padding-right: 40px;
    padding-left: 40px;
    text-transform: uppercase;
    border-radius: 3px
}

.modal-pass .form-change input[type=email] {
    text-align: center
}

.modal-pass .form-change .submit-wrap {
    padding-top: 30px
}

.furn-cat-list {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px
}

.furn-tile {
    position: relative;
    display: flex;
    width: 363px;
    width: 33.33%;
    height: 300px;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px
}

.furn-tile__ttl {
    position: relative;
    z-index: 20;
    display: block;
    margin-top: 30px;
    margin-right: 70px;
    margin-left: 30px;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-size: 22px;
    line-height: 1.2
}

.furn-tile__ttl:hover {
    transition: all .15s ease;
    text-decoration: none;
    color: #5cd3cf
}

.furn-tile-i {
    position: relative;
    width: 100%;
    border: 1px solid #e7e7e7;
    background: url(/local/templates/html/images/tmp/bg-poly.svg);
    background-repeat: no-repeat;
    background-position: top right
}

.furn-tile-i:after {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    content: '';
    background: linear-gradient(to bottom right, #fff 35%, rgba(255, 255, 255, .6) 70%, rgba(255, 255, 255, .2));
    background: linear-gradient(135deg, #fff 25%, rgba(255, 255, 255, .43) 80%, rgba(255, 255, 255, .7) 100%)
}

.prod-price-drop {
    padding-bottom: 5px
}

.prod-price-drop-i {
    position: relative;
    color: #333;
    border: 1px solid #e7e7e7;
    background: #fafafa;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .1)
}

.prod-price-drop-i:before {
    position: absolute;
    bottom: 0;
    left: 25px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translateY(50%) rotate(45deg);
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #f7fbfe
}

.prod-price-drop_mb {
    margin-bottom: 50px
}

.prod-price-drop__text {
    text-decoration: none
}

.prod-price-drop__text:hover {
    text-decoration: none
}

.prod-price-drop__head {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #e7e7e7
}

.prod-price-drop__body {
    padding: 10px 15px 20px
}

.prod-price-drop__description {
    margin-top: 8px;
    font-size: 14px
}

.prod-price-drop__line {
    overflow: hidden;
    max-height: 1.2em;
    white-space: nowrap;
    letter-spacing: .4px;
    text-overflow: ellipsis;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    line-height: 1.2
}

.prod-price-drop__line + .prod-price-drop__line {
    margin-top: 10px
}

.prod-price-drop__offer {
    display: flex;
    line-height: 1.2
}

.prod-price-drop__icon-bonus:before, .prod-price-drop__icon-dot:before {
    display: block
}

.prod-price-drop__icon-dot {
    margin-top: 3px;
    margin-right: 8px
}

.prod-price-drop__icon-dot:before {
    width: .9em;
    height: .9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg);
    background-repeat: no-repeat;
    background-position: -.2em -237.6em;
    background-size: 5.7em 521em;
    font-size: 10px
}

.prod-price-drop__icon-bonus {
    margin-right: 8px
}

.prod-price-drop__icon-bonus:before {
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg);
    background-repeat: no-repeat;
    background-position: -.2em -231.2em;
    background-size: 5.7em 521em;
    font-size: 10px
}

.prod-price-drop__offer-ttl {
    margin-bottom: 2px;
    color: #564394;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.prod-price-drop__offer-txt {
    white-space: initial;
    color: #333;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px
}

.prod-price-drop_left {
    left: -15px
}

.prod-price-drop_card {
    position: absolute;
    z-index: 10;
    right: -10px;
    bottom: 100%;
    left: -10px;
    display: none
}

.ie .main-slider .bg {
    background-position-x: 270px
}

.main-slider {
    margin-top: 15px;
    margin-bottom: 0
}

.main-slider__wrap {
    display: flex;
    flex-flow: wrap;
    margin: 0 -15px
}

.main-slider__onepic {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%
}

.main-slider__onepic img {
    position: static;
    top: auto;
    left: auto;
    max-width: 100% !important;
    min-height: initial !important;
    transform: none
}

.main-slider .col_1, .main-slider .col_2, .main-slider .col_3 {
    position: relative
}

.main-slider .col_1 {
    width: calc(66.6666% - 15px);
    padding-right: 0;
    padding-left: 15px
}

.main-slider .col_2 {
    width: calc(33.3333% + 15px);
    padding-right: 15px;
    padding-left: 0
}

.main-slider .col_3 {
    display: flex;
    width: 19%;
    padding-right: 7.5px;
    padding-left: 15px
}

.main-slider .cart-item {
    position: relative;
    height: 448px;
    padding: 20px 0
}

.main-slider .cart-item .timer-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 6px;
    text-align: center;
    letter-spacing: .5px;
    color: #000;
    font-size: 12px
}

.main-slider .wrap {
    position: relative;
    padding: 0 0 10px
}

.main-slider .wrap.not-init .slider-wrap {
    overflow: hidden
}

.main-slider .wrap.poly-no .bg {
    opacity: 0
}

.main-slider .slider-wrap {
    position: relative;
    z-index: 1;
    box-sizing: content-box;
    min-height: 349px;
    transition: background .3s ease;
    background-color: #fff
}

.right-items {
    background: #5c6a83 url(../../images/icons/i-bg.svg) 100% 50% no-repeat;
    background-size: contain
}

.right-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 200px;
    transition: color ease .4s;
    text-decoration: none;
    color: #fff
}

.right-item:first-child::after {
    position: absolute;
    right: 50px;
    bottom: 0;
    left: 50px;
    height: 1px;
    content: '';
    background: rgba(255, 255, 255, .35)
}

.right-item:focus, .right-item:hover {
    transition: color ease .4s;
    text-decoration: none;
    color: #5cd3cf
}

.right-item__img {
    position: relative;
    flex: 0 0 200px;
    max-width: 200px;
    padding: 0 0 0 20px
}

.right-item__img > img {
    max-width: 100%
}

.right-item__img .badge {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%
}

.right-item__img .badge--gift {
    background: #5cd3cf
}

.right-item__img .badge--discount {
    background: #ff6262
}

.right-item__img .badge svg {
    fill: #fff
}

.right-item__text {
    flex: 0 0 calc(100% - 200px);
    max-width: calc(100% - 200px);
    padding: 20px 60px 20px 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33
}

@media (max-width: 1599px) {
    .right-item {
        min-height: 160px
    }

    .right-item__img {
        flex: 0 0 160px;
        max-width: 160px
    }

    .right-item__text {
        flex: 0 0 calc(100% - 160px);
        max-width: calc(100% - 160px);
        padding: 20px 40px 20px 10px
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .main-slider.main-slider .slide, .main-slider.main-slider .slider-wrap {
        min-height: 215px
    }
}

@media (max-width: 1024px) {
    .main-slider.main-slider .slide, .main-slider.main-slider .slider-wrap {
        min-height: 540px
    }
}

@media (max-width: 1023px) {
    .main-slider.main-slider .slide, .main-slider.main-slider .slider-wrap {
        min-height: 100px
    }

    .main-slider {
        margin-top: 120px;
    }

    .banner__header {
        height: 64px;
        align-items: center;
        position: fixed;
        z-index: 1010;
        top: 0;
    }

    .banner__header .banner__header-img--mobile {
        display: flex;
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: absolute;
    }

    .banner__header .banner__header-title {
        display: none;
    }

    .banner__header .banner__header-img {
        display: none;
    }

    .banner__header .banner__header-title, .banner__header-text {
        position: relative;
        z-index: 1;
    }

    .banner__header .banner__header-text {
        margin: 0 auto;
        max-width: 245px;
        font-weight: 600;
        font-size: 10px;
        line-height: 14px;
        text-align: center;
        text-transform: uppercase;
    }

    .banner__header .banner__header-text-tag {
        background: #FFF;
        padding: 2px 6px;
        border-radius: 41px;
        text-style: lowercase;
    }

}

@media (max-width: 750px) {
    .right-item__img {
        flex: 0 0 120px;
        max-width: 120px
    }

    .right-item__img .badge {
        width: 44px;
        height: 44px
    }

    .right-item__img .badge svg {
        width: 20px;
        height: 20px
    }

    .right-item__text {
        flex: 0 0 calc(100% - 120px);
        max-width: calc(100% - 120px);
        font-size: 14px
    }
}

.main-slider .wrap-shares {
    padding: 20px 0
}

.main-slider .promo-menu {
    padding: 20px 0
}

.main-slider .shares-list {
    margin: 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.main-slider .s-item {
    display: block;
    height: 136px;
    padding: 0 10px;
    text-decoration: none
}

.main-slider .s-item:hover .s-text {
    color: #5cd3cf
}

.main-slider .s-item + .s-item {
    border-top: 1px solid #e7e7e7
}

.main-slider .s-pic {
    position: relative;
    top: 50%;
    float: left;
    overflow: hidden;
    width: 80px;
    height: 100px;
    margin-right: 10px;
    transform: translateY(-50%);
    text-align: center;
    vertical-align: middle;
    line-height: 100px
}

.main-slider .s-pic img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    vertical-align: middle
}

.main-slider .s-text {
    position: relative;
    top: 50%;
    overflow: hidden;
    max-height: 6.5em;
    transform: translateY(-50%);
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3
}

.main-slider .wrap.theme-1 .slider-wrap {
    background-color: #ec4a81
}

.main-slider .wrap.theme-1 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #ec4a81 1%, #ec4a81 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-1 .title {
    color: #fff
}

.main-slider .wrap.theme-1 .title > a {
    color: #fff
}

.main-slider .wrap.theme-1 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-1 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-1 .btn-wrap input[type=submit], .main-slider .wrap.theme-1 .btn-wrap .btn, .main-slider .wrap.theme-1 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-1 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-1 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-1 .btn-wrap .btn:focus, .main-slider .wrap.theme-1 .btn-wrap .btn:hover, .main-slider .wrap.theme-1 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-1 .btn-wrap .container-form input:hover[type=submit] {
    color: #ec4a81;
    background: #fff
}

.container-form .main-slider .wrap.theme-1 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-1 .btn-wrap .btn:active, .main-slider .wrap.theme-1 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-1 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-1 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-1 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-1 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-1 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-1 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-2 .slider-wrap {
    background-color: #458381
}

.main-slider .wrap.theme-2 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #458381 1%, #458381 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-2 .title {
    color: #fff
}

.main-slider .wrap.theme-2 .title > a {
    color: #fff
}

.main-slider .wrap.theme-2 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-2 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-2 .btn-wrap input[type=submit], .main-slider .wrap.theme-2 .btn-wrap .btn, .main-slider .wrap.theme-2 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-2 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-2 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-2 .btn-wrap .btn:focus, .main-slider .wrap.theme-2 .btn-wrap .btn:hover, .main-slider .wrap.theme-2 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-2 .btn-wrap .container-form input:hover[type=submit] {
    color: #458381;
    background: #fff
}

.container-form .main-slider .wrap.theme-2 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-2 .btn-wrap .btn:active, .main-slider .wrap.theme-2 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-2 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-2 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-2 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-2 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-2 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-2 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-3 .slider-wrap {
    background-color: #74368f
}

.main-slider .wrap.theme-3 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #74368f 1%, #74368f 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-3 .title {
    color: #fff
}

.main-slider .wrap.theme-3 .title > a {
    color: #fff
}

.main-slider .wrap.theme-3 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-3 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-3 .btn-wrap input[type=submit], .main-slider .wrap.theme-3 .btn-wrap .btn, .main-slider .wrap.theme-3 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-3 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-3 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-3 .btn-wrap .btn:focus, .main-slider .wrap.theme-3 .btn-wrap .btn:hover, .main-slider .wrap.theme-3 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-3 .btn-wrap .container-form input:hover[type=submit] {
    color: #74368f;
    background: #fff
}

.container-form .main-slider .wrap.theme-3 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-3 .btn-wrap .btn:active, .main-slider .wrap.theme-3 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-3 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-3 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-3 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-3 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-3 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-3 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-4 .slider-wrap {
    background-color: #009688
}

.main-slider .wrap.theme-4 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #009688 1%, #009688 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-4 .title {
    color: #fff
}

.main-slider .wrap.theme-4 .title > a {
    color: #fff
}

.main-slider .wrap.theme-4 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-4 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-4 .btn-wrap input[type=submit], .main-slider .wrap.theme-4 .btn-wrap .btn, .main-slider .wrap.theme-4 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-4 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-4 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-4 .btn-wrap .btn:focus, .main-slider .wrap.theme-4 .btn-wrap .btn:hover, .main-slider .wrap.theme-4 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-4 .btn-wrap .container-form input:hover[type=submit] {
    color: #009688;
    background: #fff
}

.container-form .main-slider .wrap.theme-4 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-4 .btn-wrap .btn:active, .main-slider .wrap.theme-4 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-4 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-4 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-4 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-4 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-4 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-4 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-5 .slider-wrap {
    background-color: #6cf
}

.main-slider .wrap.theme-5 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #6cf 1%, #6cf 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-5 .title {
    color: #fff
}

.main-slider .wrap.theme-5 .title > a {
    color: #fff
}

.main-slider .wrap.theme-5 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-5 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-5 .btn-wrap input[type=submit], .main-slider .wrap.theme-5 .btn-wrap .btn, .main-slider .wrap.theme-5 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-5 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-5 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-5 .btn-wrap .btn:focus, .main-slider .wrap.theme-5 .btn-wrap .btn:hover, .main-slider .wrap.theme-5 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-5 .btn-wrap .container-form input:hover[type=submit] {
    color: #6cf;
    background: #fff
}

.container-form .main-slider .wrap.theme-5 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-5 .btn-wrap .btn:active, .main-slider .wrap.theme-5 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-5 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-5 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-5 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-5 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-5 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-5 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-6 .slider-wrap {
    background-color: #0684bf
}

.main-slider .wrap.theme-6 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #0684bf 1%, #0684bf 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-6 .title {
    color: #fff
}

.main-slider .wrap.theme-6 .title > a {
    color: #fff
}

.main-slider .wrap.theme-6 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-6 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-6 .btn-wrap input[type=submit], .main-slider .wrap.theme-6 .btn-wrap .btn, .main-slider .wrap.theme-6 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-6 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-6 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-6 .btn-wrap .btn:focus, .main-slider .wrap.theme-6 .btn-wrap .btn:hover, .main-slider .wrap.theme-6 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-6 .btn-wrap .container-form input:hover[type=submit] {
    color: #0684bf;
    background: #fff
}

.container-form .main-slider .wrap.theme-6 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-6 .btn-wrap .btn:active, .main-slider .wrap.theme-6 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-6 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-6 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-6 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-6 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-6 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-6 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-7 .slider-wrap {
    background-color: #ff4848
}

.main-slider .wrap.theme-7 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #ff4848 1%, #ff4848 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-7 .title {
    color: #fff
}

.main-slider .wrap.theme-7 .title > a {
    color: #fff
}

.main-slider .wrap.theme-7 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-7 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-7 .btn-wrap input[type=submit], .main-slider .wrap.theme-7 .btn-wrap .btn, .main-slider .wrap.theme-7 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-7 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-7 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-7 .btn-wrap .btn:focus, .main-slider .wrap.theme-7 .btn-wrap .btn:hover, .main-slider .wrap.theme-7 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-7 .btn-wrap .container-form input:hover[type=submit] {
    color: #ff4848;
    background: #fff
}

.container-form .main-slider .wrap.theme-7 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-7 .btn-wrap .btn:active, .main-slider .wrap.theme-7 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-7 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-7 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-7 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-7 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-7 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-7 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-8 .slider-wrap {
    background-color: #b580cc
}

.main-slider .wrap.theme-8 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #b580cc 1%, #b580cc 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-8 .title {
    color: #fff
}

.main-slider .wrap.theme-8 .title > a {
    color: #fff
}

.main-slider .wrap.theme-8 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-8 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-8 .btn-wrap input[type=submit], .main-slider .wrap.theme-8 .btn-wrap .btn, .main-slider .wrap.theme-8 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-8 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-8 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-8 .btn-wrap .btn:focus, .main-slider .wrap.theme-8 .btn-wrap .btn:hover, .main-slider .wrap.theme-8 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-8 .btn-wrap .container-form input:hover[type=submit] {
    color: #b580cc;
    background: #fff
}

.container-form .main-slider .wrap.theme-8 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-8 .btn-wrap .btn:active, .main-slider .wrap.theme-8 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-8 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-8 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-8 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-8 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-8 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-8 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-9 .slider-wrap {
    background-color: #85ed86
}

.main-slider .wrap.theme-9 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #85ed86 1%, #85ed86 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-9 .title {
    color: #fff
}

.main-slider .wrap.theme-9 .title > a {
    color: #fff
}

.main-slider .wrap.theme-9 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-9 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-9 .btn-wrap input[type=submit], .main-slider .wrap.theme-9 .btn-wrap .btn, .main-slider .wrap.theme-9 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-9 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-9 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-9 .btn-wrap .btn:focus, .main-slider .wrap.theme-9 .btn-wrap .btn:hover, .main-slider .wrap.theme-9 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-9 .btn-wrap .container-form input:hover[type=submit] {
    color: #85ed86;
    background: #fff
}

.container-form .main-slider .wrap.theme-9 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-9 .btn-wrap .btn:active, .main-slider .wrap.theme-9 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-9 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-9 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-9 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-9 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-9 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-9 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-10 .slider-wrap {
    background-color: #f4bf31
}

.main-slider .wrap.theme-10 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #f4bf31 1%, #f4bf31 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-10 .title {
    color: #74368f
}

.main-slider .wrap.theme-10 .title > a {
    color: #74368f
}

.main-slider .wrap.theme-10 .title > a:hover {
    opacity: .7;
    color: #74368f
}

.main-slider .wrap.theme-10 .text {
    color: #74368f
}

.container-form .main-slider .wrap.theme-10 .btn-wrap input[type=submit], .main-slider .wrap.theme-10 .btn-wrap .btn, .main-slider .wrap.theme-10 .btn-wrap .container-form input[type=submit] {
    color: #74368f;
    border-color: #74368f;
    background: 0 0
}

.container-form .main-slider .wrap.theme-10 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-10 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-10 .btn-wrap .btn:focus, .main-slider .wrap.theme-10 .btn-wrap .btn:hover, .main-slider .wrap.theme-10 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-10 .btn-wrap .container-form input:hover[type=submit] {
    color: #f4bf31;
    background: #74368f
}

.container-form .main-slider .wrap.theme-10 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-10 .btn-wrap .btn:active, .main-slider .wrap.theme-10 .btn-wrap .container-form input:active[type=submit] {
    border-color: #74368f;
    background: #74368f
}

.main-slider .wrap.theme-10 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-10 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-10 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-10 .sl-pagination a.selected {
    opacity: 1;
    color: #74368f
}

.main-slider .wrap.theme-10 .sl-pagination a.selected:before {
    background: #74368f
}

.main-slider .wrap.theme-10 .sl-pagination a.selected:hover {
    color: #74368f
}

.main-slider .wrap.theme-11 .slider-wrap {
    background-color: #dfb1db
}

.main-slider .wrap.theme-11 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #dfb1db 1%, #dfb1db 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-11 .title {
    color: #b65dae
}

.main-slider .wrap.theme-11 .title > a {
    color: #b65dae
}

.main-slider .wrap.theme-11 .title > a:hover {
    opacity: .7;
    color: #b65dae
}

.main-slider .wrap.theme-11 .text {
    color: #b65dae
}

.container-form .main-slider .wrap.theme-11 .btn-wrap input[type=submit], .main-slider .wrap.theme-11 .btn-wrap .btn, .main-slider .wrap.theme-11 .btn-wrap .container-form input[type=submit] {
    color: #b65dae;
    border-color: #b65dae;
    background: 0 0
}

.container-form .main-slider .wrap.theme-11 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-11 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-11 .btn-wrap .btn:focus, .main-slider .wrap.theme-11 .btn-wrap .btn:hover, .main-slider .wrap.theme-11 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-11 .btn-wrap .container-form input:hover[type=submit] {
    color: #dfb1db;
    background: #b65dae
}

.container-form .main-slider .wrap.theme-11 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-11 .btn-wrap .btn:active, .main-slider .wrap.theme-11 .btn-wrap .container-form input:active[type=submit] {
    border-color: #b65dae;
    background: #b65dae
}

.main-slider .wrap.theme-11 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-11 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-11 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-11 .sl-pagination a.selected {
    opacity: 1;
    color: #b65dae
}

.main-slider .wrap.theme-11 .sl-pagination a.selected:before {
    background: #b65dae
}

.main-slider .wrap.theme-11 .sl-pagination a.selected:hover {
    color: #b65dae
}

.main-slider .wrap.theme-12 .slider-wrap {
    background-color: #ff7ef4
}

.main-slider .wrap.theme-12 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #ff7ef4 1%, #ff7ef4 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-12 .title {
    color: #fff
}

.main-slider .wrap.theme-12 .title > a {
    color: #fff
}

.main-slider .wrap.theme-12 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-12 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-12 .btn-wrap input[type=submit], .main-slider .wrap.theme-12 .btn-wrap .btn, .main-slider .wrap.theme-12 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-12 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-12 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-12 .btn-wrap .btn:focus, .main-slider .wrap.theme-12 .btn-wrap .btn:hover, .main-slider .wrap.theme-12 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-12 .btn-wrap .container-form input:hover[type=submit] {
    color: #ff7ef4;
    background: #fff
}

.container-form .main-slider .wrap.theme-12 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-12 .btn-wrap .btn:active, .main-slider .wrap.theme-12 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-12 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-12 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-12 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-12 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-12 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-12 .sl-pagination a.selected:hover {
    color: #fff
}

.main-slider .wrap.theme-13 .slider-wrap {
    background-color: #009688
}

.main-slider .wrap.theme-13 .slider-wrap .bg:before {
    background: linear-gradient(135deg, #009688 1%, #009688 50%, rgba(255, 255, 255, 0) 100%)
}

.main-slider .wrap.theme-13 .title {
    color: #fff
}

.main-slider .wrap.theme-13 .title > a {
    color: #fff
}

.main-slider .wrap.theme-13 .title > a:hover {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-13 .text {
    color: #fff
}

.container-form .main-slider .wrap.theme-13 .btn-wrap input[type=submit], .main-slider .wrap.theme-13 .btn-wrap .btn, .main-slider .wrap.theme-13 .btn-wrap .container-form input[type=submit] {
    color: #fff;
    border-color: #fff;
    background: 0 0
}

.container-form .main-slider .wrap.theme-13 .btn-wrap input:focus[type=submit], .container-form .main-slider .wrap.theme-13 .btn-wrap input:hover[type=submit], .main-slider .wrap.theme-13 .btn-wrap .btn:focus, .main-slider .wrap.theme-13 .btn-wrap .btn:hover, .main-slider .wrap.theme-13 .btn-wrap .container-form input:focus[type=submit], .main-slider .wrap.theme-13 .btn-wrap .container-form input:hover[type=submit] {
    color: #009688;
    background: #fff
}

.container-form .main-slider .wrap.theme-13 .btn-wrap input:active[type=submit], .main-slider .wrap.theme-13 .btn-wrap .btn:active, .main-slider .wrap.theme-13 .btn-wrap .container-form input:active[type=submit] {
    border-color: #fff;
    background: #fff
}

.main-slider .wrap.theme-13 .sl-pagination a {
    opacity: .7;
    color: #fff
}

.main-slider .wrap.theme-13 .sl-pagination a:before {
    background: 0 0
}

.main-slider .wrap.theme-13 .sl-pagination a:hover {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-13 .sl-pagination a.selected {
    opacity: 1;
    color: #fff
}

.main-slider .wrap.theme-13 .sl-pagination a.selected:before {
    background: #fff
}

.main-slider .wrap.theme-13 .sl-pagination a.selected:hover {
    color: #fff
}

.promo-menu {
    display: flex;
    width: 100%
}

.promo-menu-nav {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: 100%
}

.promo-menu__link {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    margin: 5px 0;
    padding-left: 82px;
    transition: none;
    text-decoration: none;
    text-transform: uppercase;
    color: inherit;
    border: 1px solid #e7e7e7;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.promo-menu__link:first-child {
    margin-top: 0
}

.promo-menu__link:last-child {
    margin-bottom: 0
}

.promo-menu__link .icon {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(0, -50%)
}

.promo-menu__link .icon:after {
    position: absolute;
    top: 50%;
    left: -50px;
    display: inline-block;
    content: ' ';
    transform: translate(0, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .promo-menu__link .icon:after {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.promo-menu__link .icon.sale:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -563.5em;
    font-size: 8px
}

.promo-menu__link .icon.bonus:after {
    width: 3.3em;
    height: 3.3em;
    height: 3.4em;
    background-position: -.2em -17.7em;
    font-size: 7.5px
}

.promo-menu__link .icon.market:after {
    width: 3.7em;
    height: 3.3em;
    height: 3.4em;
    background-position: -.2em -3.5em;
    font-size: 7.5px
}

.promo-menu__link .icon.new:after {
    width: 3.3em;
    height: 3.3em;
    height: 3.4em;
    background-position: -.2em -535.2em;
    font-size: 8px
}

.promo-menu__link .icon.price:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -524.5em;
    font-size: 8px
}

.promo-menu__link .icon.reviews:after {
    width: 3.3em;
    width: 3.4em;
    height: 3.3em;
    height: 3.4em;
    background-position: -.2em -546.3em;
    font-size: 8px
}

.promo-menu__link:after, .promo-menu__link:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    content: ''
}

.promo-menu__link:before {
    opacity: 0;
    background: url(/local/templates/html/images/bg-poly.svg) no-repeat right;
    background-size: 87%
}

.promo-menu__link-txt {
    position: relative;
    z-index: 123;
    display: inline-block;
    width: 104px;
    transform: translateY(2px);
    line-height: 1.3
}

.promo-menu__link:hover {
    text-decoration: none;
    color: #fff;
    border-color: #5cd3cf
}

.promo-menu__link:hover:before {
    z-index: 1;
    opacity: .8
}

.promo-menu__link:hover:after {
    opacity: .94;
    background: #5cd3cf
}

.promo-menu__link:hover .icon.sale:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -567.2em;
    font-size: 8px
}

.promo-menu__link:hover .icon.bonus:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -14em;
    font-size: 7.5px
}

.promo-menu__link:hover .icon.market:after {
    width: 3.7em;
    height: 3.3em;
    background-position: -.2em -7.2em;
    font-size: 7.5px
}

.promo-menu__link:hover .icon.new:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -538.9em;
    font-size: 8px
}

.promo-menu__link:hover .icon.reviews:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -542.6em;
    font-size: 8px
}

.promo-menu__link:hover .icon.price:after {
    width: 3.3em;
    height: 3.3em;
    background-position: -.2em -520.8em;
    font-size: 8px
}

.main-promo {
    margin-bottom: 10px
}

.main-promo .title-differ .differ-wrap {
    float: left
}

.main-promo .page-anchor {
    position: relative;
    opacity: 1;
    float: left;
    transition: transform .4s ease, opacity .4s ease;
    transform: translateY(0)
}

.main-promo .page-anchor.animate {
    opacity: 0;
    transform: translateY(-100px)
}

.main-promo .page-anchor .anch-item {
    display: inline-block;
    margin-left: 100px;
    vertical-align: top
}

.main-promo .page-anchor .anch-title > a {
    text-decoration: none;
    color: #b3b3b3
}

.main-promo .page-anchor .anch-title > a:hover {
    color: #333
}

.main-promo .page-anchor .d-info {
    color: #ccc
}

.main-promo .page-anchor .d-info a {
    color: #ccc
}

.main-promo .page-anchor .d-info a:hover {
    color: #5cd3cf
}

.main-promo .wrap-sl.sl-init .item {
    border: 1px solid #e7e7e7
}

.main-promo .paginator {
    padding-top: 20px;
    text-align: center
}

.main-promo .paginator a {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px;
    border-radius: 50%;
    background: #e1e1e1
}

.main-promo .paginator a.selected {
    background: #5cd3cf
}

.main-promo .item {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    overflow: hidden;
    width: 25%;
    height: 310px;
    transition: box-shadow .2s ease, border .2s ease;
    text-decoration: none;
    border: 1px solid #e7e7e7
}

.main-promo .item:hover .ttl {
    color: #5cd3cf
}

.main-promo .item.poly-no .bg {
    display: none
}

.main-promo .item .mark-preview {
    background: #5cd3cf
}

.main-promo .item .ttl {
    color: #333
}

.main-promo .item:hover .ttl {
    color: #5cd3cf
}

.main-promo .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    opacity: .6;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: background .4s ease;
    background: #fff
}

.main-promo .bg:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
}

.main-promo .text-wrap {
    position: relative;
    z-index: 3;
    width: 65%;
    padding: 20px 10px 20px 15px
}

.main-promo .ttl {
    overflow: hidden;
    min-height: 5.2em;
    max-height: 5.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #333;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3
}

.main-promo .txt {
    color: #666;
    font-size: 14px;
    line-height: 1.4
}

.main-promo .txt ul li + li {
    margin-top: 4px
}

.main-promo .pic {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 230px;
    padding-right: 20px;
    padding-bottom: 20px;
    transition: transform .25s ease;
    transform: scale(1)
}

.main-promo .pic-link {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 230px;
    max-height: 230px;
    margin: 0 auto;
    text-decoration: none
}

.main-promo .pic-link img {
    display: block;
    max-width: 100%;
    margin-left: auto
}

.main-promo .mark-preview {
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 15px;
    width: 54px;
    height: 54px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 50%;
    background: #ccc;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 54px
}

.main-promo .mark-preview .m-txt {
    margin-right: 2px;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.main-promo .mark-preview .icon {
    position: relative;
    top: -2px;
    vertical-align: middle;
    line-height: 1
}

.main-promo .mark-preview .icon:before {
    display: block
}

.main-promo .item.theme-1 {
    background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .3) 60%, rgba(236, 74, 129, .7) 100%)
}

.main-promo .item.theme-1 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .3) 60%, rgba(236, 74, 129, .7) 100%)
}

.main-promo .item.theme-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .3) 60%, rgba(255, 145, 0, .7) 100%)
}

.main-promo .item.theme-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .3) 60%, rgba(255, 145, 0, .7) 100%)
}

.main-promo .item.theme-3 {
    background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .3) 60%, rgba(116, 54, 143, .7) 100%)
}

.main-promo .item.theme-3 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .3) 60%, rgba(116, 54, 143, .7) 100%)
}

.main-promo .item.theme-4 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .3) 60%, rgba(0, 177, 39, .7) 100%)
}

.main-promo .item.theme-4 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .3) 60%, rgba(0, 177, 39, .7) 100%)
}

.main-promo .item.theme-5 {
    background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .3) 60%, rgba(102, 204, 255, .7) 100%)
}

.main-promo .item.theme-5 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .3) 60%, rgba(102, 204, 255, .7) 100%)
}

.main-promo .item.theme-6 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .3) 60%, rgba(0, 132, 193, .7) 100%)
}

.main-promo .item.theme-6 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .3) 60%, rgba(0, 132, 193, .7) 100%)
}

.main-promo .item.theme-7 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .3) 60%, rgba(255, 72, 72, .7) 100%)
}

.main-promo .item.theme-7 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .3) 60%, rgba(255, 72, 72, .7) 100%)
}

.main-promo .item.theme-8 {
    background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .3) 60%, rgba(181, 128, 204, .7) 100%)
}

.main-promo .item.theme-8 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .3) 60%, rgba(181, 128, 204, .7) 100%)
}

.main-promo .item.theme-9 {
    background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .3) 60%, rgba(133, 237, 134, .7) 100%)
}

.main-promo .item.theme-9 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .3) 60%, rgba(133, 237, 134, .7) 100%)
}

.main-promo .item.theme-10 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .3) 60%, rgba(255, 238, 48, .7) 100%)
}

.main-promo .item.theme-10 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .3) 60%, rgba(255, 238, 48, .7) 100%)
}

.main-promo .item.theme-11 {
    background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .3) 60%, rgba(223, 177, 219, .7) 100%)
}

.main-promo .item.theme-11 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .3) 60%, rgba(223, 177, 219, .7) 100%)
}

.main-promo .item.theme-12 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .3) 60%, rgba(255, 126, 244, .7) 100%)
}

.main-promo .item.theme-12 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .3) 60%, rgba(255, 126, 244, .7) 100%)
}

.main-promo .item.theme-13 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .3) 60%, rgba(0, 150, 136, .7) 100%)
}

.main-promo .item.theme-13 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .3) 60%, rgba(0, 150, 136, .7) 100%)
}

.slider-initial .p-card-tile, .slider-initial .slide {
    visibility: visible;
    opacity: 1;
    width: 294px
}

#section-NEW.main-products .infinite-slider {
    z-index: 123
}

#section-HIT.main-products .infinite-slider {
    z-index: 122
}

.main a.d-ttl {
    transition: color .2s ease
}

.main a.d-ttl .d-count {
    transition: color .2s ease
}

.main a.d-ttl:hover {
    color: #5cd3cf
}

.main a.d-ttl:hover > .d-count {
    color: #000
}

.main-products {
    margin-bottom: 30px
}

.main-products.new-cards .slide {
    padding: 0
}

.main-products.new-cards .slide .prod-card-tile {
    height: 450px;
    padding-top: 20px;
    padding-bottom: 20px
}

.main-products.new-cards .slide .prod-card-tile .tile-wrap, .main-products.new-cards .slide .prod-card-tile .tile-wrapper {
    height: 410px
}

.main-products .title-differ {
    margin-bottom: 0
}

.main-products .caroufredsel_wrapper {
    overflow: visible !important;
    cursor: auto !important
}

.main-products .wrap {
    position: relative;
    margin-right: -15px;
    margin-left: -15px
}

.main-products .wrap:before {
    position: absolute;
    z-index: 100;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff
}

.main-products .wrap:after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #fff
}

.main-products .wrap.not-init {
    overflow: hidden
}

.main-products .wrap.not-init .slider {
    overflow: hidden;
    height: 450px
}

.main-products .wrap.not-init .slide {
    visibility: visible;
    width: 25%
}

.main-products .wrap.opacity {
    opacity: 1;
    transition: opacity .4s ease
}

.main-products .slide {
    float: left;
    height: 450px;
    transition: opacity .4s ease
}

.main-products .slide.visible {
    visibility: visible;
    opacity: 1
}

.main-products .sl-nav {
    position: relative;
    height: 28px;
    text-align: right
}

.main-products .sl-nav.not-init {
    visibility: hidden
}

.main-products .sl-nav .next, .main-products .sl-nav .prev {
    position: relative;
    z-index: 100;
    margin-top: -10px;
    border: none
}

.main-products .next, .main-products .prev {
    position: relative;
    display: inline-block !important;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: #ededed;
    line-height: 40px
}

.main-products .next:active, .main-products .next:hover, .main-products .prev:active, .main-products .prev:hover {
    background: #5cd3cf
}

.main-products .next:active:before, .main-products .next:hover:before, .main-products .prev:active:before, .main-products .prev:hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.main-products .next:before, .main-products .prev:before {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 1.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -532.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .main-products .next:before, .no-svg .main-products .prev:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.main-products .prev:before {
    left: -1px;
    transform: rotate(180deg)
}

.main-products .next {
    margin-left: 10px
}

.main-products .next:before {
    right: -1px
}

.main-products .promo-block {
    position: relative;
    z-index: 10;
    padding: 10px 0
}

.main-products .promo-block a.item.action:hover .link-more span {
    color: #5cd3cf
}

.main-products .promo-block a.item.review:hover .link-more span {
    color: #444
}

.main-products .promo-block .item {
    position: relative;
    display: block;
    height: 204px;
    text-decoration: none;
    color: #fff
}

.main-products .promo-block .item + .item {
    margin-top: 2px
}

.main-products .promo-block .item.action {
    border: 1px solid #e7e7e7
}

.main-products .promo-block .item.action:hover .pic {
    transform: scale(1.1)
}

.main-products .promo-block .item.action .ttl, .main-products .promo-block .item.action .txt, .main-products .promo-block .item.action .type {
    color: #666
}

.main-products .promo-block .item.action .txt {
    font-size: 13px
}

.main-products .promo-block .item.action .link-more a, .main-products .promo-block .item.action .link-more span {
    color: #666
}

.main-products .promo-block .item.action .link-more a:hover {
    color: #5cd3cf
}

.main-products .promo-block .item.action .bg {
    background: #fff url(/local/templates/html/images/bg-poly.svg) no-repeat right top;
    background-size: auto 100%
}

.main-products .promo-block .item.action .bg:before {
    background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
}

.main-products .promo-block .item.action.type-gift .mark-preview {
    background: #458381
}

.main-products .promo-block .item.action.type-gift .ttl {
    color: #458381
}

.main-products .promo-block .item.action.type-bonus .mark-preview {
    background: #74368f
}

.main-products .promo-block .item.action.type-bonus .ttl {
    color: #74368f
}

.main-products .promo-block .item.action.type-sale .mark-preview {
    background: #5cd3cf
}

.main-products .promo-block .item.action.type-sale .ttl {
    color: #5cd3cf
}

.main-products .promo-block .item.action.poly-no .bg {
    display: none
}

.main-products .promo-block .item.action.theme-1 {
    background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .3) 60%, rgba(236, 74, 129, .7) 100%)
}

.main-products .promo-block .item.action.theme-1 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .3) 60%, rgba(236, 74, 129, .7) 100%)
}

.main-products .promo-block .item.action.theme-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .3) 60%, rgba(255, 145, 0, .7) 100%)
}

.main-products .promo-block .item.action.theme-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .3) 60%, rgba(255, 145, 0, .7) 100%)
}

.main-products .promo-block .item.action.theme-3 {
    background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .3) 60%, rgba(116, 54, 143, .7) 100%)
}

.main-products .promo-block .item.action.theme-3 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .3) 60%, rgba(116, 54, 143, .7) 100%)
}

.main-products .promo-block .item.action.theme-4 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .3) 60%, rgba(0, 177, 39, .7) 100%)
}

.main-products .promo-block .item.action.theme-4 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .3) 60%, rgba(0, 177, 39, .7) 100%)
}

.main-products .promo-block .item.action.theme-5 {
    background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .3) 60%, rgba(102, 204, 255, .7) 100%)
}

.main-products .promo-block .item.action.theme-5 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .3) 60%, rgba(102, 204, 255, .7) 100%)
}

.main-products .promo-block .item.action.theme-6 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .3) 60%, rgba(0, 132, 193, .7) 100%)
}

.main-products .promo-block .item.action.theme-6 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .3) 60%, rgba(0, 132, 193, .7) 100%)
}

.main-products .promo-block .item.action.theme-7 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .3) 60%, rgba(255, 72, 72, .7) 100%)
}

.main-products .promo-block .item.action.theme-7 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .3) 60%, rgba(255, 72, 72, .7) 100%)
}

.main-products .promo-block .item.action.theme-8 {
    background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .3) 60%, rgba(181, 128, 204, .7) 100%)
}

.main-products .promo-block .item.action.theme-8 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .3) 60%, rgba(181, 128, 204, .7) 100%)
}

.main-products .promo-block .item.action.theme-9 {
    background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .3) 60%, rgba(133, 237, 134, .7) 100%)
}

.main-products .promo-block .item.action.theme-9 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .3) 60%, rgba(133, 237, 134, .7) 100%)
}

.main-products .promo-block .item.action.theme-10 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .3) 60%, rgba(255, 238, 48, .7) 100%)
}

.main-products .promo-block .item.action.theme-10 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .3) 60%, rgba(255, 238, 48, .7) 100%)
}

.main-products .promo-block .item.action.theme-11 {
    background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .3) 60%, rgba(223, 177, 219, .7) 100%)
}

.main-products .promo-block .item.action.theme-11 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .3) 60%, rgba(223, 177, 219, .7) 100%)
}

.main-products .promo-block .item.action.theme-12 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .3) 60%, rgba(255, 126, 244, .7) 100%)
}

.main-products .promo-block .item.action.theme-12 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .3) 60%, rgba(255, 126, 244, .7) 100%)
}

.main-products .promo-block .item.action.theme-13 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .3) 60%, rgba(0, 150, 136, .7) 100%)
}

.main-products .promo-block .item.action.theme-13 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .3) 60%, rgba(0, 150, 136, .7) 100%)
}

.main-products .promo-block .item.action .pic {
    transition: transform .3s ease;
    transform: scale(1)
}

.main-products .promo-block .item.action .ttl {
    max-height: 4.8em
}

.main-products .promo-block .item.action .txt {
    max-height: 4.8em
}

.main-products .promo-block .item.review:hover .bg {
    background: #444
}

.main-products .promo-block .item.review:hover .bg img {
    transform: scale(1.2)
}

.main-products .promo-block .item.review .bg {
    background: #adadad
}

.main-products .promo-block .item.review .bg:before {
    background: linear-gradient(to right, #444 0, #413f3f 10%, #555 35%, rgba(0, 0, 0, 0) 100%)
}

.main-products .promo-block .item.review .bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: block;
    opacity: .5;
    height: 100%;
    transition: transform .4s ease;
    transform: scale(1);
    will-change: transform
}

.main-products .promo-block .item.review .ttl {
    max-height: 4.8em
}

.main-products .promo-block .mark-preview {
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 20px;
    width: 54px;
    height: 54px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    border-radius: 50%;
    background: #fff;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 54px
}

.main-products .promo-block .mark-preview .m-txt {
    margin-right: 2px;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.main-products .promo-block .mark-preview .icon {
    position: relative;
    top: -2px;
    vertical-align: middle;
    line-height: 1
}

.main-products .promo-block .mark-preview .icon:before {
    display: block
}

.main-products .promo-block .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    opacity: .8;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: background .4s ease
}

.main-products .promo-block .bg:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.main-products .promo-block .text-wrap {
    position: relative;
    z-index: 2;
    width: 65%;
    padding: 20px
}

.main-products .promo-block .text-wrap .type {
    margin-bottom: 8px;
    font-size: 14px
}

.main-products .promo-block .text-wrap .ttl {
    overflow: hidden;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2
}

.main-products .promo-block .text-wrap .txt {
    overflow: hidden;
    margin-bottom: 8px;
    line-height: 1.2
}

.main-products .promo-block .link-more a, .main-products .promo-block .link-more span {
    transition: color .2s ease;
    text-decoration: none;
    color: #fff;
    font-size: 13px
}

.main-products .promo-block .link-more a:hover {
    color: #333
}

.main-products .promo-block .pic {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    width: 35%;
    padding: 10px 10px 10px 0
}

.main-products .promo-block .pic .pic-link {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 140px;
    height: 120px;
    margin: 0 auto;
    text-decoration: none
}

.main-products .promo-block .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.main-slider--detail-page .caroufredsel_wrapper::after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #fff
}

.main-solutions {
    position: relative;
    margin-bottom: 30px
}

.main-solutions .main-slider__btn {
    top: 60%;
    margin-top: 0
}

.main-solutions .list {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap
}

.main-solutions .item {
    position: relative;
    width: 25%;
    padding: 25px 35px 35px;
    border: 1px solid #e7e7e7;
    border-left: none
}

.main-solutions .item:hover .bg {
    opacity: 1
}

.main-solutions .item:hover .item-link a {
    color: #fff
}

.main-solutions .item:hover .item-link a:hover {
    text-decoration: underline
}

.main-solutions .item:hover .all-wrap a {
    color: #fff
}

.main-solutions .item:hover .all-wrap a:hover {
    opacity: .8
}

.main-solutions .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease;
    background: #5cd3cf
}

.main-solutions .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto;
    min-width: 102%;
    max-width: none;
    height: auto;
    min-height: 102%;
    transform: translate(-50%, -50%)
}

.main-solutions .ttl-wrap {
    position: relative;
    z-index: 2;
    display: block;
    min-height: 70px;
    margin-bottom: 10px;
    text-decoration: none;
    line-height: 70px
}

.main-solutions .icon {
    position: absolute;
    top: 50%;
    height: 50px;
    margin-top: -25px;
    line-height: 50px
}

.main-solutions .icon:before {
    display: inline-block;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .main-solutions .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.main-solutions .icon.trade:before {
    width: 3.7em;
    height: 3.3em;
    background-position: -.2em -3.5em
}

.main-solutions .icon.logic:before {
    width: 3.7em;
    height: 3.6em;
    background-position: -.2em -490.2em
}

.main-solutions .icon.hotel:before {
    width: 3.5em;
    height: 3.5em;
    background-position: -.2em -450.2em
}

.main-solutions .icon.bank:before {
    width: 3.4em;
    height: 3.4em;
    background-position: -.2em -473.4em
}

.main-solutions .icon.education:before {
    width: 3.8em;
    height: 3.3em;
    background-position: -.2em -346.2em
}

.main-solutions .ttl {
    display: inline-block;
    overflow: hidden;
    max-height: 3.9em;
    margin-left: 65px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3
}

.main-solutions .list-link {
    position: relative;
    z-index: 2;
    margin: 5px 0 8px
}

.main-solutions .item-link {
    line-height: 1.2
}

.main-solutions .item-link + .item-link {
    margin-top: 8px
}

.main-solutions .item-link a {
    text-decoration: none;
    color: #666;
    font-size: 14px
}

.main-solutions .all-wrap {
    position: relative;
    z-index: 2
}

.main-solutions .all-wrap a {
    color: #5cd3cf;
    font-size: 14px
}

.main-services {
    margin-bottom: 30px
}

.main-services .item {
    position: relative;
    display: block;
    float: left;
    width: 20%;
    height: 145px;
    text-decoration: none
}

.main-services .item + .item {
    width: calc(20% - 8px);
    margin-left: 4px
}

.main-services .item:not(:last-child) {
    margin-right: 4px
}

.main-services .item:first-child, .main-services .item:last-child {
    width: calc(20% - 4px)
}

.main-services .item:hover .bg img {
    opacity: .5;
    transform: translate(-50%, -50%) scale(1.15);
    filter: grayscale(0)
}

.main-services .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: background .4s ease;
    background: linear-gradient(210deg, #222 60%, #333)
}

.main-services .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    opacity: .35;
    min-width: 102%;
    max-width: none;
    min-height: 102%;
    transition: .4s ease;
    transform: translate(-50%, -50%) scale(1);
    filter: grayscale(100%);
    will-change: transform
}

.main-services .ttl {
    position: relative;
    z-index: 2;
    top: 50%;
    overflow: hidden;
    max-height: 4.8em;
    padding: 0 30px;
    transform: translateY(-50%);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

.main-services .ttl:before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: none;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    content: '';
    border-radius: 50%;
    background: #333
}

.main-partners {
    position: relative;
    width: 100%;
    height: 250px;
    margin: 0 0 40px
}

.main-partners__title {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-family: OpenSans-Bold;
    font-size: 28px;
    font-weight: 700
}

.main-partners .wrap {
    position: relative;
    opacity: 0;
    padding: 0 50px;
    transition: opacity .5s ease-out
}

.main-partners .wrap.not-init .slide:not(:first-child) {
    display: none
}

.main-partners .wrap.init {
    opacity: 1
}

.main-partners__slider {
    overflow: hidden;
    margin: 0 40px
}

.main-partners .swiper-container {
    padding: 0 10px
}

.main-partners__slider .custom-swiper-controls {
    position: absolute;
    top: 210px;
    right: 0;
    left: 0
}

.main-partners__slider button.custom-swiper-btn {
    position: absolute;
    top: -110px
}

.main-partners__slider .custom-swiper-btn__prev {
    left: 0
}

.main-partners__slider .custom-swiper-btn__next {
    right: 0
}

.partner-slide {
    max-height: 150px;
    margin: 10px 0 30px
}

.partner-slide__inner {
    padding: 20px 15px;
    transition: box-shadow ease .4s;
    background: rgba(0, 0, 0, 0);
    box-shadow: 2px 6px 20px rgba(0, 0, 0, 0)
}

.partner-slide__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px
}

.partner-slide__img {
    display: block;
    width: 120px;
    height: auto;
    transition: all ease .4s;
    filter: grayscale(100%)
}

.partner-slide__text {
    visibility: hidden;
    opacity: 0;
    padding: 20px 0 0;
    transition: all ease .4s;
    color: #000;
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 1.57
}

.partner-slide:hover {
    max-height: 1000px
}

.partner-slide:hover .partner-slide__inner {
    transition: box-shadow ease .4s;
    background: #fff;
    box-shadow: 2px 6px 20px rgba(0, 0, 0, .08)
}

.partner-slide:hover .partner-slide__img {
    transition: all ease .4s;
    filter: grayscale(0)
}

.partner-slide:hover .partner-slide__text {
    visibility: visible;
    opacity: 1;
    transition: all ease .4s
}

.main-partners .next, .main-partners .prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transform: translate(0, -50%);
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: #ededed;
    line-height: 40px
}

.js-off .main-partners .next, .js-off .main-partners .prev {
    display: none
}

.main-partners .next:before, .main-partners .prev:before {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 1.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -532.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .main-partners .next:before, .no-svg .main-partners .prev:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.main-partners .next:hover, .main-partners .prev:hover {
    background: #5cd3cf
}

.main-partners .next:hover:before, .main-partners .prev:hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.main-partners .next:active, .main-partners .prev:active {
    opacity: .9;
    background: #5cd3cf
}

.main-partners .next:active:before, .main-partners .prev:active:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.main-partners .next.disabled, .main-partners .prev.disabled {
    display: none
}

.main-partners .prev {
    left: 0
}

.main-partners .prev:before {
    left: -1px;
    transform: rotate(180deg)
}

.main-partners .next {
    right: 0
}

.main-partners .next:before {
    right: -1px
}

.icon-bonus {
    display: inline-block;
    margin-right: 5px
}

.icon-bonus:before {
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/css/../images/icon_bonus_card.png);
    background-repeat: no-repeat;
    font-size: 10px
}

.no-svg .icon-bonus:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.icon-dot {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.icon-dot:before {
    display: inline-block;
    width: .9em;
    height: .9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -260.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .icon-dot:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card-line .markers-wrap .m-item.hit, .prod-card-table .markers-wrap .m-item.hit, .prod-card-tile .markers-wrap .m-item.hit {
    color: #6cce7e;
    border-color: #6cce7e
}

.prod-card-line .markers-wrap .m-item.gift, .prod-card-table .markers-wrap .m-item.gift, .prod-card-tile .markers-wrap .m-item.gift {
    color: #458381;
    border-color: #458381
}

.prod-card-line .markers-wrap .m-item.new, .prod-card-table .markers-wrap .m-item.new, .prod-card-tile .markers-wrap .m-item.new {
    color: #6cf;
    border-color: #6cf
}

.prod-card-line .status-wrap .text.available, .prod-card-table .status-wrap .text.available, .prod-card-tile .status-wrap .text.available {
    color: #458381
}

.prod-card-line .status-wrap .text.not-available, .prod-card-table .status-wrap .text.not-available, .prod-card-tile .status-wrap .text.not-available {
    color: #999
}

.prod-card-line .status-wrap .text.under-order, .prod-card-table .status-wrap .text.under-order, .prod-card-tile .status-wrap .text.under-order {
    color: #1ea6dd
}

.prod-card-line .status-wrap .text.waiting, .prod-card-table .status-wrap .text.waiting, .prod-card-tile .status-wrap .text.waiting {
    color: #5c6a83
}

.prod-card-line .status-wrap .count, .prod-card-table .status-wrap .count, .prod-card-tile .status-wrap .count {
    color: #458381
}

.prod-card-line .price-wrap .price-old, .prod-card-table .price-wrap .price-old, .prod-card-tile .price-wrap .price-old {
    height: 20px;
    line-height: 20px
}

.prod-card-line .price-wrap .price-old .price-old-inner, .prod-card-table .price-wrap .price-old .price-old-inner, .prod-card-tile .price-wrap .price-old .price-old-inner {
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    color: #999;
    font-size: 12px
}

.prod-card-line .price-wrap .price-old .price-old-inner:before, .prod-card-table .price-wrap .price-old .price-old-inner:before, .prod-card-tile .price-wrap .price-old .price-old-inner:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #ccc
}

.prod-card-line .price-wrap .price-old .price-old-inner span, .prod-card-table .price-wrap .price-old .price-old-inner span, .prod-card-tile .price-wrap .price-old .price-old-inner span {
    display: inline-block
}

.prod-card-line .price-wrap .price-cur, .prod-card-table .price-wrap .price-cur, .prod-card-tile .price-wrap .price-cur {
    position: relative;
    height: 26px
}

.prod-card-line .price-wrap .price-cur:hover .prod-price-drop, .prod-card-table .price-wrap .price-cur:hover .prod-price-drop, .prod-card-tile .price-wrap .price-cur:hover .prod-price-drop {
    display: block;
    opacity: 1;
    transform: none
}

.prod-card-line .price-wrap .price-cur.sale .cur, .prod-card-line .price-wrap .price-cur.sale .val, .prod-card-table .price-wrap .price-cur.sale .cur, .prod-card-table .price-wrap .price-cur.sale .val, .prod-card-tile .price-wrap .price-cur.sale .cur, .prod-card-tile .price-wrap .price-cur.sale .val {
    color: #5cd3cf
}

.prod-card-line .price-wrap .price-cur.sale .cur, .prod-card-table .price-wrap .price-cur.sale .cur, .prod-card-tile .price-wrap .price-cur.sale .cur {
    text-transform: uppercase
}

.prod-card-line .price-wrap .price-cur .price-cur-inner, .prod-card-table .price-wrap .price-cur .price-cur-inner, .prod-card-tile .price-wrap .price-cur .price-cur-inner {
    display: inline-block;
    white-space: nowrap;
    color: #000;
    border-bottom: 1px dashed #ccc;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.prod-card-line .price-wrap .price-cur .price-cur-inner > span, .prod-card-table .price-wrap .price-cur .price-cur-inner > span, .prod-card-tile .price-wrap .price-cur .price-cur-inner > span {
    display: inline-block
}

.prod-card-line .price-wrap .price-cur .cur, .prod-card-table .price-wrap .price-cur .cur, .prod-card-tile .price-wrap .price-cur .cur {
    text-transform: uppercase;
    font-size: 13px
}

.prod-card-line .price-wrap .price-cur .product-info .icon-bonus, .prod-card-line .price-wrap .price-cur .product-info .icon-dot, .prod-card-table .price-wrap .price-cur .product-info .icon-bonus, .prod-card-table .price-wrap .price-cur .product-info .icon-dot, .prod-card-tile .price-wrap .price-cur .product-info .icon-bonus, .prod-card-tile .price-wrap .price-cur .product-info .icon-dot {
    margin-right: 8px
}

.prod-card-line .price-wrap .price-cur .txt, .prod-card-table .price-wrap .price-cur .txt, .prod-card-tile .price-wrap .price-cur .txt {
    text-transform: uppercase;
    color: #999;
    font-size: 10px
}

.prod-card-line .controls-prod .btn-collection:before, .prod-card-line .controls-prod .btn-compare:before, .prod-card-table .controls-prod .btn-collection:before, .prod-card-table .controls-prod .btn-compare:before, .prod-card-tile .controls-prod .btn-collection:before, .prod-card-tile .controls-prod .btn-compare:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card-line .controls-prod .btn-collection:before, .no-svg .prod-card-line .controls-prod .btn-compare:before, .no-svg .prod-card-table .controls-prod .btn-collection:before, .no-svg .prod-card-table .controls-prod .btn-compare:before, .no-svg .prod-card-tile .controls-prod .btn-collection:before, .no-svg .prod-card-tile .controls-prod .btn-compare:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card-line .controls-prod .btn-collection:before, .prod-card-table .controls-prod .btn-collection:before, .prod-card-tile .controls-prod .btn-collection:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -321.4em
}

.prod-card-line .controls-prod .btn-collection:hover:before, .prod-card-table .controls-prod .btn-collection:hover:before, .prod-card-tile .controls-prod .btn-collection:hover:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.prod-card-line .controls-prod .btn-collection.active:before, .prod-card-table .controls-prod .btn-collection.active:before, .prod-card-tile .controls-prod .btn-collection.active:before {
    width: 1.89em;
    height: 1.79em;
    background-position: -.2em -323.6em
}

.prod-card-line .controls-prod .btn-compare:before, .prod-card-table .controls-prod .btn-compare:before, .prod-card-tile .controls-prod .btn-compare:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.prod-card-line .controls-prod .btn-compare:hover:before, .prod-card-table .controls-prod .btn-compare:hover:before, .prod-card-tile .controls-prod .btn-compare:hover:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.prod-card-line .controls-prod .btn-compare.active:before, .prod-card-table .controls-prod .btn-compare.active:before, .prod-card-tile .controls-prod .btn-compare.active:before {
    width: 1.92em;
    height: 1.72em;
    background-position: -.2em -330.2em
}

.prod-card-line .controls-basket .count:hover .count-input, .prod-card-table .controls-basket .count:hover .count-input, .prod-card-tile .controls-basket .count:hover .count-input {
    border-color: #5cd3cf
}

.prod-card-line .controls-basket .count:hover .btn-minus, .prod-card-line .controls-basket .count:hover .btn-plus, .prod-card-table .controls-basket .count:hover .btn-minus, .prod-card-table .controls-basket .count:hover .btn-plus, .prod-card-tile .controls-basket .count:hover .btn-minus, .prod-card-tile .controls-basket .count:hover .btn-plus {
    opacity: 1
}

.prod-card-line .controls-basket .count .count-input, .prod-card-table .controls-basket .count .count-input, .prod-card-tile .controls-basket .count .count-input {
    display: block;
    width: 100%;
    height: 42px;
    transition: border-color ease-in-out .15s;
    text-align: center;
    border: 1px solid #dbe0e2;
    border-radius: 3px;
    background: #f6f6f6
}

.prod-card-line .controls-basket .count .count-input:focus, .prod-card-table .controls-basket .count .count-input:focus, .prod-card-tile .controls-basket .count .count-input:focus {
    border-color: #5cd3cf;
    background: #fff
}

.prod-card-line .controls-basket .count .count-input:focus ~ .btn-minus, .prod-card-line .controls-basket .count .count-input:focus ~ .btn-plus, .prod-card-table .controls-basket .count .count-input:focus ~ .btn-minus, .prod-card-table .controls-basket .count .count-input:focus ~ .btn-plus, .prod-card-tile .controls-basket .count .count-input:focus ~ .btn-minus, .prod-card-tile .controls-basket .count .count-input:focus ~ .btn-plus {
    opacity: 1
}

.prod-card-line .controls-basket .count .btn-minus, .prod-card-line .controls-basket .count .btn-plus, .prod-card-table .controls-basket .count .btn-minus, .prod-card-table .controls-basket .count .btn-plus, .prod-card-tile .controls-basket .count .btn-minus, .prod-card-tile .controls-basket .count .btn-plus {
    position: absolute;
    left: 50%;
    display: block;
    opacity: 0;
    width: 18px;
    height: 15px;
    margin-left: -9px;
    padding: 0;
    transition: opacity .15s ease;
    border: none;
    background: 0 0
}

.prod-card-line .controls-basket .count .btn-minus:before, .prod-card-line .controls-basket .count .btn-plus:before, .prod-card-table .controls-basket .count .btn-minus:before, .prod-card-table .controls-basket .count .btn-plus:before, .prod-card-tile .controls-basket .count .btn-minus:before, .prod-card-tile .controls-basket .count .btn-plus:before {
    position: absolute;
    content: ''
}

.prod-card-line .controls-basket .count .btn-plus, .prod-card-table .controls-basket .count .btn-plus, .prod-card-tile .controls-basket .count .btn-plus {
    bottom: 100%
}

.prod-card-line .controls-basket .count .btn-plus:before, .prod-card-table .controls-basket .count .btn-plus:before, .prod-card-tile .controls-basket .count .btn-plus:before {
    bottom: 0;
    left: 0;
    border: 9px solid transparent;
    border-bottom: 10px solid #5cd3cf
}

.prod-card-line .controls-basket .count .btn-minus, .prod-card-table .controls-basket .count .btn-minus, .prod-card-tile .controls-basket .count .btn-minus {
    top: 100%
}

.prod-card-line .controls-basket .count .btn-minus:before, .prod-card-table .controls-basket .count .btn-minus:before, .prod-card-tile .controls-basket .count .btn-minus:before {
    top: 0;
    left: 0;
    border: 9px solid transparent;
    border-top: 10px solid #5cd3cf
}

.prod-card-line .product-info, .prod-card-table .product-info, .prod-card-tile .product-info {
    position: absolute;
    z-index: 10;
    right: -10px;
    bottom: 100%;
    left: -10px;
    display: none;
    padding-bottom: 3px;
    white-space: normal;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
}

.prod-card-line .product-info .product-info_i, .prod-card-table .product-info .product-info_i, .prod-card-tile .product-info .product-info_i {
    position: relative;
    color: #333;
    border: 1px solid #e7e7e7;
    background: #f7fbfe;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .1)
}

.prod-card-line .product-info .product-info_i:before, .prod-card-table .product-info .product-info_i:before, .prod-card-tile .product-info .product-info_i:before {
    position: absolute;
    bottom: 0;
    left: 25px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translateY(50%) rotate(45deg);
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #f7fbfe
}

.prod-card-line .product-info .info_header, .prod-card-table .product-info .info_header, .prod-card-tile .product-info .info_header {
    padding: 15px 15px 12px;
    border-bottom: 1px solid #e7e7e7
}

.prod-card-line .product-info .info_body, .prod-card-table .product-info .info_body, .prod-card-tile .product-info .info_body {
    padding: 10px 15px 20px
}

.prod-card-line .product-info .description, .prod-card-table .product-info .description, .prod-card-tile .product-info .description {
    margin-top: 8px;
    font-size: 14px
}

.prod-card-line .product-info .description .line, .prod-card-table .product-info .description .line, .prod-card-tile .product-info .description .line {
    overflow: hidden;
    max-height: 1.2em;
    white-space: nowrap;
    letter-spacing: .4px;
    text-overflow: ellipsis;
    line-height: 1.2
}

.prod-card-line .product-info .description .line + .line, .prod-card-table .product-info .description .line + .line, .prod-card-tile .product-info .description .line + .line {
    margin-top: 10px
}

.prod-card-line .product-info .offer-item, .prod-card-table .product-info .offer-item, .prod-card-tile .product-info .offer-item {
    position: relative;
    display: flex;
    line-height: 1.2
}

.prod-card-line .product-info .offer-item.bonus .icon.ic2-icon_bonus_single, .prod-card-table .product-info .offer-item.bonus .icon.ic2-icon_bonus_single, .prod-card-tile .product-info .offer-item.bonus .icon.ic2-icon_bonus_single {
    top: 5px
}

.prod-card-line .product-info .offer-item.bonus .offer-ttl, .prod-card-table .product-info .offer-item.bonus .offer-ttl, .prod-card-tile .product-info .offer-item.bonus .offer-ttl {
    color: #74368f
}

.prod-card-line .product-info .offer-item .icon, .prod-card-table .product-info .offer-item .icon, .prod-card-tile .product-info .offer-item .icon {
    position: absolute;
    top: 0;
    left: 0
}

.prod-card-line .product-info .offer-item .text, .prod-card-table .product-info .offer-item .text, .prod-card-tile .product-info .offer-item .text {
    padding-top: 2px
}

.prod-card-line .product-info .offer-item .offer-ttl, .prod-card-table .product-info .offer-item .offer-ttl, .prod-card-tile .product-info .offer-item .offer-ttl {
    margin-bottom: 2px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.prod-card-line .product-info .offer-item .offer-txt, .prod-card-table .product-info .offer-item .offer-txt, .prod-card-tile .product-info .offer-item .offer-txt {
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 13px
}

.prod-card-line .sale-block, .prod-card-table .sale-block, .prod-card-tile .sale-block {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding-top: 15px
}

.prod-card-line .sale-block:before, .prod-card-table .sale-block:before, .prod-card-tile .sale-block:before {
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 50%;
    width: 10px;
    height: 10px;
    content: '';
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #f7fbfe
}

.prod-card-line .sale-block .sale-wrap, .prod-card-table .sale-block .sale-wrap, .prod-card-tile .sale-block .sale-wrap {
    position: relative;
    z-index: 1;
    border: 1px solid #e7e7e7;
    background: #f7fbfe;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.prod-card-line .sale-block .s-lnk, .prod-card-table .sale-block .s-lnk, .prod-card-tile .sale-block .s-lnk {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    transition: color .2s ease;
    color: #444;
    border: none;
    background: 0 0;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 13px
}

.prod-card-line .sale-block .s-lnk:hover, .prod-card-table .sale-block .s-lnk:hover, .prod-card-tile .sale-block .s-lnk:hover {
    color: #888
}

.prod-card-line .sale-block .s-lnk:nth-child(2n+1), .prod-card-table .sale-block .s-lnk:nth-child(2n+1), .prod-card-tile .sale-block .s-lnk:nth-child(2n+1) {
    border-right: 1px solid #e7e7e7
}

.prod-card-line .sale-block .s-lnk:nth-child(n+3), .prod-card-table .sale-block .s-lnk:nth-child(n+3), .prod-card-tile .sale-block .s-lnk:nth-child(n+3) {
    border-top: 1px solid #e7e7e7
}

.prod-card-line .sale-block .s-lnk:nth-child(odd):last-child, .prod-card-table .sale-block .s-lnk:nth-child(odd):last-child, .prod-card-tile .sale-block .s-lnk:nth-child(odd):last-child {
    width: 100%
}

.prod-tile-list {
    margin-right: -15px;
    margin-bottom: 50px;
    margin-left: -15px
}

.prod-tile-list .prod-tile-item {
    float: left
}

.prod-card-tile {
    position: relative;
    height: 410px;
    padding: 15px
}

.prod-card-tile_timer {
    padding: 0
}

.prod-card-tile_timer .timer-block {
    z-index: 2;
    padding-top: 12px !important
}

.prod-card-tile_timer .tile-wrapper {
    height: 410px !important
}

.prod-card-tile_timer:hover .tile-wrapper {
    height: auto !important
}

.prod-card-tile_timer .p-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 178px;
    padding-bottom: 20px !important
}

.prod-card-tile_main-products {
    padding-top: 0;
    padding-bottom: 0
}

.prod-card-tile_main-products:hover .tile-wrapper {
    height: auto !important
}

.prod-card-tile_main-products .p-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 178px;
    padding-bottom: 20px !important
}

.prod-card-tile.prod-card-tile_opened {
    height: auto !important
}

.prod-card-tile.prod-card-tile_opened .tile-wrapper {
    display: flex;
    height: auto !important
}

.prod-card-tile.prod-card-tile_opened .count {
    display: block !important
}

.prod-card-tile.prod-card-tile_opened .drop-wrap {
    display: flex;
    overflow: visible;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 141px
}

.prod-card-tile.prod-card-tile_opened .controls-basket:hover .sale-block {
    display: none
}

.prod-card-tile.active, .prod-card-tile.opened {
    z-index: 105
}

.prod-card-tile .controls-wrap {
    padding-bottom: 15px
}

.prod-card-tile .drop-wrap {
    opacity: 1;
    transition: none
}

.prod-card-tile .tile-wrapper {
    height: 380px;
    border: 1px solid #e7e7e7;
    background: #fff;
    will-change: transition
}

.prod-card-tile .tile-wrap {
    position: relative
}

.prod-card-tile .markers-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.prod-card-tile .markers-wrap .m-item {
    float: left;
    clear: both;
    height: 40px;
    padding-left: 10px;
    color: #fff;
    border-left: 2px solid #ccc;
    font-size: 13px;
    line-height: 40px
}

.prod-card-tile .pic-wrap {
    position: relative;
    z-index: 1;
    padding: 10px
}

.prod-card-tile .pic-wrap .pic-link {
    position: relative;
    display: block;
    width: 100%;
    height: 197px;
    margin: 0 auto;
    text-decoration: none
}

.prod-card-tile .pic-wrap .pic-link img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.prod-card-tile .p-wrap {
    padding: 0 15px
}

.prod-card-tile .title-wrap {
    display: inline-block;
    overflow: hidden;
    height: 73px;
    max-height: 5.2em;
    word-break: break-word;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3
}

.prod-card-tile .title-wrap a {
    transition: color .2s ease;
    text-decoration: none;
    color: #000
}

.prod-card-tile .title-wrap a:hover {
    color: #5cd3cf
}

.prod-card-tile .title-wrap .articul {
    white-space: nowrap;
    color: #999;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 10px
}

.prod-card-tile .price-wrap {
    margin-bottom: 10px
}

.prod-card-tile .status-wrap {
    height: 20px;
    line-height: 20px
}

.prod-card-tile .status-wrap .text {
    float: left;
    font-size: 13px
}

.prod-card-tile .status-wrap .count {
    display: none;
    float: right;
    font-size: 13px
}

.prod-card-tile .status-wrap .in-basket {
    position: relative;
    display: block;
    float: right;
    width: 20px;
    height: 20px
}

.prod-card-tile .status-wrap .in-basket:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -112.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card-tile .status-wrap .in-basket:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card-tile .drop-wrap {
    opacity: 1;
    overflow: hidden;
    height: 0;
    padding: 0 15px;
    transition: opacity .3s ease
}

.prod-card-tile .add-wrap {
    padding: 15px 0
}

.prod-card-tile .add-wrap .add-item {
    position: relative;
    height: 20px;
    padding-left: 25px;
    color: #999;
    font-size: 13px;
    line-height: 20px
}

.prod-card-tile .add-wrap .add-item + .add-item {
    margin-top: 4px
}

.prod-card-tile .add-wrap .add-item:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .prod-card-tile .add-wrap .add-item:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card-tile .add-wrap .add-item:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.prod-card-tile .add-wrap .add-item.block:before {
    width: 1.4em;
    height: 1.2em;
    background-position: -.2em -158.4em
}

.prod-card-tile .add-wrap .add-item.pallet:before {
    width: 1.8em;
    height: 1.2em;
    background-position: -.2em -160em
}

.prod-card-tile .add-wrap .count {
    float: left
}

.prod-card-tile .add-wrap .btn-add {
    opacity: .7;
    float: right;
    height: 20px;
    padding: 0;
    transition: opacity .2s ease;
    color: #5cd3cf;
    border: 0;
    background: 0 0;
    font-size: 13px;
    line-height: 20px
}

.prod-card-tile .add-wrap .btn-add:hover {
    opacity: 1
}

.prod-card-tile .controls-wrap {
    padding: 10px 0 15px
}

.prod-card-tile .controls-prod {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 50px
}

.prod-card-tile .controls-prod .btn-collection, .prod-card-tile .controls-prod .btn-compare, .prod-card-tile .controls-prod a.ic2-icon_zoom {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    transition: transform .2s ease;
    transform: translateX(50px);
    text-decoration: none;
    border: none;
    background: 0 0
}

.prod-card-tile .controls-prod .btn-collection:hover, .prod-card-tile .controls-prod .btn-compare:hover, .prod-card-tile .controls-prod a.ic2-icon_zoom:hover {
    background: #f5f3f3
}

.prod-card-tile .controls-prod a.ic2-icon_zoom {
    display: flex;
    justify-content: center
}

.prod-card-tile .controls-prod a.ic2-icon_zoom:before {
    align-self: center
}

.prod-card-tile .controls-basket {
    position: relative
}

.prod-card-tile .controls-basket .count {
    position: relative;
    z-index: 2;
    float: left;
    width: 30%
}

.prod-card-tile .controls-basket .count + .basket-add {
    float: left;
    width: 70%;
    padding-left: 12px
}

.prod-line-list {
    margin-right: -10px;
    margin-bottom: 50px;
    margin-left: -10px
}

.prod-line-list .prod-line-item {
    float: left;
    width: 100%
}

.prod-card-line {
    position: relative;
    height: 150px;
    padding: 10px
}

.prod-card-line .line-wrapper {
    height: 130px;
    border: 1px solid #e7e7e7;
    background: #fff
}

.prod-card-line .line-wrap {
    position: relative;
    height: 130px
}

.prod-card-line .pic-wrap {
    position: relative;
    width: 12%;
    height: 100%;
    padding: 10px
}

.prod-card-line .pic-wrap .pic-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.prod-card-line .pic-wrap .pic-link img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.prod-card-line .p-wrap {
    width: 28%;
    padding: 0 20px 0 10px
}

.prod-card-line .markers-wrap {
    margin-bottom: 10px
}

.prod-card-line .markers-wrap .m-item {
    float: left;
    height: 20px;
    font-size: 13px;
    line-height: 20px
}

.prod-card-line .title-wrap {
    display: inline-block;
    overflow: hidden;
    max-height: 5.2em;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3
}

.prod-card-line .title-wrap a {
    transition: color .2s ease;
    text-decoration: none;
    color: #000
}

.prod-card-line .title-wrap a:hover {
    color: #5cd3cf
}

.prod-card-line .title-wrap .articul {
    white-space: nowrap;
    color: #999;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 10px
}

.prod-card-line .status-wrap {
    height: 20px;
    line-height: 20px
}

.prod-card-line .status-wrap .count, .prod-card-line .status-wrap .text {
    float: left;
    font-size: 13px
}

.prod-card-line .add-wrap {
    width: 25%;
    padding: 0 10px;
    text-align: center
}

.prod-card-line .add-wrap .add-item {
    color: #333;
    font-size: 14px;
    line-height: 1.2
}

.prod-card-line .add-wrap .btn-add {
    opacity: .7;
    padding: 0;
    transition: opacity .2s ease;
    color: #5cd3cf;
    border: 0;
    background: 0 0;
    font-size: 13px;
    line-height: 18px
}

.prod-card-line .add-wrap .btn-add:hover {
    opacity: 1
}

.prod-card-line .price-wrap {
    z-index: 1;
    width: 15%;
    padding: 0 10px
}

.prod-card-line .price-wrap .product-info {
    min-width: 270px
}

.prod-card-line .controls-wrap {
    width: 20%;
    padding: 0 100px 0 10px
}

.prod-card-line .controls-prod {
    position: absolute;
    top: 50%;
    right: 10px;
    overflow: hidden;
    transform: translateY(-50%)
}

.prod-card-line .controls-prod .btn-collection, .prod-card-line .controls-prod .btn-compare {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    transition: transform .2s ease;
    transform: translateX(50px);
    text-decoration: none;
    border: none;
    background: 0 0
}

.prod-card-line .controls-prod .btn-collection:hover, .prod-card-line .controls-prod .btn-compare:hover {
    background: #f5f3f3
}

.prod-card-line .controls-basket {
    position: relative
}

.prod-card-line .controls-basket .count {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    padding-right: 4px
}

.prod-card-line .controls-basket .count + .basket-add {
    float: left;
    width: 50%;
    padding-left: 4px
}

.prod-card-line .controls-basket .count .btn-minus, .prod-card-line .controls-basket .count .btn-plus {
    margin-left: -11px
}

.prod-card-line .controls-basket .sale-block {
    left: 50%;
    min-width: 260px;
    transform: translateX(-50%)
}

.prod-table-list {
    margin: 15px 0 60px;
    border: 1px solid #e7e7e7
}

.prod-table-list__title {
    padding: 14px 20px;
    background: #f1f1f1;
    font-size: 14px;
    font-weight: 700
}

.prod-table-list__title a {
    text-decoration: none;
    color: #333
}

.prod-table-list__title a:hover {
    text-decoration: underline
}

.prod-table-list table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate
}

.prod-table-list table thead th {
    padding: 14px 10px;
    text-align: left;
    color: #666;
    background: #eee;
    font-size: 13px;
    font-weight: 400
}

.prod-table-list table tbody tr:hover .p-vendor {
    font-weight: 700
}

.prod-table-list table tbody td {
    position: relative;
    padding: 10px 6px;
    vertical-align: middle;
    font-size: 14px
}

.prod-table-list table .pic-wrap .placehold_pos {
    width: 100%;
    max-width: 50px
}

.prod-table-list table .th-pic {
    width: 10%
}

.prod-table-list table .th-vendor {
    width: 6%
}

.prod-table-list table .th-title {
    width: 23%
}

.prod-table-list table .th-status {
    width: 10%
}

.prod-table-list table .td-add, .prod-table-list table .th-add {
    width: 10%
}

.prod-table-list table .th-price {
    width: 15%
}

.prod-table-list table .th-basket {
    width: 10%
}

.prod-table-list table .th-controls {
    width: 7%
}

.prod-table-list table .th-color {
    width: 8%
}

.prod-table-list table .th-white {
    width: 8%
}

.prod-table-list table .th-light {
    width: 8%
}

.prod-table-list table .th-unit {
    width: 8%
}

.prod-table-list.list-catalog.series-catalog table thead th, .prod-table-list.series-catalog.series-catalog table thead th {
    padding: 14px 10px;
    text-align: left;
    color: #666;
    background: #fff;
    font-size: 13px;
    font-weight: 400
}

.prod-table-list.list-catalog.series-catalog .section-head, .prod-table-list.series-catalog.series-catalog .section-head {
    border-bottom: 1px solid #e7e7e7
}

.prod-table-list.list-catalog .prod-card-table .controls-btns, .prod-table-list.series-catalog .prod-card-table .controls-btns {
    padding-right: 0;
    padding-left: 0
}

.prod-card-table {
    position: relative;
    background: #fff
}

.prod-card-table_catalog .p-vendor a:hover {
    text-decoration: none !important;
    color: inherit !important
}

.prod-card-table .area-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit
}

.prod-card-table .colors-vars .wrapper-td {
    display: flex;
    align-items: center
}

.prod-card-table .prod-color {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column
}

.prod-card-table .prod-color__mark {
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc
}

.prod-card-table .prod-color__mark:nth-child(n+2) {
    margin-top: -5px
}

.prod-card-table .prod-color__mark:nth-child(1) {
    transform: translateX(0)
}

.prod-card-table .prod-color__mark:nth-child(2) {
    transform: translateX(3px)
}

.prod-card-table .prod-color__mark:nth-child(3) {
    transform: translateX(6px)
}

.prod-card-table .prod-color__mark:nth-child(4) {
    transform: translateX(9px)
}

.prod-card-table .prod-color__mark:nth-child(5) {
    transform: translateX(12px)
}

.prod-card-table .prod-color__text {
    padding-left: 17.5px;
    font-size: 12px;
    line-height: 1
}

.prod-card-table .pic-wrap .pic-link {
    position: relative;
    display: block;
    min-width: 50px;
    height: 60px;
    text-decoration: none
}

.prod-card-table .pic-wrap .pic-link img {
    position: relative;
    top: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    transform: translateY(-50%)
}

.prod-card-list--table .prod-card-group .group-section {
    margin-bottom: 0;
    border: none
}

.prod-card-list--table .prod-table-wrap {
    border: 1px solid #e7e7e7
}

.prod-card-table .p-vendor {
    color: #000;
    font-size: 14px
}

.prod-card-table .p-vendor a {
    transition: color .2s ease;
    text-decoration: none;
    color: #000
}

.prod-card-table .p-vendor a:hover {
    text-decoration: underline;
    color: #5cd3cf
}

.prod-card-table .p-vendor .vendor-ttl {
    display: inline-block
}

.prod-card-table .title-wrap a {
    display: block;
    overflow: hidden;
    max-height: 5.2em;
    transition: color .2s ease;
    text-decoration: none;
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3
}

.prod-card-table .title-wrap a.hover, .prod-card-table .title-wrap a:hover {
    color: #5cd3cf
}

.price-wrap__old-sale {
    display: flex
}

.prod-card-list .price-wrap__old-sale .mark-sale {
    margin-left: 10px
}

.prod-card-table .mark-sale + .status-wrap {
    margin-top: 10px
}

.prod-card-table .status-wrap {
    line-height: 1.3
}

.prod-card-table .status-wrap .count, .prod-card-table .status-wrap .text {
    font-size: 13px
}

.prod-card-table .add-wrap {
    display: flex
}

.prod-card-table .add-wrap .add-item {
    flex-basis: 50%
}

.prod-card-table .add-wrap .btn-add {
    opacity: .7;
    padding: 0;
    transition: opacity .2s ease;
    color: #5cd3cf;
    border: 0;
    background: 0 0;
    font-size: 13px;
    line-height: 1.2
}

.prod-card-table .add-wrap .btn-add:hover {
    opacity: 1
}

.prod-card-table .add-box__item {
    position: relative;
    padding-left: 0
}

.prod-card-table .add-box__item:not(:last-child) {
    margin-bottom: 4px
}

.prod-card-table .add-box .btn-add {
    top: 0;
    left: 0;
    opacity: .7;
    padding: 0;
    transition: opacity .2s ease;
    text-align: left;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1.2
}

.prod-card-table .add-box .btn-add:hover {
    opacity: 1
}

.prod-card-table .add-box .btn-add__plus {
    color: #458381
}

.prod-card-table .price-wrap .price-old {
    display: flex;
    align-items: center;
    height: auto
}

.prod-card-table .price-wrap .product-info {
    min-width: 270px
}

.prod-card-table .controls-basket {
    position: relative
}

.prod-card-table .controls-basket .count {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    padding-right: 4px
}

.prod-card-table .controls-basket .count + .basket-add {
    float: left;
    width: 50%;
    padding-left: 4px
}

.prod-card-table .controls-basket .count .btn-minus, .prod-card-table .controls-basket .count .btn-plus {
    margin-left: -11px
}

.prod-card-table .controls-basket .sale-block {
    left: 50%;
    min-width: 260px;
    transform: translateX(-50%)
}

.prod-card-table .controls-prod {
    position: relative;
    overflow: hidden;
    width: 30px !important;
    margin: -5px 10px -5px 5px
}

.prod-card-table .controls-prod .btn-collection, .prod-card-table .controls-prod .btn-compare {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    transition: transform .2s ease;
    text-decoration: none;
    border: none;
    background: 0 0
}

.prod-card-table .controls-prod .btn-collection:hover, .prod-card-table .controls-prod .btn-compare:hover {
    background: #f5f3f3
}

.prod-card-table .td-property {
    font-size: 13px
}

.prod-card-table .td-property:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.prod-card-table .td-property .prop-ttl {
    float: left
}

.prod-card-table .td-property .prop-val > a {
    text-decoration: none;
    color: inherit
}

.prod-card-table .td-property .prop-val > a:hover {
    text-decoration: underline;
    color: #5cd3cf
}

.prod-card-table .td-property img {
    max-width: 50px
}

.offers-list {
    opacity: 1;
    margin-bottom: 65px;
    transition: opacity .4s ease
}

.offers-list.not-init {
    opacity: 0
}

.offers-list .filter {
    margin-bottom: 20px
}

.offers-list .filter .f-item {
    display: inline-block;
    height: 52px;
    margin-right: 4px;
    margin-bottom: 10px;
    padding: 0 30px;
    cursor: pointer;
    user-select: none;
    transition: background .2s ease;
    text-decoration: none;
    border-radius: 3px;
    background: #f5f5f6;
    font-size: 16px;
    line-height: 50px
}

.offers-list .filter .f-item:last-child {
    margin-right: 0
}

.offers-list .filter .f-item:hover {
    background: #d5eeed
}

.offers-list .filter .f-item.active {
    cursor: default;
    background: #458381
}

.offers-list .filter .f-item.active .count, .offers-list .filter .f-item.active .txt {
    color: #fff
}

.offers-list .filter .f-item .count, .offers-list .filter .f-item .txt {
    display: inline-block;
    transition: color .2s ease;
    vertical-align: middle;
    line-height: 1
}

.offers-list .filter .f-item .txt {
    color: #000
}

.offers-list .filter .f-item .count {
    margin-left: 8px;
    color: #458381
}

.offers-list .items-list {
    position: relative;
    transition: height .6s ease
}

.offers-list .item {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    overflow: hidden;
    width: 25%;
    height: 310px;
    transition: box-shadow .2s ease;
    text-decoration: none;
    border: 1px solid #e7e7e7;
    background: #fff
}

.offers-list .item:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
    opacity: .7;
    width: 100%;
    height: 100%;
    content: ''
}

.offers-list .item:hover {
    z-index: 2
}

.offers-list .item:hover .ttl {
    color: #458381
}

.offers-list .item.poly-no .bg {
    display: none
}

.offers-list .item .item-pic {
    position: absolute;
    z-index: 3;
    right: 20px;
    bottom: 20px;
    display: block;
    max-width: 190px;
    max-height: 230px
}

.offers-list .item.height-2 {
    height: 620px
}

.offers-list .item.height-2 .item-pic {
    max-width: 280px;
    max-height: 275px
}

.offers-list .item.width-2 {
    width: 50%
}

.offers-list .item.width-2 .item-pic {
    max-width: 280px
}

.offers-list .item.sort-on {
    position: absolute;
    float: none;
    transition: box-shadow .2s ease, top .6s ease, left .6s ease
}

.offers-list .item.disable {
    display: none
}

.offers-list .item .mark-preview {
    background: #458381
}

.offers-list .item .ttl {
    color: #333
}

.offers-list .item:hover .ttl {
    color: #5cd3cf
}

.offers-list .item.type-gift.height-2:before {
    background: url(/local/templates/html/images/bg-type-gift.png) no-repeat left center
}

.offers-list .item.type-bonus.height-2:before {
    background: url(/local/templates/html/images/bg-type-bonus.png) no-repeat left center
}

.offers-list .item.type-sale.height-2:before {
    background: url(/local/templates/html/images/bg-type-sale.png) no-repeat right center
}

.offers-list .item .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    opacity: .6;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease;
    background: #fff
}

.offers-list .item .bg:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
}

.offers-list .text-wrap {
    position: relative;
    z-index: 4;
    width: 65%;
    padding: 20px 10px 20px 15px
}

.offers-list .ttl {
    overflow: hidden;
    min-height: 2.6em;
    max-height: 5.2em;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #333;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 1.3
}

.offers-list .txt {
    color: #333;
    font-size: 14px;
    line-height: 1.4
}

.offers-list .txt ul li + li {
    margin-top: 4px
}

.offers-list .pic {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    width: 230px;
    padding-right: 20px;
    padding-bottom: 20px;
    transition: transform .25s ease;
    transform: scale(1)
}

.offers-list .pic-link {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 230px;
    max-height: 230px;
    margin: 0 auto;
    text-decoration: none
}

.offers-list .pic-link img {
    display: block;
    max-width: 100%
}

.offers-list .mark-preview {
    position: absolute;
    z-index: 5;
    top: 15px;
    right: 30px;
    width: 54px;
    height: 54px;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 50%;
    background: #ccc;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 54px
}

.offers-list .mark-preview .m-txt {
    margin-right: 2px;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.offers-list .mark-preview .icon {
    position: relative;
    top: -2px;
    vertical-align: middle;
    line-height: 1
}

.offers-list .mark-preview .icon:before {
    display: block
}

.offers-list .item.theme-1 .bg {
    opacity: 0
}

.offers-list .item.theme-1.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .15) 70%, rgba(236, 74, 129, .4) 100%)
}

.offers-list .item.theme-1.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-1.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .15) 70%, rgba(236, 74, 129, .4) 100%)
}

.offers-list .item.theme-1.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-2 .bg {
    opacity: 0
}

.offers-list .item.theme-2.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .15) 70%, rgba(255, 145, 0, .4) 100%)
}

.offers-list .item.theme-2.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-2.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .15) 70%, rgba(255, 145, 0, .4) 100%)
}

.offers-list .item.theme-2.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-3 .bg {
    opacity: 0
}

.offers-list .item.theme-3.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .15) 70%, rgba(116, 54, 143, .4) 100%)
}

.offers-list .item.theme-3.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-3.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .15) 70%, rgba(116, 54, 143, .4) 100%)
}

.offers-list .item.theme-3.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-4 .bg {
    opacity: 0
}

.offers-list .item.theme-4.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .15) 70%, rgba(0, 177, 39, .4) 100%)
}

.offers-list .item.theme-4.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-4.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .15) 70%, rgba(0, 177, 39, .4) 100%)
}

.offers-list .item.theme-4.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-5 .bg {
    opacity: 0
}

.offers-list .item.theme-5.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .15) 70%, rgba(102, 204, 255, .4) 100%)
}

.offers-list .item.theme-5.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-5.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .15) 70%, rgba(102, 204, 255, .4) 100%)
}

.offers-list .item.theme-5.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-6 .bg {
    opacity: 0
}

.offers-list .item.theme-6.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .15) 70%, rgba(0, 132, 193, .4) 100%)
}

.offers-list .item.theme-6.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-6.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .15) 70%, rgba(0, 132, 193, .4) 100%)
}

.offers-list .item.theme-6.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-7 .bg {
    opacity: 0
}

.offers-list .item.theme-7.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .15) 70%, rgba(255, 72, 72, .4) 100%)
}

.offers-list .item.theme-7.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-7.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .15) 70%, rgba(255, 72, 72, .4) 100%)
}

.offers-list .item.theme-7.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-8 .bg {
    opacity: 0
}

.offers-list .item.theme-8.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .15) 70%, rgba(181, 128, 204, .4) 100%)
}

.offers-list .item.theme-8.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-8.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .15) 70%, rgba(181, 128, 204, .4) 100%)
}

.offers-list .item.theme-8.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-9 .bg {
    opacity: 0
}

.offers-list .item.theme-9.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .15) 70%, rgba(133, 237, 134, .4) 100%)
}

.offers-list .item.theme-9.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-9.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .15) 70%, rgba(133, 237, 134, .4) 100%)
}

.offers-list .item.theme-9.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-10 .bg {
    opacity: 0
}

.offers-list .item.theme-10.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .15) 70%, rgba(255, 238, 48, .4) 100%)
}

.offers-list .item.theme-10.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-10.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .15) 70%, rgba(255, 238, 48, .4) 100%)
}

.offers-list .item.theme-10.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-11 .bg {
    opacity: 0
}

.offers-list .item.theme-11.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .15) 70%, rgba(223, 177, 219, .4) 100%)
}

.offers-list .item.theme-11.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-11.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .15) 70%, rgba(223, 177, 219, .4) 100%)
}

.offers-list .item.theme-11.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-12 .bg {
    opacity: 0
}

.offers-list .item.theme-12.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .15) 70%, rgba(255, 126, 244, .4) 100%)
}

.offers-list .item.theme-12.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-12.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .15) 70%, rgba(255, 126, 244, .4) 100%)
}

.offers-list .item.theme-12.height-2 .bg {
    opacity: .6
}

.offers-list .item.theme-13 .bg {
    opacity: 0
}

.offers-list .item.theme-13.width-2 {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .15) 70%, rgba(0, 150, 136, .4) 100%)
}

.offers-list .item.theme-13.width-2 .bg {
    opacity: .6
}

.offers-list .item.theme-13.width-2 .bg:before {
    background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .15) 70%, rgba(0, 150, 136, .4) 100%)
}

.offers-list .item.theme-13.height-2 .bg {
    opacity: .6
}

.order-list {
    margin: 30px 0;
    padding: 40px;
    border: 1px solid #e7e7e7;
    background: #fcfcfc
}

.order-list .title {
    margin-top: 0;
    margin-bottom: 35px;
    word-spacing: 2px
}

.order-list .wrap-text {
    margin-bottom: 40px
}

.order-list .line {
    margin-bottom: 16px;
    line-height: 1.3
}

.order-list .line:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.order-list .key {
    float: left;
    width: 200px
}

.order-list .val {
    overflow: hidden
}

.smart-banner-big {
    margin-bottom: 30px;
    padding: 44px 60px 50px;
    text-align: center;
    color: #74368f;
    border: 4px solid #74368f
}

.smart-banner-big .title {
    margin-bottom: 30px;
    line-height: 1.2
}

.smart-banner-big .title .icon, .smart-banner-big .title .txt {
    display: inline-block;
    vertical-align: middle
}

.smart-banner-big .title .icon {
    margin-right: 10px
}

.smart-banner-big .title .icon:before {
    display: inline-block;
    width: 2.2em;
    height: 2.2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -251.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .smart-banner-big .title .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.smart-banner-big .title .txt {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 24px
}

.smart-banner-big .description {
    max-width: 540px;
    margin: 0 auto 15px;
    line-height: 1.3
}

.smart-banner-big .partners-list {
    margin: 30px 0
}

.smart-banner-big .partners-list .item {
    display: inline-block;
    margin: 20px;
    vertical-align: middle
}

.smart-banner-big .partners-list img {
    display: block;
    max-width: 200px;
    max-height: 100px
}

.smart-banner-big .form-smart-big .line-row {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
}

.smart-banner-big.preview {
    padding: 35px 55px 30px 140px;
    text-align: left;
    border: none;
    background: #ecddf2
}

.smart-banner-big.preview .description {
    max-width: none;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0
}

.smart-banner-big.preview .title {
    margin-bottom: 5px
}

.smart-banner-big.preview .title .icon {
    margin-right: 15px;
    margin-left: -40px;
    transform: scale(1.2)
}

.smart-banner-big.preview .title .txt {
    font-size: 30px
}

.smart-banner-big.preview .btn-wrap {
    margin-bottom: 10px;
    padding-top: 15px
}

.sale-block {
    padding-top: 10px
}

.sale-block-i {
    position: relative
}

.sale-block-i:before {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 22.5%;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translate(-50%, -50%) rotate(-45deg);
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #f7fbfe
}

.sale-block_pos {
    position: absolute;
    z-index: 100;
    top: 100%;
    display: none;
    width: 100%
}

.sale-block .s-wrap {
    position: relative;
    text-align: center;
    border: 1px solid #e7e7e7;
    background: #f7fbfe;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.sale-block .s-ttl {
    padding: 25px 0 15px;
    text-transform: uppercase;
    color: #000;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2
}

.sale-block .s-lnk {
    display: block;
    padding: 20px 0 14px;
    text-decoration: none;
    color: #333;
    border-top: 1px solid #e7e7e7;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    line-height: 1.2
}

.sale-block .s-lnk:hover {
    background: #f0f6fb
}

.sale-block .add-opt {
    padding: 10px 15px
}

.sale-block .add-opt + .s-ttl {
    border-top: 1px solid #e7e7e7
}

.sale-block .add-opt .opt-item:after, .sale-block .add-opt .opt-item:before {
    display: table;
    content: ' '
}

.sale-block .add-opt .opt-item:after {
    clear: both
}

.sale-block .add-opt .opt-item + .opt-item {
    margin-top: 5px
}

.sale-block .add-opt .opt-item.block .opt-count:before {
    width: 1.4em;
    height: 1.2em;
    background-position: -.2em -158.4em
}

.sale-block .add-opt .opt-item.pallet .opt-count:before {
    width: 1.8em;
    height: 1.2em;
    background-position: -.2em -160em
}

.sale-block .add-opt .btn-add, .sale-block .add-opt .opt-count {
    height: 20px;
    padding: 0;
    border: 0;
    background: 0 0;
    font-size: 13px;
    line-height: 20px
}

.sale-block .add-opt .opt-count {
    position: relative;
    float: left;
    padding-left: 25px;
    color: #999
}

.sale-block .add-opt .opt-count:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .sale-block .add-opt .opt-count:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.sale-block .add-opt .btn-add {
    float: right;
    transition: color .2s ease;
    color: #5cd3cf
}

.sale-block .add-opt .btn-add:hover {
    color: #e94d58
}

.overlay {
    position: fixed;
    z-index: 1190;
    top: -50px;
    right: 0;
    bottom: -50px;
    left: 0;
    display: none;
    transition: none;
    background-color: rgba(0, 0, 0, .5)
}

.smart-bonus {
    width: 300px;
    max-width: 300px;
    height: auto;
    padding: 13px 15px 13px 19px;
    border-left: 4px #a13bdf solid;
    background: linear-gradient(to right, rgba(244, 237, 249, .9) 10%, #fff), #f7f7f7
}

.smart-bonus_pos {
    margin-top: 40px
}

.smart-bonus .icon.ic2-icon_bonus_card + .bonus-amount {
    padding-left: 25px
}

.smart-bonus .icon.ic2-icon_bonus_single + .bonus-amount {
    padding-left: 20px
}

.smart-bonus .ic2-icon_bonus_single {
    position: absolute
}

.smart-bonus .heading {
    position: relative;
    color: #a13bdf;
    font-size: 17px
}

.smart-bonus .heading + p {
    margin-top: 5px;
    margin-bottom: 0;
    color: #2e2e2e;
    font-size: 14px;
    line-height: 1.3
}

.product-view.grid-layout {
    display: grid !important;
    display: -ms-grid !important;
    flex-wrap: wrap;
    margin-bottom: 127px;
    grid-auto-flow: column;
    -ms-grid-columns: 502px 394px 566px;
    -ms-grid-rows: auto auto auto auto;
    grid-template-columns:502px 394px 566px;
    grid-template-rows:auto auto auto auto
}

.product-view.grid-layout .slider {
    position: relative
}

.product-view.grid-layout .smart-wrap__articul {
    display: none
}

.product-view.grid-layout .in-stock, .product-view.grid-layout .not-available {
    position: relative;
    display: flex;
    margin-top: 5px;
    margin-bottom: 49px;
    text-transform: uppercase;
    color: #458381;
    font-size: 13px
}

.product-view.grid-layout .params {
    position: relative;
    padding-bottom: 10px
}

.product-view.grid-layout .params .line {
    font-size: 17.5px;
    line-height: 1.2
}

.product-view.grid-layout .params .line.brand a {
    line-height: 1.6
}

.product-view.grid-layout .params .line.brand a:hover {
    text-decoration: underline
}

.product-view.grid-layout .params .line.link {
    margin-top: 33px
}

.product-view.grid-layout .params .line .all {
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13.5px
}

.product-view.grid-layout .params .line .all:before {
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 1px;
    content: '';
    transition: bottom .3s ease;
    background: #5cd3cf
}

.product-view.grid-layout .params .line .all:hover:before {
    bottom: -2px
}

.product-view.grid-layout .params .line:not(.link) {
    margin-bottom: 18px
}

.product-view.grid-layout .params .line:not(.link):last-child {
    margin-bottom: 0
}

.product-view.grid-layout .params a {
    text-decoration: none
}

.product-view.grid-layout .params .check-wrap {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 10px;
    cursor: pointer;
    vertical-align: middle
}

.product-view.grid-layout .params .check-wrap input[type=checkbox], .product-view.grid-layout .params .check-wrap input[type=radio] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0
}

.product-view.grid-layout .params .check-wrap input[type=checkbox]:checked ~ .check-box, .product-view.grid-layout .params .check-wrap input[type=radio]:checked ~ .check-box {
    border-color: #e0e0e0
}

.product-view.grid-layout .params .check-wrap .check-box {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -15px;
    transition: border .3s ease;
    border: 5px solid #fff;
    border-radius: 7px
}

.product-view.grid-layout .offer {
    position: relative;
    margin-left: 27px;
    padding-left: 45px;
    text-transform: uppercase;
    color: #f96a00;
    font-size: 14px
}

.product-view.grid-layout .offer_link {
    text-decoration: none
}

.product-view.grid-layout .offer_link:nth-of-type(1) {
    margin-right: 30px
}

.product-view.grid-layout .offer_link:hover {
    text-decoration: underline
}

.product-view.grid-layout .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -14px;
    transition: background .3s ease;
    transform: scale(1.4);
    border-radius: 50%;
    background: #458381
}

.product-view.grid-layout .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    transform: translate(-50%, -50%) scale(.7);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -369.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .product-view.grid-layout .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.product-view.grid-layout .text {
    margin-left: 7px
}

.product-view.grid-layout .smart-bonus {
    flex-basis: 100%;
    order: 0
}

.product-view.grid-layout .smart-wrap {
    flex-basis: 100%;
    order: 1
}

.product-view.grid-layout .slider {
    flex-basis: 33%;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2
}

.product-view.grid-layout .details {
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    order: 3
}

.product-view.grid-layout .buy-view {
    flex-basis: 42%;
    flex-grow: 0;
    flex-shrink: 0;
    order: 4
}

.no-cssgridlegacy.no-cssgrid .product-view.grid-layout .slider {
    flex-basis: 527px;
    flex-grow: 0;
    flex-shrink: 0;
    order: 0
}

.no-cssgridlegacy.no-cssgrid .product-view.grid-layout .smart-wrap {
    flex-basis: auto;
    order: 1
}

.no-cssgridlegacy.no-cssgrid .product-view.grid-layout .details {
    order: 2
}

.no-cssgridlegacy.no-cssgrid .product-view.grid-layout .smart-bonus {
    flex-basis: auto;
    order: 3
}

.no-cssgridlegacy.no-cssgrid .product-view.grid-layout .p-crd-info {
    width: 583px
}

.product-view.grid-layout .smart-wrap {
    -ms-grid-column: 2;
    grid-column: 2/3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    grid-row: 1/2;
    -ms-grid-row-span: 1
}

.product-view.grid-layout .smart-bonus {
    align-self: end;
    -ms-grid-column: 2;
    grid-column: 2/3;
    -ms-grid-column-span: 1;
    grid-row: 3;
    justify-self: center
}

.product-view.grid-layout .details {
    -ms-grid-column: 2;
    grid-column: 2/3;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    grid-row: 2/3;
    -ms-grid-row-span: 3
}

.product-view.grid-layout .slider {
    -ms-grid-column: 1;
    grid-column: 1/2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    grid-row: 1/5;
    -ms-grid-row-span: 4
}

.product-view.grid-layout .buy-view {
    -ms-grid-column: 3;
    grid-column: 3/4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    grid-row: 1/5;
    -ms-grid-row-span: 4
}

.product-view.grid-layout .offers {
    -ms-grid-column: 3;
    grid-column: 3/4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    grid-row: 3/5;
    -ms-grid-row-span: 2
}

.offers {
    display: inline-flex;
    align-items: center;
    height: 90px;
    margin-top: 41px;
    border-left: 4px #f99820 solid;
    background: linear-gradient(to right, #fff5ed, #fff)
}

.collection-group h2 {
    font-size: 31px
}

.collection-group h2 span {
    color: #5cd3cf
}

.mfp-iframe-holder .mfp-close {
    width: 20px
}

.sl-element .discount {
    position: absolute;
    z-index: 100;
    top: 253px;
    right: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    pointer-events: none;
    color: #fff;
    border-radius: 50%;
    background: #5cd3cf;
    font-size: 19px
}

.sl-element .foto360-icon, .sl-element .video-icon, .sl-element .zoom-icon {
    position: absolute;
    z-index: 200;
    width: 25px;
    height: 25px
}

.sl-element .zoom-icon {
    top: 23px;
    right: 37px;
    background: url(/local/templates/html/images/tmp/zoom.png) center center no-repeat
}

.sl-element .video-icon {
    top: 24px;
    left: 37px;
    transition: .3s ease;
    transform: scale(1.35);
    background: url(/local/templates/html/images/tmp/play.png) center center no-repeat;
    background-size: contain
}

.sl-element .video-icon:hover {
    opacity: .75
}

.sl-element .foto360-icon {
    top: 70px;
    left: 35px;
    text-decoration: none;
    text-transform: uppercase;
    color: #bdbdbd;
    font-size: 24px
}

.sl-element .wrap.not-init .carousel .sl-item:not(:first-child) {
    display: none
}

.sl-element .wrap.not-init .pager-wrapper .pager {
    display: none
}

.sl-element .wrap.not-init .next, .sl-element .wrap.not-init .prev {
    display: none !important
}

.sl-element .carousel-wrapper {
    overflow: hidden;
    height: 412px
}

.sl-element .carousel {
    position: relative
}

.sl-element .carousel .sl-item {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 412px;
    padding: 0 38px
}

.sl-element .carousel .sl-item .pic {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 412px;
    text-decoration: none
}

.sl-element .carousel .sl-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 90%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.sl-element .pager-wrapper {
    position: relative;
    width: 467px;
    height: 100px;
    margin: 10px auto 0;
    padding: 0 26px
}

.sl-element .pager {
    position: relative;
    z-index: 1;
    width: 100%
}

.sl-element .pager .sl-item {
    position: relative;
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 18px;
    cursor: pointer !important;
    transition: border .3s ease
}

.sl-element .pager .sl-item:hover:before {
    content: ''
}

.sl-element .pager .sl-item.selected:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: '';
    cursor: default;
    border: 1px solid #5cd3cf
}

.sl-element .pager .sl-item:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: none;
    border: 1px solid silver
}

.sl-element .pager .sl-item .thumb-placeholder {
    position: absolute;
    position: relative;
    top: 50%;
    left: 50%;
    opacity: .9;
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #fdfdfd
}

.sl-element .pager .sl-item .thumb-placeholder .play-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -6px;
    content: '';
    border-width: 11px 0 11px 18px;
    border-style: solid;
    border-color: transparent #353535
}

.sl-element .pager .sl-item .thumb-placeholder .text {
    text-align: center;
    color: #5cd3cf;
    line-height: 45px
}

.sl-element .pager .sl-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 90%;
    max-height: 100%;
    transform: translate(-50%, -50%)
}

.sl-element .next, .sl-element .prev {
    position: absolute;
    z-index: 2;
    display: block;
    overflow: hidden;
    width: 17px;
    height: 17px;
    transition: background .2s ease;
    text-decoration: none
}

.sl-element .next:before, .sl-element .prev:before {
    position: absolute;
    display: block;
    width: 17px;
    height: 17px;
    content: '';
    transition: border .2s ease;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc
}

.sl-element .next:hover:before, .sl-element .prev:hover:before {
    border-color: #999
}

.sl-element .prev {
    top: 54%;
    left: 6px;
    transform: translateY(-50%) rotate(-135deg)
}

.sl-element .next {
    top: 54%;
    right: 6px;
    transform: translateY(-50%) rotate(45deg)
}

.p-crd-info {
    position: relative;
    display: flex;
    flex-flow: wrap row;
    width: 100%;
    padding: 30px;
    border: 1px solid #e7e7e7
}

.p-crd-info__add-goods, .p-crd-info__price {
    flex: 1 0 51%
}

.p-crd-info__controls, .p-crd-info__delivery {
    flex-basis: auto
}

.p-crd-info__trigger-link {
    position: relative;
    align-self: center;
    padding-left: 30px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 9px
}

.p-crd-info__trigger-link:before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    content: '';
    transform: translate(-50%, -45%) scale(.8);
    background: url(/local/templates/html/images/icons/i-truck.svg) no-repeat
}

.p-crd-info__elems-wrap + .p-crd-info__elems-wrap {
    margin-top: 10px
}

.p-crd-info__elems-wrap {
    display: flex;
    flex-basis: 100%
}

.p-crd-info__price {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-right: 20px
}

.p-crd-info__price_mb {
    margin-bottom: 20px
}

.p-crd-info__controls {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.p-crd-info__controls_mb {
    margin-bottom: 20px
}

.p-crd-info__link:focus {
    text-decoration: none;
    color: inherit
}

.p-crd-info__btn-wrap {
    display: flex;
    flex-basis: 227px
}

.p-crd-info__add-goods_mt {
    margin-top: 30px
}

.p-crd-info__delivery_mt {
    margin-top: 30px
}

.p-crd-info__delivery_pos {
    display: flex;
    justify-content: center
}

.price-item {
    align-self: flex-start
}

.price-item_mb {
    margin-bottom: 15px
}

.price-item_old {
    position: relative;
    font-size: 20px
}

.price-item_old:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #000
}

.product-card .price-item_old {
    position: absolute;
    top: -27px;
    left: 0
}

.price-item_new {
    position: relative;
    display: flex;
    border-bottom: 1px dashed #dadada
}

.price-item_new:hover .prod-price-drop {
    display: block
}

.price-item_red {
    color: #5cd3cf
}

.price-item__val {
    font-family: OpenSans-ExtraBold, Helvetica, Arial, sans-serif;
    font-size: 24px
}

.price-item__val_new {
    font-size: 45px;
    line-height: 45px
}

.price-item__val_not-avail {
    font-size: 34px;
    line-height: 34px
}

.price-item__cur {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 1.45rem
}

.price-item__cur_new {
    font-size: 2.4rem
}

.p-crd-info__link {
    position: relative;
    display: block;
    min-height: 22px;
    padding-left: 32px;
    text-decoration: none;
    color: #666;
    font-family: OpenSans-Light, Helvetica, Arial, sans-serif
}

.p-crd-info__link + .p-crd-info__link {
    margin-top: 30px
}

.p-crd-info__link:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .p-crd-info__link:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.p-crd-info__link:hover {
    text-decoration: none
}

.p-crd-info__link.active {
    color: #5cd3cf
}

.p-crd-info__link-txt {
    font-size: 17.5px
}

.p-crd-info__link-txt:hover {
    color: #5cd3cf
}

.p-crd-info__link_compare:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.p-crd-info__link_compare:hover:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.p-crd-info__link_compare.active:before {
    width: 1.92em;
    height: 1.72em;
    background-position: -.2em -330.2em
}

.p-crd-info__link_collection:before {
    width: 1.89em;
    height: 1.791em;
    height: 1.89em;
    background-position: -.2em -321.4em
}

.p-crd-info__link_collection:hover:before {
    width: 1.89em;
    height: 1.791em;
    height: 1.89em;
    background-position: -.2em -325.8em
}

.p-crd-info__link_collection.active:before {
    width: 1.89em;
    height: 1.79em;
    background-position: -.2em -323.6em
}

.add-goods_mt {
    margin-bottom: 15px
}

.add-goods__plus {
    color: #458381
}

.add-goods__txt {
    text-decoration: none;
    color: #1a1a1a;
    font-size: 15px
}

.add-goods__txt:hover {
    text-decoration: underline;
    color: inherit
}

.add-goods__count {
    display: inline-block;
    margin-left: 5px;
    color: #a7a7a7
}

.p-crd-info__text {
    align-self: flex-start;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 40px
}

.p-crd-info_not-avail {
    flex-direction: row
}

.p-crd-info_not-avail button {
    align-self: flex-start
}

.controls-order-mob {
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 11px 15px;
    border-top: 1px solid #dadada;
    background: #fff
}

.controls-order-mob__text {
    align-self: center;
    margin-bottom: 0;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px
}

.controls-order-mob__btn {
    display: flex;
    align-items: center;
    flex: 0 0 190px;
    justify-content: center;
    height: 66px
}

.prod-table-list .th-collection {
    width: 40px !important
}

.product-promo {
    margin-bottom: 10px
}

.product-promo .list {
    margin-left: -50px
}

.product-promo .item {
    display: inline-block;
    margin-bottom: 40px;
    margin-left: 50px;
    vertical-align: middle;
    text-decoration: none
}

.product-promo .link {
    position: relative;
    display: block;
    height: 100%;
    text-decoration: none
}

.product-promo .review .link {
    height: 85px
}

.product-promo .review .link:hover .pic:before {
    opacity: 1;
    transform: scale(1)
}

.product-promo .review .link:hover .pic img {
    opacity: .6
}

.product-promo .review .link:hover .text {
    color: #5cd3cf
}

.product-promo .review .pic {
    position: relative;
    float: left;
    overflow: hidden;
    width: 155px;
    height: 85px;
    background: #333
}

.product-promo .review .pic:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: block;
    opacity: 0;
    margin-top: -10px;
    margin-left: -8px;
    content: '';
    transition: opacity .3s ease, transform .3s ease;
    transform: scale(1.5);
    border: 10px solid transparent;
    border-right: none;
    border-left: 16px solid #fff
}

.product-promo .review .pic img {
    position: relative;
    z-index: 1;
    display: block;
    opacity: 1;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    transition: opacity .3s ease
}

.product-promo .review .text {
    position: relative;
    top: 50%;
    overflow: hidden;
    width: 200px;
    max-height: 5.2em;
    padding-left: 20px;
    transition: color .3s ease;
    transform: translateY(-50%);
    text-transform: uppercase;
    color: #000;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.3
}

.product-promo .gift .link {
    padding-left: 40px
}

.product-promo .gift .link:hover .icon {
    background: #5cd3cf
}

.product-promo .gift .link:hover .text {
    color: #5cd3cf
}

.product-promo .gift .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -14px;
    transition: background .3s ease;
    border-radius: 50%;
    background: #458381
}

.product-promo .gift .icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2em;
    height: 2.2em;
    content: ' ';
    transform: translate(-50%, -50%) scale(.7);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -369.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .product-promo .gift .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.product-promo .gift .text {
    max-width: 220px;
    transition: color .3s ease;
    text-transform: uppercase;
    color: #458381;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2
}

.basket-tabs, .product-tabs {
    margin-bottom: 35px
}

.basket-tabs .nav-tabs, .product-tabs .nav-tabs {
    position: relative;
    margin: 0;
    padding-top: 20px
}

.basket-tabs .nav-tabs:before, .product-tabs .nav-tabs:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: #f1f1f1
}

.basket-tabs .nav-tabs li, .product-tabs .nav-tabs li {
    margin-bottom: 0
}

.basket-tabs .nav-tabs li .tab-head, .product-tabs .nav-tabs li .tab-head {
    margin: 0;
    padding: 20px 26px 16px;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.basket-tabs .nav-tabs li .tab-head:hover, .product-tabs .nav-tabs li .tab-head:hover {
    background: #d5eeed
}

.basket-tabs .nav-tabs li .tab-head span, .product-tabs .nav-tabs li .tab-head span {
    text-transform: uppercase;
    color: #666;
    border: none
}

.basket-tabs .nav-tabs li .tab-head span.count, .product-tabs .nav-tabs li .tab-head span.count {
    margin-left: 8px;
    color: #458381
}

.basket-tabs .nav-tabs li.active .tab-head, .product-tabs .nav-tabs li.active .tab-head {
    background: #fff
}

.basket-tabs .nav-tabs li.active .tab-head span, .product-tabs .nav-tabs li.active .tab-head span {
    color: #458381
}

.basket-tabs .tab-content, .product-tabs .tab-content {
    padding: 15px 0
}

.basket-tabs .tab-content .wrap-text .video, .product-tabs .tab-content .wrap-text .video {
    float: right;
    width: 100%;
    height: 246px;
    margin-bottom: 20px;
    margin-left: 20px
}

.basket-tabs .tab-content .tab-title, .product-tabs .tab-content .tab-title {
    position: relative;
    overflow: hidden;
    margin-top: 1.8em;
    margin-bottom: 1.2em;
    padding-right: 150px
}

.basket-tabs .tab-content .tab-title:before, .product-tabs .tab-content .tab-title:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -2px;
    content: '';
    background: #e7e7e7
}

.basket-tabs .tab-content .ttl-txt, .product-tabs .tab-content .ttl-txt {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-right: 30px;
    background: #fff;
    line-height: 1.1
}

.basket-tabs .tab-content .related-products, .product-tabs .tab-content .related-products {
    margin-top: 40px;
    margin-bottom: 10px
}

.basket-tabs .tab-content .related-products .title-differ, .product-tabs .tab-content .related-products .title-differ {
    margin-bottom: 20px
}

.basket-tabs .tab-content .related-products.list, .product-tabs .tab-content .related-products.list {
    margin-top: 15px
}

#product-accordion-panel-10 {
    overflow: hidden
}

.reviews-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    transition: transform .3s ease
}

.reviews-grid .video {
    width: 25%;
    height: 300px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px
}

#product-accordion-panel-8 {
    position: relative;
    padding-top: 0
}

#product-accordion-panel-8 .tab-content {
    padding: 0
}

#product-accordion-panel-8 .acc-body {
    padding-top: 0
}

#product-accordion-panel-8 .title-differ {
    margin-bottom: 0
}

#product-accordion-panel-8 .tags {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-top: 0
}

#product-accordion-panel-8 .tags .list {
    margin: 0
}

#product-accordion-panel-8 .tags .item {
    margin-top: 5px
}

#product-accordion-panel-8 .related-products {
    display: flex;
    flex-direction: column;
    padding: 0
}

#product-accordion-panel-8 .related-products:before {
    content: none
}

.related-news {
    position: relative;
    margin-bottom: 45px;
    padding-top: 60px
}

.related-products {
    position: relative;
    margin-bottom: 0;
    padding-top: 25px
}

.related-products .sl-nav_descktop {
    top: 0
}

.related-products .infinite-slider {
    padding-bottom: 75px
}

.related-news.related-products_analogy, .related-products.related-products_analogy {
    flex-direction: column;
    margin-bottom: 0;
    padding-top: 0
}

.related-news.related-products_analogy::before, .related-products.related-products_analogy::before {
    display: none
}

.related-news .tab-content, .related-products .tab-content {
    padding: 0
}

.related-news [id^=slider]:not(.active), .related-products [id^=slider]:not(.active) {
    display: none
}

.related-news:before, .related-products:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #e7e7e7
}

.related-news.new-cards, .related-products.new-cards {
    margin-bottom: 50px
}

.acc-body .related-news.new-cards, .acc-body .related-products.new-cards {
    margin-bottom: 0
}

.acc-body .related-news.new-cards .title-differ, .acc-body .related-products.new-cards .title-differ {
    display: none
}

.related-news.new-cards .title-differ, .related-products.new-cards .title-differ {
    display: block
}

.related-news.new-cards .slide, .related-products.new-cards .slide {
    height: auto;
    padding: 0
}

.related-news .title-differ, .related-products .title-differ {
    margin-bottom: 0
}

.related-news .title-differ + .tags, .related-products .title-differ + .tags {
    margin-top: 10px;
    margin-bottom: 10px
}

.related-news .caroufredsel_wrapper, .related-products .caroufredsel_wrapper {
    overflow: visible !important;
    cursor: auto !important
}

.related-news .wrap, .related-products .wrap {
    margin-right: -15px;
    margin-left: -15px
}

.related-news .wrap.not-init, .related-products .wrap.not-init {
    overflow: hidden
}

.related-products .wrap.not-init .slider {
    overflow: hidden;
    height: 440px
}

.related-news .wrap.not-init .slide, .related-products .wrap.not-init .slide {
    visibility: visible;
    width: 25%
}

.related-news .wrap.opacity, .related-products .wrap.opacity {
    opacity: 1;
    transition: opacity .4s ease
}

.related-news .prod-card-tile, .related-news .slide, .related-products .prod-card-tile, .related-products .slide {
    float: left;
    height: 440px;
    padding: 15px;
    transition: opacity .4s ease
}

.related-news .prod-card-tile.visible, .related-news .slide.visible, .related-products .prod-card-tile.visible, .related-products .slide.visible {
    visibility: visible;
    opacity: 1
}

.related-news .sl-nav-mob, .related-products .sl-nav-mob {
    display: none
}

.related-news .sl-nav-mob.not-init, .related-products .sl-nav-mob.not-init {
    display: none !important
}

.related-news .sl-nav-mob .prev, .related-products .sl-nav-mob .prev {
    float: left
}

.related-news .sl-nav-mob .next, .related-products .sl-nav-mob .next {
    float: right
}

.related-news .next, .related-news .prev, .related-products .next, .related-products .prev {
    position: relative;
    display: inline-block !important;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 50%;
    background: #ededed;
    line-height: 40px
}

.related-news .next:active, .related-news .next:hover, .related-news .prev:active, .related-news .prev:hover, .related-products .next:active, .related-products .next:hover, .related-products .prev:active, .related-products .prev:hover {
    background: #5cd3cf
}

.related-news .next:active:before, .related-news .next:hover:before, .related-news .prev:active:before, .related-news .prev:hover:before, .related-products .next:active:before, .related-products .next:hover:before, .related-products .prev:active:before, .related-products .prev:hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.related-news .next:before, .related-news .prev:before, .related-products .next:before, .related-products .prev:before {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 1.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -532.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .related-news .next:before, .no-svg .related-news .prev:before, .no-svg .related-products .next:before, .no-svg .related-products .prev:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.related-news .prev:before, .related-products .prev:before {
    left: -1px;
    transform: rotate(180deg)
}

.related-news .next, .related-products .next {
    margin-left: 10px
}

.related-news .next:before, .related-products .next:before {
    right: -1px
}

.related-news.consumables, .related-products.consumables {
    padding-top: 0
}

.related-news.consumables:before, .related-products.consumables:before {
    display: none
}

.related-news.consumables .wrap.not-init .slider, .related-products.consumables .wrap.not-init .slider {
    height: auto
}

.related-news.consumables .wrap.not-init .slide + .slide, .related-products.consumables .wrap.not-init .slide + .slide {
    display: none
}

.related-news.consumables .slide:not(.normal), .related-products.consumables .slide:not(.normal) {
    height: auto;
    padding-top: 0;
    padding-bottom: 0
}

.related-news.no-accordion, .related-products.no-accordion {
    margin-bottom: 40px;
    padding-top: 50px
}

.related-news.no-accordion .title-differ, .related-products.no-accordion .title-differ {
    margin-bottom: 0
}

.related-news.no-accordion.double .sl-nav, .related-products.no-accordion.double .sl-nav {
    top: 0;
    padding-top: 5px
}

.related-news.no-accordion.double .sl-nav .not-init, .related-products.no-accordion.double .sl-nav .not-init {
    visibility: hidden
}

.related-news.no-accordion {
    margin-bottom: 40px;
    padding-top: 50px
}

.related-news.no-accordion .title-differ {
    margin-bottom: 0
}

.related-news.no-accordion.double .sl-nav {
    top: 0;
    padding-top: 5px
}

.related-news.no-accordion.double .sl-nav .not-init {
    visibility: hidden
}

.main-partners .slider, .slider-initial {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 99999px;
    max-height: 100vh;
    transition: transform .35s ease;
    transform: translateX(calc(var(--i) / var(--n) * -100%));
    will-change: tranform
}

.main-partners .slider img, .slider-initial img {
    user-select: none;
    pointer-events: none
}

.tags {
    margin-top: 10px;
    margin-bottom: 8px
}

.tags .item {
    margin-right: 3px;
    margin-bottom: 8px
}

.tags .item.item_mb {
    margin-bottom: 10px !important
}

.tags .item:last-child {
    margin-right: 0
}

.tags .item > a {
    display: block;
    height: 26px;
    padding: 0 15px;
    text-decoration: none;
    color: #666;
    border-radius: 4px;
    background: #ebebeb;
    font-size: 14px;
    line-height: 26px
}

.tags .item > a:hover {
    background: #d5eeed
}

.tags .item.active > a {
    color: #fff;
    background: #5cd3cf
}

.reviews-list {
    margin-bottom: 50px
}

.reviews-list.showAll .wrap-btn-all .btn-all:before {
    margin-top: 0;
    transform: translateY(-50%) rotate(180deg)
}

.reviews-list.showAll .wrap-btn-all .btn-all .opened {
    display: block
}

.reviews-list.showAll .wrap-btn-all .btn-all .closed {
    display: none
}

.reviews-list .items-wrap {
    margin-right: -15px;
    margin-bottom: 30px;
    margin-left: -15px
}

.reviews-list .item {
    position: relative;
    float: left;
    width: 33.33%;
    height: 380px;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px
}

.reviews-list .item.item-hidden {
    display: none
}

.reviews-list .item.not-init .item_i {
    opacity: 0
}

.reviews-list .item_i {
    position: relative;
    opacity: 1;
    height: 380px;
    min-height: 380px;
    padding: 40px 30px 20px;
    transition: all .2s ease;
    background: #f8f8f8
}

.reviews-list .item_i.no-toggle .toggle-wrap {
    display: none
}

.reviews-list .item_i.no-toggle .text-wrap:before {
    display: none
}

.reviews-list .item_i.open {
    z-index: 100;
    height: auto;
    min-height: 400px;
    margin: -10px -10px 20px;
    padding: 50px 40px 15px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .3)
}

.reviews-list .item_i.open .toggle-wrap {
    padding-top: 20px
}

.reviews-list .item_i.open .btn-toggle span, .reviews-list .item_i.open .btn-toggle span:after, .reviews-list .item_i.open .btn-toggle span:before {
    background: #5cd3cf
}

.reviews-list .item_i.open .text-wrap:before {
    display: none
}

.reviews-list .item_i.open .btn-close {
    display: block
}

.reviews-list .item_i.open.closed {
    z-index: 99
}

.reviews-list .pic {
    position: relative;
    height: 90px;
    margin-bottom: 10px
}

.reviews-list .pic img {
    position: relative;
    top: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    transform: translateY(-50%)
}

.reviews-list .text-wrap {
    position: relative;
    overflow: hidden;
    height: 180px;
    padding: 0 2px
}

.reviews-list .text-wrap:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 20px;
    content: '';
    background: linear-gradient(to bottom, rgba(248, 248, 248, 0) 0, #f8f8f8 80%)
}

.reviews-list .link-popup {
    position: relative;
    display: block;
    min-height: 60px;
    margin-top: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 90px;
    text-decoration: none
}

.reviews-list .link-popup:hover .l-txt {
    color: #5cd3cf
}

.reviews-list .link-popup .l-pic {
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 70px;
    max-height: 60px;
    transform: translateY(-50%)
}

.reviews-list .link-popup .l-pic img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 60px
}

.reviews-list .link-popup .l-txt {
    color: #666;
    font-size: 14px;
    line-height: 1.3
}

.reviews-list .toggle-wrap {
    padding-top: 15px;
    transition: padding .2s ease;
    text-align: center
}

.reviews-list .btn-toggle {
    position: relative;
    width: 40px;
    height: 24px;
    border: none;
    outline: 0;
    background: 0 0
}

.reviews-list .btn-toggle:hover span, .reviews-list .btn-toggle:hover span:after, .reviews-list .btn-toggle:hover span:before {
    background: #5cd3cf
}

.reviews-list .btn-toggle span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.reviews-list .btn-toggle span:after, .reviews-list .btn-toggle span:before {
    content: ''
}

.reviews-list .btn-toggle span, .reviews-list .btn-toggle span:after, .reviews-list .btn-toggle span:before {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    transition: background .2s ease;
    border-radius: 50%;
    background: #777
}

.reviews-list .btn-toggle span:before {
    top: 0;
    right: 100%;
    margin-right: 5px
}

.reviews-list .btn-toggle span:after {
    top: 0;
    left: 100%;
    margin-left: 5px
}

.reviews-list .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    width: 30px;
    height: 30px;
    border: none;
    outline: 0;
    background: 0 0
}

.reviews-list .btn-close:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.reviews-list .btn-close:before {
    display: inline-block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .reviews-list .btn-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.reviews-list .text {
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif
}

.reviews-list .wrap-btn-all {
    text-align: center
}

.reviews-list .wrap-btn-all .btn-all {
    position: relative;
    padding-right: 45px;
    padding-left: 25px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.reviews-list .wrap-btn-all .btn-all:active, .reviews-list .wrap-btn-all .btn-all:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.reviews-list .wrap-btn-all .btn-all:active:before, .reviews-list .wrap-btn-all .btn-all:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.reviews-list .wrap-btn-all .btn-all:before {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: .9em;
    height: .6em;
    margin-top: 1px;
    content: ' ';
    transform: translateY(-50%) rotate(0);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .reviews-list .wrap-btn-all .btn-all:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.reviews-list .wrap-btn-all .btn-all .opened {
    display: none
}

.reviews-list .wrap-btn-all .btn-all .closed {
    display: block
}

.search-field {
    margin-bottom: 40px
}

.search-field .search-form {
    position: relative
}

.search-field .form-control {
    padding-right: 50px
}

.search-field .btn-submit {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    border: none;
    background: 0 0;
    line-height: 42px
}

.search-field .btn-submit:before {
    display: inline-block;
    width: 1.5em;
    height: 1.6em;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -484.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .search-field .btn-submit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.search-category {
    margin-bottom: 50px
}

.search-category .tags .item {
    display: inline-block
}

.search-results {
    margin-top: 0;
    margin-bottom: 60px
}

.search-results .nav-tabs {
    margin: 20px 0 20px
}

.search-results .nav-tabs > li {
    margin: 0
}

.search-results .nav-tabs > li .tab-head {
    text-decoration: none;
    border-radius: 3px;
    font-size: 14px
}

.search-results .tab-content {
    padding: 0
}

.search-results .prod-card-wrapper:first-child {
    margin-top: 0
}

.search-card-list {
    display: flex;
    flex-wrap: wrap
}

.btn-filters {
    display: none;
    width: 100%;
    margin-bottom: 20px;
    color: #666;
    background-color: #fff;
    font-size: 14px
}

.page-title.service-points {
    margin-bottom: 0
}

.page-title.service-points .pt-wrap {
    float: left
}

.page-title.service-points .filter-view {
    float: right;
    margin-top: 20px;
    margin-bottom: 0
}

.page-title.service-points .filter-view:before {
    content: none
}

.filter-view {
    z-index: 102
}

.filter-view.mob p {
    position: relative;
    display: inline-block
}

.filter-view.mob p:before {
    position: absolute;
    top: 50%;
    left: -21px;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    transform: translateY(-50%) rotate(135deg);
    border-top: 1px solid #333;
    border-left: 1px solid #333
}

.contacts-list .item {
    margin-bottom: 45px
}

.contacts-list .wrap {
    display: flex;
    padding-right: 0
}

.contacts-list .wrap:hover .block-btn {
    transform: translateY(0)
}

.contacts-list .line {
    position: initial;
    display: flex;
    padding-left: 0
}

.contacts-list .line .icon {
    position: initial;
    margin-right: 10px;
    transform: translateY(0)
}

.contacts-list .line .text {
    position: initial;
    font-size: 13.5px
}

.contacts-list .line .text.services {
    overflow: hidden;
    max-height: 60px
}

.contacts-list .line .text.services .more {
    cursor: pointer;
    user-select: none;
    color: #5cd3cf;
    font-size: 11px
}

.contacts-list .line .text.services .more:hover {
    text-decoration: underline
}

.contacts-list .line .text .tooltip {
    z-index: 10;
    top: 0;
    right: 0;
    opacity: 1;
    width: 230px;
    height: 101%;
    padding: 20px;
    transition: transform .3s ease;
    transform: translateX(101%);
    background: #ebebeb
}

.contacts-list .line .text .tooltip.active {
    transform: translateX(0)
}

.contacts-list .line .text button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    opacity: .7;
    width: 16px;
    height: 16px;
    transition: opacity .2s ease;
    text-align: center;
    line-height: 14px
}

.contacts-list .line .text button.close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg);
    background-repeat: no-repeat;
    background-position: -.2em -312.4em;
    background-size: 5.7em 524.3em;
    font-size: 10px
}

.contacts-list .block-info {
    overflow: hidden;
    width: calc(100% - 230px);
    min-height: 300px;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-bottom: 0
}

.contacts-list .block-img {
    display: flex
}

.contacts-list .block-img .block-btn {
    align-self: flex-end;
    transition: transform .3s ease;
    transform: translateY(66px)
}

.table-responsive.service-points {
    display: none;
    margin-bottom: 50px
}

.table-responsive.service-points tr td:first-child {
    width: 20%
}

.table-responsive.service-points tr:last-child {
    border-bottom: none !important
}

.service-description .accordion .panel {
    border-bottom: none
}

.service-description .accordion .panel:last-child {
    border-bottom: none
}

.filter-view.mob.mob {
    display: none
}

.solution-menu {
    position: relative;
    margin-bottom: 30px;
    padding-top: 40px
}

.solution-menu:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 2000px;
    max-width: 100vw;
    height: 100px;
    content: '';
    transform: translateX(50%);
    background: #f2f4f7
}

.solution-menu .list {
    position: relative;
    display: flex;
    flex: 0 1 auto
}

.solution-menu .item {
    display: flex;
    width: 100%;
    border: 1px solid #e7e7e7;
    border-left: none
}

.solution-menu .item:first-child {
    border-left: 1px solid #e7e7e7
}

.solution-menu .link-wrap {
    position: relative;
    display: block;
    width: 100%;
    padding: 40px 35px 34px;
    transition: background .2s ease;
    text-decoration: none;
    background: #fff;
    line-height: 1
}

.solution-menu .link-wrap.active, .solution-menu .link-wrap:hover {
    background: #5cd3cf
}

.solution-menu .link-wrap.active .icon.trade:before, .solution-menu .link-wrap:hover .icon.trade:before {
    width: 3.7em;
    height: 3.3em;
    background-position: -.2em -7.2em
}

.solution-menu .link-wrap.active .icon.logic:before, .solution-menu .link-wrap:hover .icon.logic:before {
    width: 3.7em;
    height: 3.6em;
    background-position: -.2em -494.2em
}

.solution-menu .link-wrap.active .icon.hotel:before, .solution-menu .link-wrap:hover .icon.hotel:before {
    width: 3.5em;
    height: 3.5em;
    background-position: -.2em -454.1em
}

.solution-menu .link-wrap.active .icon.bank:before, .solution-menu .link-wrap:hover .icon.bank:before {
    width: 3.4em;
    height: 3.4em;
    background-position: -.2em -477.2em
}

.solution-menu .link-wrap.active .icon.education:before, .solution-menu .link-wrap:hover .icon.education:before {
    width: 3.8em;
    height: 3.3em;
    background-position: -.2em -349.9em
}

.solution-menu .link-wrap.active .ttl, .solution-menu .link-wrap:hover .ttl {
    color: #fff
}

.solution-menu .icon {
    position: relative;
    float: left;
    height: 40px;
    line-height: 40px
}

.solution-menu .icon:before {
    display: inline-block;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .solution-menu .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.solution-menu .icon.trade:before {
    width: 3.7em;
    height: 3.3em;
    background-position: -.2em -3.5em
}

.solution-menu .icon.logic:before {
    width: 3.7em;
    height: 3.6em;
    background-position: -.2em -490.2em
}

.solution-menu .icon.hotel:before {
    width: 3.5em;
    height: 3.5em;
    background-position: -.2em -450.2em
}

.solution-menu .icon.bank:before {
    width: 3.4em;
    height: 3.4em;
    background-position: -.2em -473.4em
}

.solution-menu .icon.education:before {
    width: 3.8em;
    height: 3.3em;
    background-position: -.2em -346.2em
}

.solution-menu .ttl {
    max-width: 190px;
    margin-left: 65px;
    white-space: normal;
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.3
}

.page-hat {
    position: relative
}

.page-hat .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    overflow: hidden;
    width: 2000px;
    max-width: 100vw;
    height: 200px;
    transform: translate(-50%)
}

.page-hat .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    transform: translate(-50%, -50%)
}

.page-hat .wrap {
    position: relative;
    z-index: 2
}

.page-hat .content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

.page-hat .content:after, .page-hat .content:before {
    display: none
}

.page-hat .tm-logo {
    position: relative;
    float: left;
    max-width: 50%
}

.page-hat .tm-logo img {
    display: block;
    max-width: 100%
}

.page-hat .tm-info {
    position: relative;
    float: right;
    max-width: 50%;
    font-size: 14px
}

.page-hat .country {
    margin-bottom: 4px
}

.tm-gallery {
    margin-bottom: 40px
}

.tm-gallery .wrap {
    margin-right: -10px;
    margin-left: -10px
}

.tm-gallery .item {
    margin-bottom: 20px;
    padding: 0 10px
}

.tm-gallery .link-pic {
    position: relative;
    display: block;
    overflow: hidden;
    height: 180px;
    text-decoration: none
}

.tm-gallery .link-pic img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    transition: transform .2s ease;
    transform: translate(-50%, -50%) scale(1);
    will-change: transform
}

.tm-gallery .link-pic .bg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 102%;
    height: 102%;
    transform: translate(-50%, -50%)
}

.tm-gallery .link-pic .bg:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: block;
    opacity: 0;
    width: 5em;
    height: 5em;
    content: ' ';
    transition: opacity .2s ease;
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -153em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .tm-gallery .link-pic .bg:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.tm-gallery .link-pic .bg:after {
    position: absolute;
    z-index: 1;
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: opacity .2s ease;
    background: #000
}

.sl-trademarks {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 50px
}

.sl-trademarks .infinite-slider {
    width: 100%
}

.sl-trademarks.showAll .wrap {
    padding: 0
}

.sl-trademarks.showAll .infinite-slider {
    display: block
}

.sl-trademarks.showAll .sl-nav {
    display: none
}

.sl-trademarks.showAll .wrap-btn-all .btn-all:before {
    margin-top: 0;
    transform: translateY(-50%) rotate(180deg)
}

.sl-trademarks.showAll .wrap-btn-all .btn-all .opened {
    display: block
}

.sl-trademarks.showAll .wrap-btn-all .btn-all .closed {
    display: none
}

.sl-trademarks.showAll .slide {
    width: 20%;
    max-width: none;
    text-align: center
}

.sl-trademarks .wrap {
    position: relative;
    opacity: 1;
    margin-bottom: 20px;
    padding: 0 50px;
    transition: opacity .5s ease-out
}

.sl-trademarks .wrap.not-init .slide:not(:first-child) {
    display: none
}

.sl-trademarks .wrap.init {
    opacity: 1
}

.sl-trademarks .slider {
    display: flex;
    overflow: hidden
}

.sl-trademarks .slide {
    position: relative;
    float: left;
    flex: 0 0 183.332px;
    width: 183.332px;
    height: 120px;
    padding: 30px;
    line-height: 120px
}

.sl-trademarks .slide img {
    display: block;
    opacity: .7;
    width: auto;
    max-width: 100%;
    max-height: 60px;
    transition: all .2s ease
}

.sl-trademarks .link-comment {
    position: absolute;
    top: 0;
    right: 20px;
    display: block;
    text-decoration: none;
    line-height: 1
}

.sl-trademarks .link-comment:hover:before {
    width: 2.2em;
    height: 1.903em;
    background-position: -.2em -397.2em
}

.sl-trademarks .link-comment:before {
    display: inline-block;
    width: 2.2em;
    height: 1.903em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -394.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .sl-trademarks .link-comment:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.sl-trademarks .wrap-pic {
    height: 60px;
    text-align: center;
    vertical-align: middle;
    line-height: 60px
}

.sl-trademarks .link {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle
}

.sl-trademarks .link:hover img {
    opacity: 1
}

.sl-trademarks .next, .sl-trademarks .prev {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transform: translate(0, -50%);
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    background: #ededed;
    line-height: 40px
}

.sl-trademarks .next:before, .sl-trademarks .prev:before {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 1.1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -532.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px;
    line-height: 1
}

.no-svg .sl-trademarks .next:before, .no-svg .sl-trademarks .prev:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.sl-trademarks .next:hover, .sl-trademarks .prev:hover {
    background: #5cd3cf
}

.sl-trademarks .next:hover:before, .sl-trademarks .prev:hover:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.sl-trademarks .next:active, .sl-trademarks .prev:active {
    opacity: .9;
    background: #5cd3cf
}

.sl-trademarks .next:active:before, .sl-trademarks .prev:active:before {
    width: .6em;
    height: 1.1em;
    background-position: -.2em -533.7em
}

.sl-trademarks .next.disabled, .sl-trademarks .prev.disabled {
    display: none
}

.sl-trademarks .prev {
    left: 0
}

.sl-trademarks .prev:before {
    left: -1px;
    transform: rotate(180deg)
}

.sl-trademarks .next {
    right: 0
}

.sl-trademarks .next:before {
    right: -1px
}

.sl-trademarks .wrap-btn-all {
    text-align: center
}

.sl-trademarks .wrap-btn-all .btn-all {
    position: relative;
    padding-right: 45px;
    padding-left: 25px;
    transition: none;
    color: #333;
    border-color: #d6d6d6;
    background: 0 0;
    text-shadow: none;
    font-size: 14px
}

.sl-trademarks .wrap-btn-all .btn-all:active, .sl-trademarks .wrap-btn-all .btn-all:hover {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.sl-trademarks .wrap-btn-all .btn-all:active:before, .sl-trademarks .wrap-btn-all .btn-all:hover:before {
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.sl-trademarks .wrap-btn-all .btn-all:before {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: .9em;
    height: .6em;
    margin-top: 1px;
    content: ' ';
    transform: translateY(-50%) rotate(0);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .sl-trademarks .wrap-btn-all .btn-all:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.sl-trademarks .wrap-btn-all .btn-all .opened {
    display: none
}

.sl-trademarks .wrap-btn-all .btn-all .closed {
    display: block
}

.drop-user-panel {
    display: none;
    padding: 20px 20px 0;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
    line-height: 1
}

.drop-user-panel:before {
    position: absolute;
    z-index: 1001;
    top: -7px;
    left: 50%;
    margin-left: -6px;
    content: '';
    border: 6px solid transparent;
    border-top: 0;
    border-bottom: 7px solid #fff
}

.drop-user-panel_pos {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0)
}

.drop-user-panel_pos:before {
    right: 50px;
    left: auto;
    margin-left: 0
}

.drop-user-panel_auth {
    width: 244px;
    padding-top: 31px
}

.b-auth-body-form {
    margin-bottom: 20px
}

.b-auth-body-sel {
    margin-bottom: 23px
}

.b-auth-body-sel:last-child {
    margin-bottom: 30px
}

.b-auth-body-sel__lbl {
    margin-bottom: 9px;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 1.3rem
}

.b-auth-body-sel__select {
    width: 100%;
    height: 45px;
    padding-left: 18px;
    text-indent: 20px;
    border: none;
    background: #f4f4f4;
    box-shadow: inset 1px 0 4px 1px rgba(0, 0, 0, .05)
}

.b-auth-body-sel__opt {
    color: #000;
    font-size: 1.3rem
}

.b-auth-body .jq-selectbox li {
    padding-left: 0;
    white-space: nowrap
}

.b-auth-body .jq-selectbox__trigger-arrow {
    left: 28%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0;
    transform: rotate(45deg);
    border-top: none;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: none
}

.b-auth-body .jq-selectbox__select {
    padding-left: 0;
    border-color: #ebebeb;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .03)
}

.b-auth-nav {
    position: relative;
    margin: 0 -20px;
    padding: 30px 20px 0
}

.b-auth-nav:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #e6e6e6
}

.b-auth-nav__link {
    display: block;
    margin-bottom: 5px;
    padding: 6px 0 5px;
    text-decoration: none;
    color: #323232;
    font-family: OpenSans-Regular, Helvetica, Arial, sans-serif;
    font-size: 1.3rem
}

.b-auth-nav__link:focus, .b-auth-nav__link:hover {
    text-decoration: none;
    color: #323232
}

.b-auth-nav__link:first-child {
    margin-top: -10px
}

.b-auth-nav__link:last-child {
    margin-bottom: 20px
}

.radio-btn-wrap_pos {
    margin-bottom: 18px
}

.custom-radio-btn {
    position: relative;
    display: inline-block;
    min-height: 20px;
    margin-bottom: 0;
    padding-left: 20px;
    cursor: pointer;
    font-size: 1.5rem
}

.custom-radio-btn_pos {
    padding-left: 35px
}

.custom-radio-btn__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer
}

.custom-radio-btn__checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 1px solid #dbe0e2;
    border-radius: 50%;
    background-color: #f6f6f6
}

.custom-radio-btn:hover input ~ span {
    background-color: #f1f1f1
}

.custom-radio-btn input:checked ~ .custom-radio-btn__checkmark {
    background-color: #fff
}

.custom-radio-btn span:after {
    position: absolute;
    display: none;
    content: ''
}

.custom-radio-btn input:checked ~ span:after {
    display: block
}

.custom-radio-btn span:after {
    top: 0;
    width: 10px;
    height: 10px;
    margin: 4px 0 0 4px;
    border-radius: 50%;
    background: #5cd3cf
}

.placehold_pos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.placehold__inner {
    position: relative
}

.placehold__image {
    position: static !important;
    transform: translate(0, 0) !important
}

.color-placehold {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    width: 50px;
    max-width: 131px;
    height: 50px;
    max-height: 106px;
    transform: translate(40%, 40%);
    border: 5px solid #e9e9e9;
    border-radius: 50%
}

.color-placehold_pos {
    width: 35px;
    height: 35px;
    transform: translate(40%, 40%);
    border-width: 4px
}

.prod-card-table td .hit, .prod-card-table td .insale, .prod-card-table td .new {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 3px;
    height: 33.3333%;
    cursor: pointer
}

.prod-card-table td .hit span, .prod-card-table td .insale span, .prod-card-table td .new span {
    display: none
}

.prod-card-table td .hit:hover span, .prod-card-table td .insale:hover span, .prod-card-table td .new:hover span {
    position: absolute;
    left: -80px;
    display: block;
    width: 70px;
    padding: 3px;
    text-align: center;
    border: 1px #e6e6e6 solid;
    border-radius: 1px;
    background: #fff;
    font-size: 13px
}

.prod-card-table td .insale {
    background: #458381
}

.prod-card-table td .hit {
    top: 33.3333%;
    background: #2ab7e1
}

.prod-card-table td .new {
    top: calc(33.3333% * 2);
    background: #458381
}

.bouncing-loader {
    display: flex;
    justify-content: center
}

.bouncing-loader > div {
    width: .8rem;
    height: .8rem;
    margin: .5rem .2rem;
    animation: bouncing-loader .6s infinite alternate;
    border-radius: 50%;
    background: #5cd3cf
}

.bouncing-loader > div:nth-child(2) {
    animation-delay: .2s
}

.bouncing-loader > div:nth-child(3) {
    animation-delay: .4s
}

.grid {
    display: grid;
    display: -ms-grid;
    margin-right: -15px;
    margin-left: -15px;
    -ms-grid-columns: 20% 20% 20% 20% 20%;
    grid-template-columns:repeat(5, 20%)
}

.js-prod-variant {
    width: 100%;
    height: 100%
}

.js-prod-variant_hidden {
    display: none !important
}

.p-card-tile.p-card-tile_catalog {
    height: 465px;
    max-height: 465px
}

.p-card-tile {
    height: 450px;
    max-height: 450px;
    padding: 15px
}

.p-card-tile_sale {
    flex: 0 0 20%;
    width: 20%
}

.p-card-tile_catalog {
    flex: 0 0 25%;
    width: 25%
}

.p-card-tile_countDown {
    padding: 20px 0 0
}

.p-card-tile_countDown .timer-block {
    position: absolute;
    z-index: 125;
    top: 30px;
    left: 50%;
    transform: translateX(-50%)
}

.p-card-tile_countDown .p-card-tile-inner {
    height: 410px
}

.p-card-tile_countDown .prod-pic__color_pos {
    right: 17px
}

.p-card-tile_mainProducts {
    padding: 0 15px
}

.p-card-tile-inner:hover .controls-prod__btn__btn:hover:before {
    transition: opacity 0 !important
}

.p-card-tile-inner:hover .controls-prod__btn:before {
    opacity: 1;
    transition: opacity .5s ease
}

.p-card-tile-inner:hover .prod-drop {
    position: static;
    z-index: initial
}

.p-card-tile-inner {
    position: relative;
    z-index: 100;
    border: 1px solid #e7e7e7;
    background: #fff
}

.p-card-tile-inner:after {
    position: absolute;
    z-index: -1;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
    content: '';
    pointer-events: none;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.p-card-tile_hasVariants .prod-txt-content_mod {
    display: none
}

.p-card-tile_hasVariants .p-card-tile-inner_col-2:after {
    left: -100px !important
}

.p-card-tile_hasVariants .p-card-tile-inner:after {
    left: -60px
}

.p-card-tile_hasVariants .p-card-tile-inner:hover .prod-txt-content_mod {
    display: block
}

.p-card-tile_hasVariants .p-card-tile-inner:hover .prod-txt-content_standart {
    display: none
}

.p-card-tile-content .b-status-wrap__text {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-card-tile-content .b-status-wrap__text br {
    display: none
}

.p-card-tile-content .b-status-wrap {
    margin-bottom: 10px
}

.p-card-tile-content {
    position: relative;
    width: 100%
}

.p-card-tile-content__drop {
    padding: 0 15px
}

.p-card-tile-content__variants {
    position: absolute
}

.prod-variants {
    z-index: 100;
    overflow: hidden;
    width: 40px;
    height: 410px;
    max-height: 100%;
    transition: transform .2s ease-out;
    column-gap: 0;
    will-change: transform
}

.prod-variants__color {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.prod-variants_2col {
    transition: transform .25s ease-out
}

.prod-variants__link {
    position: relative;
    display: flex;
    opacity: 0;
    width: 37px;
    height: 37px;
    margin-bottom: 4px;
    transition: opacity .1s;
    transition-delay: .05s
}

.prod-variants__link_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0 !important
}

.prod-variants__link_btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    content: '';
    transition: .2s ease;
    transform: rotate(45deg);
    border: 2px solid #999;
    border-width: 0 2px 2px 0
}

.prod-variants__link_btn:hover:after {
    border-color: #5cd3cf !important
}

.prod-variants__link_btn:hover:before {
    content: none !important
}

.prod-variants__link_img-hovered:before, .prod-variants__link_img.hovered:before, .prod-variants__link_img:hover:before {
    position: absolute;
    width: 37px;
    height: 37px;
    content: '';
    border: 1px solid #e6e6e6
}

.prod-variants__link_size {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #666;
    background: #f1f1f1;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 12px
}

.prod-variants__link_size-hovered, .prod-variants__link_size.hovered, .prod-variants__link_size:hover {
    text-decoration: none;
    color: #000;
    border: 1px solid #cdcdcd;
    background: #000;
    background: #e6e6e6
}

.prod-variants__link_color {
    width: 31px;
    height: 31px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 50%
}

.prod-variants__link_color-hovered, .prod-variants__link_color.hovered, .prod-variants__link_color:hover {
    border: 5px solid #e6e6e6
}

.prod-variants__link:nth-child(-n+5) {
    opacity: 1
}

.prod-variants__thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 87%;
    transform: translate(-50%, -50%)
}

.controls-prod {
    overflow: hidden;
    width: 50px
}

.controls-prod__btn:hover:before {
    transition: 0 !important
}

.controls-prod_toCollection:before, .controls-prod_toCompare:before, .controls-prod_zoom:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    content: ' ';
    transform: translate(-50%, -50%);
    pointer-events: none;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .controls-prod_toCollection:before, .no-svg .controls-prod_toCompare:before, .no-svg .controls-prod_zoom:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.controls-prod_toCollection:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -321.4em
}

.controls-prod_toCollection:hover:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.controls-prod_toCollection.active:before {
    width: 1.89em;
    height: 1.79em;
    background-position: -.2em -323.6em
}

.controls-prod_toCompare:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.controls-prod_toCompare:hover:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.controls-prod_toCompare.active:before {
    width: 1.92em;
    height: 1.72em;
    background-position: -.2em -330.2em
}

.controls-prod_zoom:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -514em
}

.controls-prod_zoom:hover:before {
    width: 1.8em;
    height: 1.8em;
    background-position: -.2em -518.6em
}

.controls-prod_pos {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.controls-prod__btn {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    transition: transform .15s ease;
    border: none;
    background: 0 0
}


.product-steker__item {
    position: relative;
    display: inline-block;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 2px
}

.product-steker__item.product-markers__item_hit {
    background-color: #f25d1d;
    color: #ffffff;
}

.product-steker__item.product-markers__item_new {
    background-color: #6db3af;
    color: #ffffff;
}

.product-steker__item.product-markers__item_custom {
    background-color: #634f9a;
    color: #ffffff;
}


.product-markers__item {
    position: relative;
    display: block;
    height: 40px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 40px
}

.product-markers__item.product-markers__item_gift, .product-markers__item.product-markers__item_hit, .product-markers__item.product-markers__item_new {
    display: block;
    width: 35px;
    height: 35px;
    padding-right: 0;
    border: none;
    background-size: contain;
    line-height: 1
}

.product-markers__item.product-markers__item_gift {
    background-image: url(/images/i-categories-1.svg)
}

.product-markers__item.product-markers__item_hit {
    background-image: url(/images/i-categories-5.svg)
}

.product-markers__item.product-markers__item_new {
    background-image: url(/images/i-categories-4.svg)
}

.product-markers__item_gift {
    color: #458381
}

.product-markers__item img {
    width: 35px
}

.product-markers__item {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.product-markers__item:hover .product-markers__item-tooltip {
    display: block
}

.product-markers__item-tooltip::after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: '';
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #fff;
    border-bottom: none
}

.product-markers__item-tooltip {
    position: absolute;
    z-index: 5;
    bottom: 100%;
    left: 50%;
    display: none;
    min-width: 78px;
    padding: 5px 10px;
    transform: translateX(-50%);
    text-align: center;
    color: #323232;
    border-radius: 4px;
    background-color: #fff;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, .3))
}

.product-markers_pos {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 5px;
    text-align: right;
    margin-left: 60px;
}

.prod-pic {
    position: relative;
    z-index: 1;
    padding: 10px;
    background: #fff
}

.prod-pic__color {
    width: 46px;
    height: 46px;
    border: 3px solid #e7e5e5;
    border-radius: 50%
}

.prod-pic__color_pos {
    position: absolute;
    right: 40px;
    bottom: 20px
}

.prod-pic__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.prod-pic__image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: 80%;
    max-height: 80%;
    transition: transform .3s ease;
    transform: translate(-50%, -50%);
    will-change: transform
}

.prod-pic__marker {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 35px
}

.mark-sale {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    height: 20px;
    margin: 3px 10px;
    padding: 0 6px;
    white-space: nowrap;
    color: #fff;
    border-radius: 3px;
    background: #d61414;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1
}

.prod-card-line .pic-wrap .mark-sale, .prod-card-tile .pic-wrap .mark-sale {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    left: 5px;
    width: 58px
}

.prod-txt-content {
    position: relative;
    padding: 0 15px;
    background: #fff
}

.prod-txt-content__price .price-wrap__prc-old {
    margin-top: 3px
}

.prod-txt-content__price {
    margin-bottom: 7px
}

.prod-txt-content__price .price-wrap__old-val {
    padding-right: 3px
}

.product-card-thumb-wrap {
    position: relative;
    margin-bottom: 7px
}

.product-card-thumb-wrap:not(:first-of-type) {
    margin-top: 25px
}

.p-card-tile-inner:hover .product-card-thumb-wrap__modification {
    display: block
}

.p-card-tile-inner:hover .prod-txt-content__name {
    display: block
}

.prod-txt-content__name {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2
}

.product-card-thumb-list {
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 256px
}

@media (min-width: 1024px) {
    .product-card-thumb-list {
        height: 36px
    }

    .product-card-thumb-wrap .prod-txt-content__name {
        position: absolute;
        z-index: 1;
        top: -20px;
        width: 100%
    }

    .product-card-thumb-wrap:not(:first-of-type) {
        display: none
    }

    .product-card-thumb-toggle {
        position: absolute;
        top: 13px;
        right: 10px;
        display: block;
        width: 10px;
        height: 7px;
        content: ' ';
        background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
        background-repeat: no-repeat;
        background-position: -.2em -232.3em;
        background-size: 5.7em 585.5em;
        font-size: 10px
    }
}

@media (max-width: 1023px) {
    .product-card-thumb-toggle {
        display: none
    }
}

.p-card-tile-inner:hover .product-card-thumb-toggle {
    display: none
}

.p-card-tile-inner:hover .product-card-thumb-list {
    height: auto
}

.product-card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 4px 4px 0;
    cursor: pointer;
    border: 1px solid rgb(0 0 0 / 5%);
    border-radius: 2px
}

.product-card-thumb.product-card-thumb__wide {
    width: auto;
    min-width: 32px;
    padding: 0 4px;
    font-size: 12px
}

.product-card-thumb.active {
    border: 1px solid #a5e06f
}

.product-card-thumb:not(.active):hover {
    border: 1px solid #eee;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%)
}

.title-wrap {
    overflow: hidden;
    height: 60px;
    max-height: 3.9em;
    background: #fff;
    line-height: 1.3
}

.title-wrap__ttl { /*! autoprefixer: off */
    display: -webkit-box;
    display: -moz-box; /*! autoprefixer: on */
    overflow: hidden;
    -webkit-box-orient: vertical;
    max-height: 54px;
    transition: color .2s ease;
    text-decoration: none;
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-line-clamp: 3
}

.title-wrap__ttl:hover {
    text-decoration: none;
    color: #5cd3cf
}

.title-wrap__articul {
    white-space: nowrap;
    color: #999;
    border-bottom: 1px dashed #999;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
    font-size: 1.25rem
}

.price-wrap {
    background: #fff
}

.price-wrap_sale .price-wrap__cur-cur, .price-wrap_sale .price-wrap__cur-val {
    color: #458381
}

.price-wrap__prc-old {
    position: relative;
    display: table;
    height: 20px;
    line-height: 20px
}

.price-wrap__prc-old:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    border-bottom: 1px solid #ccc;
    background: #ccc
}

.price-wrap__old-cur, .price-wrap__old-val {
    display: table-cell;
    vertical-align: middle;
    color: #999;
    font-size: 12px
}

.price-wrap__prc-current {
    white-space: nowrap
}

.price-wrap__prc-cur-wrap {
    position: relative;
    display: table;
    cursor: pointer;
    border-bottom: 1px dashed #ccc;
    font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif
}

.price-wrap:hover .product-info, .price-wrap__prc-cur-wrap:hover .prod-price-drop_pos {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto
}

.prod-price-drop_pos {
    position: absolute;
    z-index: 601;
    bottom: 100%;
    display: none;
    width: 247px;
    padding-bottom: 10px;
    transition-delay: .5s
}

.price-wrap .prod-price-drop_pos {
    position: absolute;
    z-index: 0;
    bottom: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    transition-delay: .1s;
    transform: translateY(10%);
    pointer-events: none
}

.price-wrap__prc-cur-wrap:hover .prod-price-drop_pos {
    z-index: 100;
    transition-delay: .8s
}

.prod-price-drop_pos .icon-dot {
    transform: translateY(-2px)
}

.price-wrap:hover .product-info {
    transition-delay: .3s
}

.price-wrap:hover .product-info .icon {
    position: relative
}

.price-wrap__prc-cur-wrap > * {
    display: table-cell;
    padding-right: 3px
}

.price-wrap__prc-cur-wrap .icon-bonus, .price-wrap__prc-cur-wrap .icon-dot {
    padding-right: 8px
}

.price-wrap__cur-val {
    color: #000;
    font-size: 16px
}

.price-wrap__cur-cur {
    text-transform: uppercase;
    color: #000;
    font-size: 13px
}

.price-wrap__cur-txt {
    display: table-cell;
    text-transform: uppercase;
    color: #999;
    font-size: 8px
}

.b-status-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff
}

.b-status-wrap__count, .b-status-wrap__text {
    font-size: 13px
}

.b-status-wrap__count {
    display: none
}

.b-status-wrap__in-basket {
    position: relative;
    display: block;
    width: 20px;
    height: 20px
}

.b-status-wrap__in-basket:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -112.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .b-status-wrap__in-basket:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-drop {
    background: #fff
}

.prod-drop__controls {
    padding: 5px 0
}

.add-wrap_mod {
    padding: 5px 0
}

.add-wrap__item {
    position: relative;
    height: 20px;
    color: #999;
    font-size: 13px !important;
    line-height: 20px
}

.add-wrap__item_pallet.add-wrap__item_pos {
    margin-top: 4px
}

.add-wrap__item_block:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 1.4em;
    height: 1.2em;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -158.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .add-wrap__item_block:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.add-wrap__item_pallet:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 1.8em;
    height: 1.2em;
    content: ' ';
    transform: translateY(-50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -160em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .add-wrap__item_pallet:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.add-wrap__item_pos {
    display: flex;
    justify-content: space-between;
    padding-left: 25px
}

.add-wrap__btn-add {
    opacity: .7;
    height: 20px;
    padding: 0;
    transition: opacity .2s ease;
    color: #458381;
    border: 0;
    background: 0 0;
    font-size: 13px;
    line-height: 20px
}

.add-wrap__btn-add:hover {
    opacity: 1
}

.b-basket-controls {
    display: flex
}

.b-basket-controls__btn_pos {
    margin-left: 12px
}

.b-count {
    position: relative;
    z-index: 2
}

.b-count.b-basket-controls__count {
    width: 30%
}

.b-count__input {
    width: 100%;
    height: 42px
}

.b-count__btn-mns, .b-count__btn-pls {
    display: block
}

.b-count__btn-pls:before {
    content: '+'
}

.b-count__btn-mns:before {
    content: '-'
}

.invisible {
    opacity: 0 !important
}

.transition {
    transition: .4s ease
}

.transition.move_next {
    transform: translateX(-294px)
}

.transition.move_prev {
    transform: translateX(294px)
}

.visible {
    opacity: 1 !important;
    transition-delay: .1s
}

.visible-delay {
    opacity: 1
}

.infinite-slider {
    position: relative;
    z-index: 122;
    display: flex;
    overflow: hidden;
    width: 100%;
    margin-top: -20px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px
}

@media (min-width: 1024px) {
    .infinite-slider {
        margin-bottom: -70px;
        padding-bottom: 100px
    }
}

.infinite-slider_forTable {
    margin: 0 -15px
}

.infinite-slider_expanded .p-card-tile-content__drop {
    position: absolute;
    top: initial;
    bottom: 0;
    width: 100%
}

.infinite-slider .p-card-tile {
    flex-grow: 0;
    flex-shrink: 0;
    width: 294px;
    transition: .3s ease
}

.infinite-slider_fourSlides .p-card-tile:nth-child(n+5) {
    opacity: 0
}

.infinite-slider_fiveSlides.transition.move_prev {
    transform: translateX(314px) !important
}

.infinite-slider_fiveSlides.transition.move_next {
    transform: translateX(-314px) !important
}

.infinite-slider_fiveSlides .p-card-tile {
    flex: 0 0 auto;
    width: 298px
}

.infinite-slider_fiveSlides .p-card-tile:nth-child(n+6) {
    opacity: 0
}

.header-top-menu {
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px
}

.open-catalog .header-top-menu {
    position: relative;
    z-index: 9;
    background-color: #fff
}

.header-top-menu .menu-list {
    position: relative
}

.header-top-menu .list {
    position: relative;
    display: flex;
    align-items: center;
    height: 46px;
    margin: 0
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .header-top-menu .list {
        flex-wrap: wrap;
        height: 92px
    }
}

.header-top-menu .item {
    transition: all .15s ease
}

.header-top-menu .item.region {
    float: left
}

.header-top-menu .item.contacts {
    position: relative;
    float: left
}

.header-top-menu .item.contacts .drop-arrow {
    position: absolute;
    z-index: 1001;
    bottom: 0;
    left: 50%;
    display: none;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom: 7px solid #fff
}

.header-top-menu .item.contacts .contacts__drop-top-menu {
    position: absolute;
    z-index: 10000;
    top: 100%;
    left: 50%;
    display: none;
    transform: translate(-50%, 0)
}

.header-top-menu .item.contacts:hover .contacts__drop-top-menu, .header-top-menu .item.contacts:hover .drop-arrow {
    display: block
}

.header-top-menu .item.status {
    float: right
}

.header-top-menu .item.feedback {
    float: right
}

.header-top-menu .icon_officetonmarket:before {
    width: 1em;
    height: 1.7em;
    content: '';
    background-image: url(/local/templates/html/images/favicon_officetonmarket.svg);
    background-repeat: no-repeat;
    background-position: center center
}

.header-top-menu .item.old {
    float: right
}

.header-top-menu .item.old a {
    position: relative;
    display: block;
    height: 38px;
    padding: 0 20px;
    text-decoration: none;
    color: #333;
    line-height: 36px
}

.header-top-menu .item.old a:hover {
    color: #5cd3cf
}

.header-top-menu .item:hover {
    color: #458381
}

.header-top-menu .item:hover .icon svg {
    stroke: #458381
}

.header-top-menu .item.active .link {
    background: #ccc
}

.header-top-menu .item.active .link:hover {
    background: #c5c5c5
}

.header-top-menu .item.active .link:before {
    display: block
}

.header-top-menu .item.active .arrow {
    transform: rotate(180deg)
}

.header-top-menu .item .link {
    position: relative;
    display: block;
    height: 38px;
    padding: 0 20px;
    text-decoration: none;
    color: #333;
    line-height: 36px
}

.header-top-menu .item .link:hover {
    background: #ccc
}

.header-top-menu .item .link:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    margin-left: -6px;
    content: '';
    border: 6px solid transparent;
    border-top: 5px solid #fff;
    border-bottom: none
}

.header-top-menu .item .arrow, .header-top-menu .item .icon, .header-top-menu .item .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.header-top-menu .item .icon {
    margin-right: 5px;
    line-height: 1
}

.header-top-menu .item .icon:before {
    display: block
}

.header-top-menu .item .txt {
    font-size: 14px
}

.header-top-menu .item .txt.differ .ttl, .header-top-menu .item .txt.differ .wrap-descr {
    display: inline-block
}

.header-top-menu .item .txt.differ .wrap-descr span {
    position: relative;
    display: inline-block
}

.header-top-menu .item .txt.differ .wrap-descr span:before {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 1px;
    height: 100%;
    content: '';
    background: #333
}

.header-top-menu .item .txt.differ .wrap-descr span + span {
    margin-left: 10px;
    padding-left: 10px
}

.header-top-menu .item .txt.differ .wrap-descr span + span:before {
    display: block
}

.header-top-menu .item .arrow {
    margin-left: 4px
}

.header-top-menu .item .arrow:before {
    display: block;
    width: .9em;
    height: .6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .header-top-menu .item .arrow:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.header-top-menu .dropdown-block {
    position: relative;
    overflow: hidden;
    height: 0;
    padding: 0;
    transition: height .5s ease;
    will-change: height
}

.header-top-menu .btn-close {
    position: absolute;
    top: 20px;
    right: 0;
    border: none;
    background: 0 0
}

.header-top-menu .btn-close:before {
    display: inline-block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -334.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .header-top-menu .btn-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.header-top-menu .btn-close:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.header-top-menu .drop-panel {
    display: none;
    padding: 50px 0
}

.header-top-menu .title {
    margin: 0 0 8px;
    line-height: 1.2
}

.header-top-menu .title.order {
    padding-top: 17px
}

.header-top-menu .city-list {
    float: left;
    width: 20%;
    margin: 0
}

.header-top-menu .city-list li + li {
    margin-top: 10px
}

.header-top-menu .city-list li > a, .header-top-menu .city-list li > span {
    text-decoration: none;
    color: #333;
    line-height: 1.2
}

.header-top-menu .city-list li > a:hover {
    color: #5cd3cf
}

.header-top-menu .city-list li.active > a, .header-top-menu .city-list li.active > span {
    color: #458381
}

.header-top-menu .city-list li.active > a:hover {
    color: #5cd3cf
}

.header-top-menu .contact-item .title {
    float: left;
    margin-right: 20px
}

.header-top-menu .contact-item .info-wrap {
    position: relative;
    top: -3px;
    overflow: hidden
}

.header-top-menu .contact-item .address > span, .header-top-menu .contact-item .phones > span {
    display: block
}

.header-top-menu .contact-item .address {
    margin-bottom: 20px
}

.header-top-menu .inp-star {
    position: relative;
    padding-right: 20px
}

.header-top-menu .inp-star:before {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    margin-left: -20px;
    padding-left: 5px;
    content: '*';
    line-height: 1
}

.header-top-menu .inp-star .jqselect {
    vertical-align: top
}

.header-top-menu .description {
    max-width: 900px
}

.header-top-menu .form-region {
    margin: 0 0 40px
}

.header-top-menu .form-region .form-group {
    max-width: 300px
}

.header-top-menu .form-region .jq-selectbox__dropdown {
    min-height: inherit
}

.header-top-menu .form-region .jq-selectbox__dropdown ul {
    max-height: 100px !important
}

.header-top-menu .form-message {
    margin-top: 30px
}

.header-top-menu .form-message .jq-selectbox__dropdown {
    min-height: inherit
}

.header-top-menu .form-message .jq-selectbox__dropdown ul {
    max-height: 122px !important
}

.header-top-menu .form-message .submit-wrap {
    padding-right: 20px
}

.header-top-menu .form-message .btn_submit {
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px
}

.header-top-menu .form-order {
    padding-top: 10px
}

.header-top-menu .form-order .btn_submit {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px
}

.header-top-menu .form-order .name {
    text-align: right
}

.contacts-drop {
    min-width: 290px;
    padding: 20px 20px 0;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2)
}

.contacts-drop__table {
    margin-bottom: 0 !important
}

.contacts-drop__trow {
    border-bottom: none !important
}

.contacts-drop__trow:hover {
    background: 0 0 !important
}

.contacts-drop__tcell-city, .contacts-drop__tcell-phone {
    padding: 9px 0 !important
}

.contacts-drop__tcell-link {
    text-decoration: none;
    color: inherit
}

.contacts-drop__tcell-link:hover {
    text-decoration: underline;
    color: #5cd3cf
}

.contacts-drop__tcell-phone {
    padding: 8px 0;
    text-align: right
}

.contacts-drop__phone-num {
    transition: color .3s ease;
    text-decoration: none !important;
    color: #333;
    border-bottom: 1px dashed #5cd3cf
}

.contacts-drop__phone-num:hover {
    text-decoration: none !important;
    color: #5cd3cf
}

.contacts-drop__drop-foot {
    margin: 0 -20px;
    margin-top: 14px;
    text-align: center;
    background: #f4f4f4;
    font-size: 12px;
    line-height: 32px
}

.user-panel-mob {
    position: relative
}

.user-panel-mob:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 2000px;
    max-width: 100vw;
    height: 100%;
    content: '';
    transform: translateX(-50%);
    border-bottom: 1px solid #d4d2d2;
    background: #fff
}

.user-panel-mob .list {
    position: relative
}

.user-panel-mob .item {
    float: right
}

.user-panel-mob .item .wrap-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 20px;
    transition: none;
    text-decoration: none
}

.user-panel-mob .item .icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.user-panel-mob .item .icon:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel-mob .item .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel-mob .item .count {
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 0;
    padding: 3px 4px;
    color: #5cd3cf;
    border-radius: 5px;
    background: rgba(0, 0, 0, .1);
    font-size: 10px;
    line-height: 1
}

.user-panel-mob .item .count:empty {
    padding: 0
}

.user-panel-mob .item.hamburger {
    float: left;
    height: 50px;
    padding: 0 20px 0 0;
    line-height: 50px
}

.user-panel-mob .item.hamburger .wrap-hamburger {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 20px;
    vertical-align: middle
}

.user-panel-mob .item.hamburger .mm-opener {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    cursor: pointer;
    user-select: none;
    transition: .3s;
    border: none;
    outline: 0;
    background: 0 0
}

.user-panel-mob .item.hamburger .mm-opener .ico {
    top: 50%;
    border: none
}

.user-panel-mob .item.hamburger .mm-opener .ico, .user-panel-mob .item.hamburger .mm-opener .ico:after, .user-panel-mob .item.hamburger .mm-opener .ico:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    transition: .3s;
    background: #333
}

.user-panel-mob .item.hamburger .mm-opener .ico:after, .user-panel-mob .item.hamburger .mm-opener .ico:before {
    content: '';
    transform-origin: 3px center
}

.user-panel-mob .item.hamburger .mm-opener .ico:before {
    top: 6px
}

.user-panel-mob .item.hamburger .mm-opener .ico:after {
    top: -6px
}

.user-panel-mob .item.hamburger .mm-opener.opened .ico {
    transform: scale3d(.8, .8, .8);
    background: 0 0
}

.user-panel-mob .item.hamburger .mm-opener.opened .ico:after, .user-panel-mob .item.hamburger .mm-opener.opened .ico:before {
    top: 0;
    transform-origin: 50% 50%;
    background: #5cd3cf
}

.user-panel-mob .item.hamburger .mm-opener.opened .ico:before {
    transform: rotate3d(0, 0, 1, 45deg)
}

.user-panel-mob .item.hamburger .mm-opener.opened .ico:after {
    transform: rotate3d(0, 0, 1, -45deg)
}

.user-panel-mob .item.cabinet.active .icon:before {
    width: 1.354em;
    height: 1.7156em;
    background-position: -.2em -416.8em
}

.user-panel-mob .item.cabinet .icon:before {
    width: 1.354em;
    height: 1.7156em;
    background-position: -.2em -414.6em
}

.user-panel-mob .item.logo {
    float: left;
    padding: 0 20px
}

.user-panel-mob .item.logo > a, .user-panel-mob .item.logo > span {
    display: block;
    height: 50px;
    line-height: 50px
}

.user-panel-mob .item.logo img {
    position: relative;
    top: -1px;
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 20px
}

.user-panel-mob .item.logo img.b2c {
    height: 32px
}

.user-panel-mob .item.compare.active .icon:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.user-panel-mob .item.compare .icon:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.user-panel-mob .item.views.active .icon:before {
    width: 1.997em;
    height: 1.2656em;
    background-position: -.2em -356.9em
}

.user-panel-mob .item.favorite.active .icon:before {
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -362.3em
}

.user-panel-mob .item.favorite .icon:before {
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -360.3em
}

.user-panel-mob .item.basket.active .icon:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -235.3em
}

.user-panel-mob .item.basket .icon:before {
    width: 1.959em;
    height: 1.7281em;
    background-position: -.2em -239.7em
}

.user-panel-mob .item.search.open {
    background: #d4d2d2
}

.user-panel-mob .item.search.open .icon:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -484.2em
}

.user-panel-mob .item.search.open .drop-block {
    display: block
}

.user-panel-mob .item.search .icon:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -488.2em
}

.user-panel-mob .item.search .drop-block {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    display: none;
    width: 100%
}

.user-panel-mob .item.search .drop-block:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 600%;
    height: 100%;
    margin-left: -300%;
    content: '';
    background: #d4d2d2;
    box-shadow: 0 7px 10px rgba(0, 0, 0, .3)
}

.user-panel-mob .item.search .search-form-mob {
    position: relative;
    padding: 15px 0
}

.user-panel-mob .item.search fieldset {
    position: relative;
    margin: 0;
    padding: 0;
    border: none
}

.user-panel-mob .item.search .input-wrap {
    margin-right: 50px
}

.user-panel-mob .item.search .input {
    display: block;
    border-color: #b8c0c3;
    border-right: none;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0;
    background: #fff
}

.user-panel-mob .item.search .btn-submit {
    position: relative;
    display: block;
    float: right;
    width: 50px;
    height: 42px;
    padding: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-panel-mob .item.search .btn-submit:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.5em;
    height: 1.6em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -486.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel-mob .item.search .btn-submit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.logo-block {
    float: left
}

.logo-block .pic {
    height: 72px;
    padding: 16px 0 0
}

.logo-block .pic a {
    display: block;
    text-decoration: none
}

.logo-block .pic img {
    display: block;
    width: 208px;
    height: 40px
}

.header-panel-wrap {
    display: flex
}

.header-panel-wrap .user-panel {
    flex: 0 1 100%
}

.user-panel .list {
    display: flex;
    align-items: flex-start
}

.user-panel .item {
    position: relative;
    float: left;
    padding: 14px 0 7px
}

.user-panel .item.hover .drop-arrow, .user-panel .item.hover .drop-info, .user-panel .item:hover .drop-arrow, .user-panel .item:hover .drop-info {
    display: block
}

.user-panel .item.old .icon {
    margin-right: 5px
}

.user-panel .item.hover .drop-arrow, .user-panel .item.hover .drop-info {
    display: block
}

.user-panel .item .wrap-link {
    position: relative;
    z-index: 1;
    display: block;
    height: 44px;
    padding: 0 14px;
    transition: background .2s ease;
    text-decoration: none;
    border: 1px solid #dbe0e2;
    border-radius: 4px;
    line-height: 38px
}

.user-panel .item .txt {
    font-size: 14px
}

.user-panel .item .count {
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 10px;
    padding: 3px 4px;
    color: #5cd3cf;
    border-radius: 5px;
    background: rgba(255, 255, 255, .9);
    font-size: 10px;
    line-height: 1
}

.user-panel .item .drop-arrow {
    position: absolute;
    z-index: 1001;
    bottom: 0;
    left: 50%;
    display: none;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom: 7px solid #fff
}

.user-panel .item .drop-info {
    position: absolute;
    z-index: 1000;
    top: 100%;
    right: -1px;
    display: none;
    min-width: 300px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .2)
}

.user-panel .item.basket {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 11px
}

.user-panel .item.basket:hover .wrap-link {
    background: #e9e9e9
}

.user-panel .item.basket:hover.active .wrap-link {
    background: #e9e9e9
}

.user-panel .item.basket.active .wrap-link {
    background: #e4e4e4
}

.user-panel .item.basket.active .wrap-link:hover {
    background: #e9e9e9
}

.user-panel .item.basket .txt {
    display: inline-block;
    max-width: 100px;
    margin-left: 10px;
    vertical-align: middle;
    line-height: 1.2
}

@media (min-width: 1280px) {
    .user-panel .item.basket .txt {
        width: 100px
    }
}

.user-panel .item.basket .txt > .total-count-txt {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.user-panel .item.basket .txt > a, .user-panel .item.basket .txt > span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #333;
    font-weight: 600
}

.user-panel .item.basket .txt > a:hover {
    color: #5cd3cf
}

.user-panel .item.basket .icon {
    display: inline-block;
    vertical-align: middle
}

.user-panel .item.basket .icon:before {
    display: block;
    width: 23px;
    height: 22px;
    content: ' ';
    background-image: url(/local/templates/html/images/icons/i-basket.svg);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 11.5px
}

.no-svg .user-panel .item.basket .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.basket .drop-info {
    z-index: 9999;
    width: 620px;
    padding: 0
}

.user-panel .item.basket .total-wrap {
    padding: 15px 0 15px 20px;
    background: #ebebeb
}

.user-panel .item.basket .total-wrap .total-count {
    float: left;
    color: #888;
    line-height: 20px
}

.user-panel .item.basket .total-wrap .total-price {
    float: right;
    width: 200px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px
}

.container-form .user-panel .item.basket .btn-basket-wrap input[type=submit], .user-panel .item.basket .btn-basket-wrap .btn, .user-panel .item.basket .btn-basket-wrap .container-form input[type=submit] {
    display: block;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 19px;
    font-size: 14px
}

.user-panel .item .basket-table {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    margin-bottom: 0
}

.user-panel .item .basket-table tbody tr:first-child td {
    border-top: none
}

.user-panel .item .basket-table .td-pic {
    width: 10%
}

.user-panel .item .basket-table .td-title {
    width: 200px;
    min-width: 200px;
    max-width: 200px
}

.user-panel .item .basket-table .td-count {
    width: 25%
}

.user-panel .item .basket-table .td-price {
    width: 25%
}

.user-panel .item .basket-table .td-delete {
    width: 10%
}

.user-panel .item .basket-table .mCSB_container {
    margin-right: 0
}

.user-panel .item .basket-table .mCSB_scrollTools {
    width: 6px
}

.user-panel .item .basket-table .mCSB_draggerRail {
    background: 0 0
}

.user-panel .item .basket-table .mCSB_dragger_bar {
    opacity: .8;
    background: #999
}

.user-panel .item.collection.active .wrap-link, .user-panel .item.collection:hover .wrap-link {
    background: #efefef
}

.user-panel .item.collection.active .icon:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.user-panel .item.collection .icon {
    display: inline-block;
    vertical-align: middle
}

.user-panel .item.collection .icon:before {
    display: block;
    width: 1.89em;
    height: 1.791em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -321.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel .item.collection .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.collection .drop-info {
    width: 310px;
    padding-top: 30px;
    padding-bottom: 30px
}

.user-panel .item.collection .form-group {
    margin-bottom: 0
}

.user-panel .item.collection .group-check {
    padding-top: 0
}

.user-panel .item.collection .radio {
    margin-bottom: 30px
}

.user-panel .item.collection .radio:last-child {
    margin-bottom: 0
}

.user-panel .item.collection .form-create {
    margin-top: 25px
}

.user-panel .item.collection .form-create .wrap-input {
    overflow: hidden
}

.user-panel .item.collection .form-create .form-control {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.container-form .user-panel .item.collection .form-create input[type=submit], .user-panel .item.collection .form-create .btn, .user-panel .item.collection .form-create .container-form input[type=submit] {
    display: block;
    float: right;
    padding-right: 12px;
    padding-left: 12px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.user-panel .item.cabinet {
    position: relative;
    flex-shrink: 0;
    padding: 0 27px;
    line-height: 72px
}

.header-top-menu:hover {
    position: relative;
    z-index: 1000
}

.header-top-menu .item.cabinet {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 25px;
    padding-left: 21px;
    cursor: pointer
}

.header-top-menu .item.cabinet::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 18px;
    content: '';
    transform: translateY(-50%);
    background: #dbe0e2
}

.header-top-menu .cabinet .txt a {
    color: #458381
}

.header-top-menu .cabinet:focus .txt a, .header-top-menu .cabinet:hover .txt a {
    color: #5cd3cf
}

.header-top-menu .cabinet .icon {
    margin-right: 12px
}

.header-top-menu .cabinet .icon svg {
    transition: stroke ease .4s;
    stroke: #458381
}

.header-top-menu .cabinet:focus .icon svg, .header-top-menu .cabinet:hover .icon svg {
    transition: stroke ease .4s;
    stroke: #5cd3cf
}

.header-top-menu .drop-user-panel_pos {
    right: 0;
    left: auto;
    transform: none
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .header-top-menu .top-menu {
        width: 100%
    }
}

.header-top-menu .flex-menu {
    height: 46px
}

.header-top-menu .flex-menu__item:not(:last-child) {
    margin-right: 53px
}

.top-menu .flex-menu__item.active .flex-menu__link {
    color: #458381
}

@media (max-width: 1599px) {
    .header-top-menu .flex-menu__item:not(:last-child) {
        margin-right: 33px
    }
}

.header-top-menu .flex-menu__link {
    height: 46px;
    white-space: nowrap;
    text-decoration: none;
    color: #323232;
    line-height: 46px
}

.header-top-menu .flex-menu__link:hover {
    color: inherit
}

.header-top-menu .flexMenu-popup .flex-menu__item::before {
    display: none
}

.header-top-menu .flexMenu-popup .flex-menu__link {
    height: 30px;
    line-height: 30px
}

.header-top-menu .flexMenu-popup .flex-menu__item {
    display: block;
    width: 100%;
    margin: 0
}

.header-top-menu .flexMenu-popup.flexMenu-popup {
    z-index: 10;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 15px 20px;
    border: 1px solid #f1f1f1;
    background-color: #fff
}

.header-top-menu .add-menu {
    margin-left: auto
}

.header-top-menu .add-menu .flex-menu__item {
    position: relative
}

.header-top-menu .add-menu .flex-menu__item:not(:last-child) {
    margin-right: 65px
}

.header-top-menu .add-menu .flex-menu__item::after {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 1px;
    height: 18px;
    content: '';
    transform: translateY(-50%);
    background: #dbe0e2
}

.header-top-menu .item.cabinet:hover .drop-user-panel, .user-panel .item.cabinet:hover .drop-user-panel {
    display: block
}

.user-panel .item.cabinet:hover {
    background: #efefef
}

.user-panel .item.cabinet.active .icon:before {
    width: 1.354em;
    height: 1.7156em;
    background-position: -.2em -416.8em
}

.user-panel .item.cabinet.active .cabinet__txt {
    color: #5cd3cf
}

.header-top-menu .item.cabinet .cabinet__enter + .icon + .txt {
    transition: color ease .4s;
    color: #458381
}

.header-top-menu .item.cabinet .cabinet__enter:focus + .icon + .txt, .header-top-menu .item.cabinet .cabinet__enter:hover + .icon + .txt {
    transition: color ease .4s;
    color: #5cd3cf
}

.header-top-menu .item.cabinet .cabinet__enter, .user-panel .item.cabinet .cabinet__enter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #458381
}

.user-panel .item.cabinet a {
    display: block;
    text-decoration: none;
    color: #333
}

.user-panel .item.cabinet a:hover {
    text-decoration: none;
    color: #5cd3cf
}

.user-panel .item.cabinet .txt {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.user-panel .item.cabinet .txt > .cabinet__log_out, .user-panel .item.cabinet .txt > a, .user-panel .item.cabinet .txt > span {
    display: block;
    text-decoration: none;
    color: #333
}

.user-panel .item.cabinet .txt > .cabinet__log_out:hover, .user-panel .item.cabinet .txt > a:hover, .user-panel .item.cabinet .txt > span:hover {
    text-decoration: none;
    color: #5cd3cf
}

.user-panel .item.cabinet .txt > .cabinet__log_out {
    position: relative;
    z-index: 99
}

.user-panel .item.cabinet .txt > .cabinet__log_out:hover {
    color: #5cd3cf
}

.user-panel .item.cabinet .icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.user-panel .item.cabinet .icon:before {
    display: block;
    width: 1.354em;
    height: 1.7156em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -414.6em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel .item.cabinet .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.views:hover .wrap-link {
    background: #efefef
}

.user-panel .item.views.active .icon:before {
    width: 1.997em;
    height: 1.2656em;
    background-position: -.2em -358.6em
}

.user-panel .item.views .icon {
    display: inline-block;
    vertical-align: middle
}

.user-panel .item.views .icon:before {
    display: block;
    width: 1.997em;
    height: 1.2656em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -356.9em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel .item.views .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.compare:hover .wrap-link {
    background: #efefef
}

.user-panel .item.compare.active .icon:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.user-panel .item.compare .icon {
    display: inline-block;
    vertical-align: middle
}

.user-panel .item.compare .icon:before {
    display: block;
    width: 1.919em;
    height: 1.7156em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -328em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel .item.compare .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.delivery {
    max-width: 335px;
    padding: 0 15px;
    line-height: 74px
}

.user-panel .item.delivery .txt {
    display: inline-block;
    transition: color .2s ease;
    vertical-align: middle;
    text-decoration: none;
    color: inherit;
    line-height: 1.2
}

.user-panel .item.delivery .txt:hover {
    color: #5cd3cf
}

.user-panel .item.delivery .txt > span {
    display: inline
}

.user-panel .item.delivery .icon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.user-panel .item.delivery .icon:before {
    display: block;
    width: 3.4em;
    height: 1.4em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -338.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel .item.delivery .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.contacts {
    margin-left: 54px
}

.user-panel .item.contacts .contacts__drop-user-panel {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 50%;
    display: none;
    transform: translate(-50%, 0)
}

.user-panel .item.contacts .wrap-link {
    display: none
}

.user-panel .item.contacts:hover .wrap-link {
    background: #efefef
}

.user-panel .item.contacts:hover .drop-arrow {
    display: block
}

.user-panel .item.contacts:hover .contacts__drop-user-panel {
    display: block
}

.user-panel .item.contacts.active .icon:before {
    width: 2em;
    height: 2em;
    background-position: -.2em -134.3em
}

.contacts-phones {
    display: flex;
    flex-wrap: wrap;
    width: 330px
}

.contacts-phones__link:hover {
    text-decoration: none
}

.contacts-phones__link {
    display: inline-flex;
    align-items: center;
    width: calc(50% - 16px);
    margin-right: 16px;
    white-space: nowrap;
    text-decoration: none;
    color: #323232;
    font-family: 'Open Sans', Sans-Serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.contacts-phones__link--text:hover {
    opacity: .8
}

.contacts-phones.contacts-phones .contacts-phones__link--text {
    justify-content: flex-end;
    color: #458381;
    font-weight: 400
}

.contacts-phones__link svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #458381
}

.contacts-phones__link span {
    margin-right: 4px;
    color: rgba(50, 50, 50, .5)
}

.user-panel .item.contacts .icon {
    display: inline-block;
    vertical-align: middle
}

.user-panel .item.contacts .icon:before {
    display: block;
    width: 2em;
    height: 2em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -131.9em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .user-panel .item.contacts .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.contacts .drop-info {
    min-width: inherit;
    font-size: 14px
}

.user-panel .item.contacts .drop-info .p, .user-panel .item.contacts .drop-info p {
    white-space: nowrap
}

.user-panel .item.contacts .drop-info .p:last-child, .user-panel .item.contacts .drop-info p:last-child {
    margin-bottom: 0
}

.user-panel .item.search {
    z-index: 900;
    float: left;
    flex-grow: 1;
    width: 440px;
    height: 72px;
    padding-right: 0;
    padding-left: 0;
    border: none;
    line-height: 72px
}

.user-panel .item.search .wrap-form {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    padding-right: 10px;
    padding-left: 32px;
    transition: width .2s ease;
    background: #fff
}

.user-panel .item.search .wrap-form.opened {
    z-index: 115
}

.user-panel .item.search .wrap-form.opened .input {
    z-index: 1;
    padding-right: 100px;
    border-color: #5cd3cf;
    background: #fff
}

.user-panel .item.search .wrap-form.opened .input:-moz-placeholder {
    opacity: 1;
    color: #999
}

.user-panel .item.search .wrap-form.opened .input::-moz-placeholder {
    opacity: 1;
    color: #999
}

.user-panel .item.search .wrap-form.opened .input:-ms-input-placeholder {
    color: #999
}

.user-panel .item.search .wrap-form.opened .input::-webkit-input-placeholder {
    color: #999
}

.user-panel .item.search .wrap-form.opened .input.placeholder {
    color: #999
}

.user-panel .item.search .wrap-form.opened .btn-close {
    z-index: 2;
    display: block;
    cursor: pointer
}

.user-panel .item.search .wrap-form.opened .btn-close:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -334.6em
}

.user-panel .item.search .wrap-form.opened .btn-close:hover:before {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.user-panel .item.search .wrap-form.opened .btn-submit {
    right: 42px
}

.user-panel .item.search .wrap-form.opened .btn-submit:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -488.2em
}

.user-panel .item.search .wrap-form.opened .btn-submit:hover:before {
    width: 1.5em;
    height: 1.6em;
    background-position: -.2em -484.2em
}

.user-panel .item.search .search-form {
    display: inline-block;
    width: 100%;
    margin-top: -4px;
    vertical-align: middle
}

.user-panel .item.search fieldset {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border: none
}

.user-panel .item.search .input {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 42px;
    padding: 5px 50px 5px 10px;
    text-overflow: ellipsis;
    color: #000;
    border: 1px solid #dbe0e2;
    border-radius: 4px;
    background: #f6f6f6;
    font-size: 14px;
    line-height: normal
}

.user-panel .item.search .input:hover {
    border-color: #b8c0c3;
    background: #fff
}

.user-panel .item.search .input:focus {
    border-color: #5cd3cf;
    background: #fff
}

.user-panel .item.search .btn-close {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 0;
    display: none;
    width: 42px;
    height: 40px;
    padding: 0;
    text-align: center;
    border: none;
    background: 0 0;
    line-height: 40px
}

.user-panel .item.search .btn-close svg {
    display: block;
    width: 1.5em;
    height: 1.1em;
    margin: 12px auto 0;
    transition: fill ease .4s;
    fill: #575756
}

.user-panel .item.search .btn-close:hover svg {
    transition: fill ease .4s;
    fill: #458381
}

.no-svg .user-panel .item.search .btn-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .item.search .btn-submit {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 0;
    width: 42px;
    height: 40px;
    padding: 0;
    border: none;
    background: 0 0;
    line-height: 40px
}

.user-panel .item.search .btn-submit svg {
    display: block;
    width: 1.5em;
    height: 1.1em;
    margin: 0 auto;
    transition: fill ease .4s;
    fill: #575756
}

.user-panel .item.search .btn-submit:hover svg {
    transition: fill ease .4s;
    fill: #458381
}

.no-svg .user-panel .item.search .btn-submit:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.user-panel .search-backdrop {
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh
}

.user-panel .search-dropdown {
    position: absolute;
    z-index: 120;
    top: 100%;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #5cd3cf;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, .3);
    line-height: 1.4
}

.user-panel .search-dropdown.drop-show {
    display: block
}

.user-panel .search-dropdown table.table-reset {
    margin-bottom: 0
}

.user-panel .search-dropdown .wrap-list {
    overflow: hidden;
    max-height: 600px
}

.user-panel .search-dropdown .wrap-list .mCSB_container {
    margin-right: 0
}

.user-panel .search-dropdown .wrap-list .mCSB_scrollTools {
    width: 6px
}

.user-panel .search-dropdown .wrap-list .mCSB_draggerRail {
    background: 0 0
}

.user-panel .search-dropdown .wrap-list .mCSB_dragger_bar {
    opacity: .8;
    background: #999
}

.user-panel .sd-item {
    display: block;
    padding: 12px 24px;
    transition: background .2s ease;
    text-decoration: none;
    color: #333;
    background: #fff
}

.user-panel .sd-item:after {
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.user-panel .sd-item:hover {
    background: #f1f1f1
}

.user-panel .sd-item.default .species {
    color: #5cd3cf
}

.user-panel .sd-item.product {
    padding: 18px 0;
    border-top: 1px solid #e7e7e7
}

.user-panel .sd-item.product .pic {
    float: left;
    overflow: hidden;
    width: 15%;
    height: 70px;
    padding: 0 10px
}

.user-panel .sd-item.product .pic .pic-link {
    display: block;
    height: 100%;
    text-decoration: none
}

.user-panel .sd-item.product .pic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.user-panel .sd-item.product .ttl {
    float: left;
    width: 28%;
    padding: 0 25px 0 10px;
    line-height: 1.2
}

.user-panel .sd-item.product .ttl-name, .user-panel .sd-item.product .ttl-name a {
    margin-bottom: 6px;
    text-decoration: none;
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.user-panel .sd-item.product .ttl-name a.hover, .user-panel .sd-item.product .ttl-name a:hover {
    color: #5cd3cf
}

.user-panel .sd-item.product .ttl-manufacturer {
    margin-bottom: 4px
}

.user-panel .sd-item.product .counter {
    float: left;
    width: 15%
}

.user-panel .sd-item.product .counter-input, .user-panel .sd-item.product .counter-minus, .user-panel .sd-item.product .counter-plus {
    display: block;
    float: left;
    width: 33.33%;
    height: 42px;
    text-align: center;
    text-decoration: none;
    line-height: 42px
}

.user-panel .sd-item.product .counter-minus, .user-panel .sd-item.product .counter-plus {
    cursor: pointer;
    transition: background .2s ease;
    color: #666;
    background: 0 0;
    font-size: 20px
}

.user-panel .sd-item.product .counter-minus:hover, .user-panel .sd-item.product .counter-plus:hover {
    background: #e0e0e0
}

.user-panel .sd-item.product .counter-input {
    transition: border .2s ease;
    color: #000;
    border: 1px solid transparent;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: 0 0;
    font-size: 14px
}

.user-panel .sd-item.product .counter-input:focus, .user-panel .sd-item.product .counter-input:hover {
    border: 1px solid #b8c0c3
}

.user-panel .sd-item.product .price {
    float: left;
    width: 22%;
    padding: 0 10px 0 100px;
    line-height: 1.2
}

.user-panel .sd-item.product .price-old {
    position: relative;
    display: inline-block;
    margin-bottom: 5px;
    color: #000;
    font-size: 12px;
    line-height: 1
}

.user-panel .sd-item.product .price-old:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: #b2b2b2
}

.user-panel .sd-item.product .price-new {
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 18px
}

.user-panel .sd-item.product .price-new.sale {
    color: #5cd3cf
}

.user-panel .sd-item.product .btn-wrap {
    float: left;
    width: 20%;
    padding: 0 24px 0 10px;
    text-align: right
}

.user-panel .sd-item.collection {
    padding: 18px 0;
    border-top: 1px solid #e7e7e7
}

.user-panel .sd-item.collection:hover .ttl-name {
    color: #5cd3cf
}

.user-panel .sd-item.collection .pic {
    float: left;
    overflow: hidden;
    width: 15%;
    height: 70px;
    padding: 0 10px 0 35px
}

.user-panel .sd-item.collection .pic img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.user-panel .sd-item.collection .ttl {
    float: left;
    width: 60%;
    padding: 0 10px
}

.user-panel .sd-item.collection .ttl-collection {
    margin-bottom: 6px;
    color: #999;
    font-family: OpenSans-Italic, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2
}

.user-panel .sd-item.collection .ttl-name {
    transition: color .2s ease;
    color: #000;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2
}

.user-panel .sd-item.collection .logotype {
    float: left;
    overflow: hidden;
    width: 25%;
    height: 70px;
    padding: 0 10px
}

.user-panel .sd-item.collection .logotype img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.user-panel .sd-item.all-results {
    text-align: center;
    color: #fff;
    border-top: 1px solid #e7e7e7;
    background: #458381
}

.user-panel .sd-item.all-results:hover {
    background: #5cd3cf
}

.user-panel .prod-card-list.table {
    margin: 0;
    border: none
}

.user-panel .prod-card-list.table .prod-card td {
    vertical-align: middle
}

.user-panel .prod-card-list.table .prod-card td:first-child {
    padding-left: 20px
}

.user-panel .prod-card-list.table .prod-card td:last-child {
    padding-right: 20px
}

.user-panel .prod-card-list.table .prod-card .p-pic-link {
    height: auto
}

.user-panel .prod-card-list.table .prod-card .p-pic-link img {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    transform: none
}

.user-panel .prod-card-list.table .prod-card .p-title a {
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 14px
}

.user-panel .prod-card-list.table .td-pic {
    width: 10%
}

.user-panel .prod-card-list.table .td-title {
    width: 40%
}

.user-panel .prod-card-list.table .td-price {
    width: 20%
}

.user-panel .prod-card-list.table .td-controls {
    width: 30%
}

.item-delivery {
    position: relative;
    top: -50%;
    display: flex;
    align-items: center;
    transform: translateY(50%);
    line-height: 20px !important
}

.item-delivery__rule-definition, .item-delivery__schedule {
    display: inline-block;
    text-decoration: none;
    color: #333
}

.item-delivery__rule-definition:hover, .item-delivery__schedule:hover {
    text-decoration: none
}

.item-delivery__elem {
    display: flex;
    flex-direction: row
}

.item-delivery__icon {
    margin-right: 10px
}

.item-delivery__icon_mod {
    position: relative;
    top: 3.5px;
    margin-right: 10px
}

.item-delivery__icon:before {
    display: block;
    width: 3.4em;
    height: 1.4em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -338.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .item-delivery__icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.drop-info .basket-table .item {
    width: 620px
}

.drop-info .basket-table td, .drop-info .basket-table tr {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.drop-info .basket-table .td-pic {
    padding: 0 !important
}

.basket-table td, .basket-table tr {
    vertical-align: middle !important
}

.grayscale {
    opacity: .3 !important;
    transition: .2s ease;
    filter: grayscale(80%)
}

.main-nav {
    position: relative;
    display: block
}

.main-menu-2 {
    position: relative;
    display: flex
}

.open-catalog .main-nav::before {
    z-index: 9
}

.main-nav::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    overflow: hidden;
    min-width: 0;
    height: 100%;
    content: '';
    background: #458381
}

.main-nav.active .menu-backdrop {
    display: block
}

.main-nav.hover {
    z-index: 1000
}

.main-nav.hover .menu-backdrop {
    visibility: visible;
    opacity: .6
}

.main-menu-2 .menu-backdrop {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease;
    transform: translateX(-50%);
    background: #000
}

.open-catalog .main-menu-2 .menu_level_1 {
    z-index: 9
}

.main-menu-2 .menu_level_1 {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0
}

.main-menu-2 .item_1 {
    position: relative;
    display: block;
    float: left;
    flex-shrink: 0
}

.main-menu-2 .item_1.hover > a:before, .main-menu-2 .item_1.hover > span:before {
    display: block
}

.main-menu-2 .flexMenu-viewMore:hover > a, .main-menu-2 .item_1.hover > a, .main-menu-2 .item_1:hover > a {
    background: #458381
}

.main-menu-2 .item_1.hover .drop-menu_1 {
    display: block
}

.main-menu-2 .item_1.hover > a:before, .main-menu-2 .item_1.hover > span:before {
    visibility: visible;
    opacity: 1
}

.main-menu-2 .item_1.hover .drop-menu_1 {
    visibility: visible;
    opacity: 1
}

.main-menu-2 .item_1 + .flexMenu-viewMore:before, .main-menu-2 .item_1 + .item_1:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    opacity: .2;
    width: 1px;
    height: 20px;
    margin-top: -9px;
    content: '';
    background: #fff
}

.main-menu-2 .flexMenu-viewMore > a, .main-menu-2 .item_1 > a, .main-menu-2 .item_1 > span {
    position: relative;
    display: block;
    height: 50px;
    padding: 0 32px;
    transition: background .2s ease;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    font-size: 14px;
    line-height: 50px
}

.main-menu-2 .item_1 > a > span, .main-menu-2 .item_1 > span > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2
}

.main-menu-2 .item_1 > a:before, .main-menu-2 .item_1 > span:before {
    position: absolute;
    z-index: 103;
    bottom: 0;
    left: 50%;
    display: none;
    visibility: hidden;
    opacity: 0;
    margin-left: -6px;
    content: '';
    transition: opacity .3s ease;
    border: 6px solid transparent;
    border-bottom: 5px solid #fff
}

.main-menu-2 .item_1.active > a, .main-menu-2 .item_1.active > span {
    background: #458381
}

.main-menu-2 .item_1.active:hover > a {
    background: #458381
}

.main-menu-2 .drop-menu_1 {
    position: absolute;
    z-index: 102;
    top: 100%;
    left: 0;
    display: none;
    visibility: hidden;
    opacity: 0;
    user-select: none;
    transition: opacity .3s ease;
    background: #fff;
    box-shadow: 0 2px 20px -3px rgba(0, 0, 0, .5)
}

.main-menu-2 .drop-menu_1 .container {
    margin-right: -15px;
    margin-left: -15px
}

.main-menu-2 .drop-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 590px;
    min-height: 300px;
    max-height: 590px
}

.main-menu-2 .banner-block, .main-menu-2 .drop-menu_2, .main-menu-2 .menu-block, .main-menu-2 .partner-block {
    float: left;
    height: 590px
}

.main-menu-2 .menu-block {
    overflow: hidden;
    width: 21%;
    height: calc(100% - 72px);
    border-right: 1px solid #e7e7e7
}

.main-menu-2 .menu-block .menu_level_2 {
    overflow: auto;
    height: 100%
}

.main-menu-2 .menu-block .menu_level_2 .mCSB_scrollTools {
    position: static
}

.main-menu-2 .menu-block .menu_level_2 .mCSB_draggerContainer {
    display: none;
    margin-left: -9999px
}

.main-menu-2 .menu-block .menu_level_2 a[class^=mCSB_button] {
    z-index: 100 !important;
    opacity: 1;
    width: 100% !important;
    height: 25px;
    user-select: none;
    transition: opacity .3s ease !important;
    background: #fff;
    background-image: url(/local/templates/html/images/tmp/arrow_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain !important
}

.main-menu-2 .menu-block .menu_level_2 a[class^=mCSB_button].disable {
    opacity: 0;
    pointer-events: none
}

.main-menu-2 .menu-block .menu_level_2 .mCSB_buttonUp {
    z-index: 9999;
    top: 0 !important;
    background-image: url(/local/templates/html/images/tmp/arrow_up.png) !important;
    background-size: contain !important;
    box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, .15)
}

.main-menu-2 .menu-block .menu_level_2 .mCSB_buttonDown {
    z-index: 9999;
    box-shadow: 1px -1px 7px 0 rgba(0, 0, 0, .15)
}

.main-menu-2 .menu-block .wrap-btn {
    overflow-x: hidden
}

.main-menu-2 .button-nav {
    position: absolute;
    z-index: 100;
    display: none;
    overflow-x: hidden;
    box-sizing: initial;
    width: calc(21% - 1px);
    height: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: .3s ease-out;
    text-align: center;
    border-right: 1px solid #e7e7e7;
    background-color: transparent
}

.main-menu-2 .button-nav span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #fff
}

.main-menu-2 .button-nav span img {
    max-width: 22px
}

.main-menu-2 .button-nav.visible {
    display: block;
    opacity: 1
}

.main-menu-2 .button-nav_up {
    top: 0;
    padding-bottom: 7px
}

.main-menu-2 .button-nav_up > span {
    box-shadow: 0 3px 15px -6px grey
}

.main-menu-2 .button-nav_up img {
    transform: rotateX(-180deg)
}

.main-menu-2 .button-nav_down {
    bottom: 72px;
    padding-top: 7px
}

.main-menu-2 .button-nav_down > span {
    box-shadow: 0 -2px 15px -6px grey
}

.main-menu-2 .banner-block {
    flex: 1 1 0;
    height: calc(100% - 72px);
    transition: .3s ease
}

.main-menu-2 .banner-block a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    height: 100%;
    margin: auto;
    text-decoration: none
}

.main-menu-2 .banner-block a img {
    max-width: 100%;
    max-height: 100%
}

.main-menu-2 .partner-block {
    display: flex;
    flex: 0 0 150px;
    justify-content: space-around;
    height: 72px;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid #e7e7e7;
    background-color: #fff
}

.main-menu-2 .partner-block .item {
    height: 72px
}

.main-menu-2 .partner-block .item .link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    padding: 15px;
    text-decoration: none
}

.main-menu-2 .partner-block .item .link:hover .img {
    opacity: 1;
    filter: grayscale(0)
}

.main-menu-2 .partner-block .item .img {
    opacity: .7;
    max-width: 100%;
    max-height: 100%;
    transition: all .2s ease;
    filter: grayscale(100%);
    will-change: transform
}

.main-menu-2 .item_2:last-child {
    margin-bottom: 15px
}

.main-menu-2 .item_2:first-child {
    margin-top: 15px
}

.main-menu-2 .item_2:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    content: '';
    background: 0 0
}

.main-menu-2 .item_2.on > a, .main-menu-2 .item_2.on > span {
    z-index: 3
}

.main-menu-2 .item_2.on:before {
    display: block
}

.main-menu-2 .item_2:hover > a {
    z-index: 10;
    text-decoration: underline;
    color: #458381
}

.main-menu-2 .item_2:hover .drop-menu_2 {
    display: block
}

.main-menu-2 .item_2.hover > a:before, .main-menu-2 .item_2.hover > span:before {
    opacity: 1;
    width: .9em;
    height: .6em;
    background-position: -.2em -234.3em
}

.main-menu-2 .item_2.hover .drop-menu_2 .col-menu, .main-menu-2 .item_2.hover .drop-menu_2 .menu_level_3, .main-menu-2 .item_2.hover .drop-menu_2 .promo-pic {
    opacity: 1
}

.main-menu-2 .item_2:first-child > a, .main-menu-2 .item_2:first-child > span {
    padding-top: 22px
}

.main-menu-2 .item_2:first-child > a:before, .main-menu-2 .item_2:first-child > span:before {
    margin-top: 8px
}

.main-menu-2 .item_2:last-child > a, .main-menu-2 .item_2:last-child > span {
    padding-bottom: 22px
}

.main-menu-2 .item_2:last-child > a:before, .main-menu-2 .item_2:last-child > span:before {
    margin-top: -7px
}

.main-menu-2 .item_2 > a, .main-menu-2 .item_2 > span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 6px 20px 6px 25px;
    transition: none;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 1.2
}

.main-menu-2 .item_2 > a:before, .main-menu-2 .item_2 > span:before {
    position: absolute;
    top: 50%;
    right: 6px;
    display: none;
    opacity: .5;
    width: .9em;
    height: .6em;
    margin-top: 1px;
    content: ' ';
    transform: translateY(-50%) rotate(-90deg);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -232.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .main-menu-2 .item_2 > a:before, .no-svg .main-menu-2 .item_2 > span:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.main-menu-2 .item_2 > a:hover {
    text-decoration: underline;
    color: #458381
}

.main-menu-2 .item_2.active > a, .main-menu-2 .item_2.active > span {
    color: #458381
}

.main-menu-2 .item_2.active:hover > a {
    color: #458381
}

.main-menu-2 .item_2.inside > a:before, .main-menu-2 .item_2.inside > span:before {
    display: block
}

.main-menu-2 .drop-menu_2 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 21%;
    display: none;
    height: calc(100% - 72px);
    border-right: 1px solid #e7e7e7;
    background: #fff
}

.main-menu-2 .drop-menu_2.two-col .col-menu {
    display: block;
    min-height: 1px
}

.main-menu-2 .drop-menu_2.two-col .promo-pic {
    width: 40%
}

.main-menu-2 .promo-pic {
    position: relative;
    z-index: 1;
    opacity: 0;
    float: right;
    width: 60%;
    height: 100%;
    transition: opacity .3s ease
}

.main-menu-2 .promo-pic .pic-link {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.main-menu-2 .promo-pic img {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    max-width: 101%;
    max-height: 101%
}

.main-menu-2 .col-menu {
    display: none;
    opacity: 0;
    float: left;
    padding-top: 22px;
    padding-right: 30px;
    padding-bottom: 22px;
    transition: opacity .3s ease
}

.main-menu-2 .menu_level_3 {
    position: relative;
    z-index: 2;
    opacity: 0;
    float: left;
    transition: opacity .3s ease
}

.g-wrap .main-menu-2 .menu_level_3 {
    padding: 22px 30px 22px 25px
}

.main-menu-2 .item_3 {
    max-width: 250px
}

.main-menu-2 .item_3 + .item_3 {
    margin-top: 6px
}

.main-menu-2 .item_3 > a, .main-menu-2 .item_3 > span {
    display: inline-block;
    transition: none;
    vertical-align: top;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    line-height: 1.2
}

.main-menu-2 .item_3 > a:hover, .main-menu-2 .item_3 > span:hover {
    color: #5cd3cf
}

.main-menu-2 .item_3.active > a, .main-menu-2 .item_3.active > span {
    color: #458381
}

.main-menu-2 .item_3.active:hover > a {
    color: #458381
}

.fixed {
    display: block;
    visibility: visible;
    opacity: 1
}

.sub-menu {
    overflow: hidden;
    margin: 17px 0 -7px;
    padding: 10px 60px 10px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 0;
    background: #fff
}

.sub-menu .menu_level_1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0
}

.sub-menu .item_1 {
    display: inline-block
}

.sub-menu .item_1 + .item_1 {
    margin-left: 38px
}

.sub-menu .item_1 > a, .sub-menu .item_1 > span {
    display: block;
    padding: 5px 0;
    transition: color .2s ease;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    line-height: 1.2
}

.sub-menu .item_1 > a:hover {
    color: #5cd3cf
}

.sub-menu .item_1.active > a, .sub-menu .item_1.active > span {
    color: #458381
}

.sub-menu .item_1.active > a:hover {
    color: #5cd3cf
}

.breadcrumb-drop {
    position: relative;
    z-index: 600;
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 15px 10px 0;
    list-style: none;
    border-radius: 0;
    background-color: transparent
}

.g-wrap .breadcrumb-drop ol {
    font-size: 13px
}

.breadcrumb-drop ol > li {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: middle;
    color: red;
    line-height: 1
}

.breadcrumb-drop ol > li > a, .breadcrumb-drop ol > li > span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #666;
    border-bottom: 1px solid transparent;
    line-height: 1.2
}

.breadcrumb-drop ol > li > a:hover {
    color: #5cd3cf
}

.breadcrumb-drop ol > li > a:hover .icon-home:before {
    width: 1.4969em;
    height: 1.3em;
    background-position: -.2em -378.2em
}

.breadcrumb-drop ol > li + li:before {
    position: static;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    margin: 0 7px;
    content: ' ';
    vertical-align: middle;
    color: #666;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -21.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .breadcrumb-drop ol > li + li:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.breadcrumb-drop ol > li.home > a {
    border-color: transparent
}

.breadcrumb-drop ol > li .icon-home {
    position: relative;
    top: -2px;
    display: block
}

.breadcrumb-drop ol > li .icon-home:before {
    display: inline-block;
    width: 1.4969em;
    height: 1.3em;
    content: ' ';
    vertical-align: middle;
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -374.8em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .breadcrumb-drop ol > li .icon-home:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.breadcrumb-drop ol > li .wrap-drop {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.breadcrumb-drop ol > li .wrap-drop:hover > a, .breadcrumb-drop ol > li .wrap-drop:hover > span {
    color: #5cd3cf;
    border-color: #5cd3cf
}

.breadcrumb-drop ol > li .wrap-drop:hover .block-drop {
    display: block
}

.breadcrumb-drop ol > li .wrap-drop > a, .breadcrumb-drop ol > li .wrap-drop > span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #666;
    border-bottom: 1px dotted #666;
    line-height: 1.2
}

.breadcrumb-drop ol > li .block-drop {
    position: absolute;
    z-index: 105;
    top: 100%;
    left: 50%;
    display: none;
    padding-top: 15px;
    transform: translateX(-50%)
}

.breadcrumb-drop ol > li .block-drop:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    transform: translate(-50%, 10px) rotate(-45deg);
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    background: #fff
}

.breadcrumb-drop ol > li .block-drop .block_i {
    width: 230px;
    padding: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
}

.breadcrumb-drop ol > li .block-drop.double .block_i {
    width: 440px;
    padding-right: 10px;
    padding-left: 10px
}

.breadcrumb-drop ol > li .block-drop.double .list-drop {
    display: grid;
    display: -ms-grid;
    padding: 0 10px;
    grid-column-gap: 10px;
    -ms-grid-columns: 50% 50%;
    grid-row-gap: 16px;
    grid-template-columns:50% 50%
}

.breadcrumb-drop ol > li .block-drop.double .list-drop li + li {
    margin-top: 0
}

.breadcrumb-drop ol > li .list-drop li + li {
    margin-top: 16px
}

.breadcrumb-drop ol > li .list-drop li > a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    line-height: 1.4
}

.breadcrumb-drop ol > li .list-drop li > a:hover {
    color: #5cd3cf
}

.breadcrumb-drop ol > li:nth-child(2) .block-drop.double {
    left: -53px;
    transform: none
}

.breadcrumb-drop ol > li:nth-child(2) .block-drop.double:before {
    left: 0;
    transform: translate(70px, 10px) rotate(-45deg)
}

.breadcrumb-drop .active > a, .breadcrumb-drop .active > span {
    color: #000
}

.menu-foot {
    position: relative;
    margin-right: -10px;
    margin-left: -10px
}

.menu-foot:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: none;
    width: 2000px;
    max-width: 100vw;
    height: 100%;
    content: '';
    transform: translateX(-50%);
    border-bottom: 1px solid #e7e7e7
}

.menu-foot:after {
    display: table;
    clear: both;
    width: 100%;
    height: 0;
    content: ''
}

.menu-foot .list_level_1 {
    position: relative;
    float: left;
    width: 25%;
    margin: 0
}

.g-wrap .menu-foot .list_level_1 {
    padding: 0 10px
}

.menu-foot .item_1 {
    margin-bottom: 14px
}

.menu-foot .item_1 > a, .menu-foot .item_1 > span {
    display: block;
    transition: color .2s ease;
    text-decoration: none;
    color: #333;
    font-size: 15px;
    line-height: 1.2
}

.touch-no .menu-foot .item_1 > a:hover {
    color: #5cd3cf
}

.menu-foot .item_1.active > a, .menu-foot .item_1.active > span {
    color: #5cd3cf
}

.touch-no .menu-foot .item_1.active > a:hover {
    color: #5cd3cf
}

.social-foot {
    text-align: right
}

.social-foot .item {
    display: inline-block
}

.social-foot .soc-link {
    display: inline-block
}

.social-foot .soc-link.fb:hover:before {
    opacity: .8
}

.social-foot .soc-link.fb:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: 0 -595px;
    background-size: 47px 4828px;
    font-size: 10px
}

.no-svg .social-foot .soc-link.fb:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.social-foot .soc-link.vk:hover:before {
    opacity: .8
}

.social-foot .soc-link.vk:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: 0 -715px;
    background-size: 47px 4828px;
    font-size: 11px
}

.no-svg .social-foot .soc-link.vk:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.soc-link.ok::before {
    display: inline-block;
    width: 40px;
    height: 40px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: 0 -676px;
    background-size: 47px 4828px;
    font-size: 11px
}

.social-foot .soc-link.ok:hover:before {
    opacity: .8
}

.soc-link.inst::before {
    display: inline-block;
    width: 40px;
    height: 40px;
    content: ' ';
    background-image: url(/local/templates/html/images/instagram.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    font-size: 11px
}

.social-foot .soc-link.inst:hover:before {
    opacity: .8
}

.soc-link.tg::before {
    display: inline-block;
    width: 40px;
    height: 40px;
    content: ' ';
    background-image: url(/local/templates/html/images/telegram.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    font-size: 11px
}

.social-foot .soc-link.tg:hover:before {
    opacity: .8
}

.logo-foot {
    margin-bottom: 20px
}

.logo-foot .pic {
    text-align: right
}

.logo-foot .pic img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.copyright .text {
    text-align: right;
    letter-spacing: .4px;
    color: #333;
    font-size: 14px
}

.top-menu-mob {
    padding: 22px 15px;
    background: #f2f2f2
}

.top-menu-mob .item:not(:last-child) {
    margin-bottom: 15px
}

.top-menu-mob .item.favorite.active > a:before, .top-menu-mob .item.favorite.active > span:before {
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -362.3em
}

.top-menu-mob .item.favorite:hover > a:before {
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -362.3em
}

.top-menu-mob .item.favorite > a:before, .top-menu-mob .item.favorite > span:before {
    top: 2px;
    width: 1.762em;
    height: 1.5813em;
    background-position: -.2em -360.3em
}

.top-menu-mob .item.collections.active > a:before, .top-menu-mob .item.collections.active > span:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.top-menu-mob .item.collections:hover > a:before {
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -325.8em
}

.top-menu-mob .item.collections > a:before, .top-menu-mob .item.collections > span:before {
    top: 0;
    width: 1.89em;
    height: 1.791em;
    background-position: -.2em -321.4em
}

.top-menu-mob .item.compare.active > a:before, .top-menu-mob .item.compare.active > span:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.top-menu-mob .item.compare:hover > a:before {
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -332.4em
}

.top-menu-mob .item.compare > a:before, .top-menu-mob .item.compare > span:before {
    top: 0;
    width: 1.919em;
    height: 1.7156em;
    background-position: -.2em -328em
}

.top-menu-mob .item.contacts.active > a:before, .top-menu-mob .item.contacts.active > span:before {
    width: 1.5em;
    height: 1.5em;
    background-position: -.2em -308.7em
}

.top-menu-mob .item.contacts:hover > a:before {
    width: 1.5em;
    height: 1.5em;
    background-position: -.2em -308.7em
}

.top-menu-mob .item.contacts > a:before, .top-menu-mob .item.contacts > span:before {
    top: 2px;
    width: 1.5em;
    height: 1.5em;
    background-position: -.2em -306.8em
}

.top-menu-mob .item.status.active > a:before, .top-menu-mob .item.status.active > span:before {
    width: 1.7em;
    height: 1.7em;
    background-position: -.2em -387.3em
}

.top-menu-mob .item.status:hover > a:before {
    width: 1.7em;
    height: 1.7em;
    background-position: -.2em -387.3em
}

.top-menu-mob .item.status > a:before, .top-menu-mob .item.status > span:before {
    top: 1px;
    width: 1.7em;
    height: 1.7em;
    background-position: -.2em -385.2em
}

.top-menu-mob .item.views > a:before, .top-menu-mob .item.views > span:before {
    top: 5px;
    width: 1.997em;
    height: 1.2656em;
    background-position: -.2em -356.9em
}

.top-menu-mob .item > a, .top-menu-mob .item > span {
    position: relative;
    display: block;
    padding-left: 30px;
    transition: none;
    text-decoration: none;
    color: #333
}

.top-menu-mob .item > a:before, .top-menu-mob .item > span:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .top-menu-mob .item > a:before, .no-svg .top-menu-mob .item > span:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.top-menu-mob .item > a:hover {
    color: #5cd3cf
}

.top-menu-mob .item.active > a, .top-menu-mob .item.active > span {
    color: #5cd3cf
}

.main-menu-mob {
    margin-bottom: 30px
}

.main-menu-mob .menu_level_1 {
    margin: 0;
    padding: 0
}

.main-menu-mob .item_1 + .item_1 {
    border-top: 1px solid #fff
}

.main-menu-mob .item_1:last-child .menu_level_2 {
    border-bottom: 1px solid #e7e7e7
}

.main-menu-mob .item_1 .link-wrap_1 {
    position: relative
}

.main-menu-mob .item_1 .link-wrap_1 > a:not(.icon_1), .main-menu-mob .item_1 .link-wrap_1 > span {
    display: block;
    padding: 20px 60px 18px 15px;
    text-decoration: none;
    color: #fff;
    background: #458381;
    font-size: 16px;
    line-height: 1.2
}

.touch-no .main-menu-mob .item_1 .link-wrap_1 > a:not(.icon_1):hover {
    background: #458381
}

.main-menu-mob .item_1.active .link-wrap_1 > a:not(.icon_1), .main-menu-mob .item_1.active .link-wrap_1 > span {
    background: #458381
}

.touch-no .main-menu-mob .item_1.active .link-wrap_1 > a:not(.icon_1):hover {
    background: #458381
}

.main-menu-mob .item_1 .icon_1 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 100%;
    text-decoration: none
}

.main-menu-mob .item_1 .icon_1.collapsed:after {
    transform: rotate(0)
}

.main-menu-mob .item_1 .icon_1:after, .main-menu-mob .item_1 .icon_1:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    background: #fff
}

.main-menu-mob .item_1 .icon_1:before {
    width: 11px;
    height: 1px;
    margin-top: 0;
    margin-left: -5px
}

.main-menu-mob .item_1 .icon_1:after {
    width: 1px;
    height: 11px;
    margin-top: -5px;
    margin-left: 0;
    transition: transform .2s ease;
    transform: rotate(90deg)
}

.main-menu-mob .menu_level_2 {
    padding: 10px 0
}

.main-menu-mob .item_2 .link-wrap_2 {
    position: relative
}

.main-menu-mob .item_2 .link-wrap_2 > a:not(.icon_2), .main-menu-mob .item_2 .link-wrap_2 > span {
    display: block;
    padding: 12px 60px 12px 15px;
    text-decoration: none;
    color: #333;
    font-size: 14px
}

.touch-no .main-menu-mob .item_2 .link-wrap_2 > a:not(.icon_2):hover {
    color: #458381
}

.main-menu-mob .item_2.active .link-wrap_2 > a:not(.icon_2), .main-menu-mob .item_2.active .link-wrap_2 > span {
    color: #458381
}

.touch-no .main-menu-mob .item_2.active .link-wrap_2 > a:not(.icon_2):hover {
    color: #458381
}

.main-menu-mob .item_2 .icon_2 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 100%;
    text-decoration: none
}

.touch-no .main-menu-mob .item_2 .icon_2:hover:before {
    border-color: #5cd3cf
}

.main-menu-mob .item_2 .icon_2.collapsed:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.main-menu-mob .item_2 .icon_2:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    transition: transform .5s ease;
    transform: translate(-50%, -50%) rotate(135deg);
    border-top: 1px solid #333;
    border-right: 1px solid #333
}

.main-menu-mob .item_2 .sub-block {
    border-right: 1px solid #e7e7e7;
    background: #fff
}

.main-menu-mob .item_2 .back {
    position: relative;
    display: block;
    padding: 20px 15px 20px 35px;
    text-decoration: none;
    color: #333;
    background: #f2f2f2;
    font-size: 16px;
    line-height: 1
}

.touch-no .main-menu-mob .item_2 .back:hover {
    background: #e1e1e1
}

.main-menu-mob .item_2 .back:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    transform: translateY(-50%) rotate(-45deg);
    border-top: 1px solid #333;
    border-left: 1px solid #333
}

.main-menu-mob .item_2 .subtitle {
    position: relative;
    padding: 20px 35px 18px 15px;
    text-transform: uppercase;
    color: #5cd3cf;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.main-menu-mob .menu_level_3 {
    padding: 0 0 20px
}

.main-menu-mob .item_3 + .item_3 {
    border-top: 1px solid #e7e7e7
}

.main-menu-mob .item_3 > a, .main-menu-mob .item_3 > span {
    display: block;
    padding: 12px 15px 10px 30px;
    text-decoration: none;
    color: #333
}

.touch-no .main-menu-mob .item_3 > a:hover {
    color: #458381
}

.main-menu-mob .item_3.active > a, .main-menu-mob .item_3.active > span {
    color: #458381
}

.touch-no .main-menu-mob .item_3.active > a:hover {
    color: #458381
}

.sub-menu-mob {
    margin-top: 30px;
    margin-bottom: 30px
}

.sub-menu-mob .menu_level_1 {
    margin: 0
}

.sub-menu-mob .item_1 > a, .sub-menu-mob .item_1 > span {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-size: 16px;
    line-height: 1
}

.sub-menu-mob .item_2 > a, .sub-menu-mob .item_2 > span {
    display: block;
    padding: 10px 15px 10px 35px;
    text-decoration: none;
    text-transform: none;
    color: #333;
    font-size: 16px;
    line-height: 1
}

.sub-menu-mob .item_2 + .item_1 {
    margin-top: 15px
}

.touch-no .sub-menu-mob .item_1 > a:hover {
    color: #458381
}

.sub-menu-mob .item_1.active > a, .sub-menu-mob .item_1.active > span {
    color: #458381
}

.touch-no .sub-menu-mob .item_1.active > a:hover {
    color: #458381
}

.social-mob {
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 0 15px
}

.social-mob .item {
    display: inline-block;
    margin-right: 12px
}

.social-mob .soc-link {
    display: block
}

.social-mob .soc-link.fb:hover:before {
    opacity: .7
}

.social-mob .soc-link.fb:before {
    display: inline-block;
    width: 4.7em;
    height: 4.5em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -72.4em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.social-mob .soc-link.ok::before {
    width: 4.7em;
    height: 4.5em;
    background-position: 0 -776px;
    background-size: 64px 5568px
}

.no-svg .social-mob .soc-link.fb:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.social-mob .soc-link.vk:hover:before {
    opacity: .7
}

.social-mob .soc-link.vk:before {
    display: inline-block;
    width: 4.7em;
    height: 4.5em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -86.9em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .social-mob .soc-link.vk:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.qn-open .questionnaire {
    transform: translate(0, 35%);
    box-shadow: 4px 2px 10px rgba(0, 0, 0, .3)
}

.qn-open .questionnaire .qn-btn {
    background: #fff5e7;
    box-shadow: 4px 2px 10px rgba(0, 0, 0, .3)
}

.qn-open .questionnaire .qn-btn .icon {
    top: 2px;
    transform: rotate(0)
}

.mm-open .questionnaire, .ms-open .questionnaire {
    z-index: 100
}

.questionnaire {
    position: fixed;
    z-index: 900;
    top: 50%;
    left: 0;
    width: 80%;
    max-width: 380px;
    min-height: 180px;
    max-height: 100%;
    transition: transform .4s ease, box-shadow .4s ease;
    transform: translate(-100%, 35%);
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    will-change: transform
}

.questionnaire .qn-wrap {
    padding: 30px;
    color: #458381;
    font-size: 16px;
    line-height: 1.3
}

.questionnaire .btn-wrap {
    padding-top: 10px
}

.container-form .questionnaire .btn-wrap .btn + input[type=submit], .container-form .questionnaire .btn-wrap input[type=submit] + .btn, .container-form .questionnaire .btn-wrap input[type=submit] + input[type=submit], .questionnaire .btn-wrap .btn + .btn, .questionnaire .btn-wrap .container-form .btn + input[type=submit], .questionnaire .btn-wrap .container-form input[type=submit] + .btn, .questionnaire .btn-wrap .container-form input[type=submit] + input[type=submit] {
    margin-left: 10px
}

.container-form .questionnaire input[type=submit], .questionnaire .btn, .questionnaire .container-form input[type=submit] {
    border-radius: 3px
}

.questionnaire .pic {
    margin-bottom: 15px
}

.questionnaire .pic img {
    display: block;
    max-height: 50px
}

.questionnaire .qn-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    display: block;
    width: 42px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    transition: box-shadow .4s ease, background .2s ease;
    border: none;
    border-left: 1px solid #e7e7e7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #fff;
    box-shadow: 1px 0 10px rgba(0, 0, 0, .2)
}

.questionnaire .qn-btn:hover {
    background: #fff5e7
}

.questionnaire .qn-btn .qn-btn-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 40px;
    transform: translate(-50%, -50%) rotate(90deg);
    color: #458381;
    font-size: 14px;
    line-height: 38px
}

.questionnaire .qn-btn .icon, .questionnaire .qn-btn .icon-pic, .questionnaire .qn-btn .txt {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.questionnaire .qn-btn .icon-pic {
    margin-right: 10px
}

.questionnaire .qn-btn .icon-pic:before {
    display: block;
    width: 3em;
    height: 2.4em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -444.9em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .questionnaire .qn-btn .icon-pic:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.questionnaire .qn-btn .txt {
    margin-right: 6px
}

.questionnaire .qn-btn .icon {
    top: 1px;
    transition: all .3s ease;
    transform: rotate(180deg)
}

.questionnaire .qn-btn .icon:before {
    display: block;
    width: 1em;
    height: .6em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -436.7em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .questionnaire .qn-btn .icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.questionnaire__counter {
    position: absolute;
    top: 30px;
    right: 30px
}

.push-message {
    position: fixed;
    z-index: 2000;
    bottom: 0;
    left: 0;
    width: 100%
}

.push-message.open {
    bottom: -70px;
    padding-top: 70px;
    transform: translateY(-70px)
}

.push-message .item {
    position: relative;
    z-index: 1;
    padding: 28px 0 24px;
    background: #555;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .3)
}

.push-message .item.up {
    margin-bottom: 0;
    transition: margin .4s ease
}

.push-message .item.type-success {
    background: #458381
}

.push-message .item.type-error {
    background: #458381
}

.push-message .item.type-warning {
    background: #458381
}

.push-message .item + .item {
    z-index: 2
}

.push-message .item-wrap {
    position: relative;
    display: inline-block
}

.push-message .msg-icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform: translateY(-50%)
}

.push-message .msg-icon:before {
    display: block;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .push-message .msg-icon:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.push-message .msg-icon.icon-basket:before {
    width: 2.5em;
    height: 2.2em;
    background-position: -.2em -399.6em
}

.push-message .msg-icon.icon-star:before {
    width: 2.4em;
    height: 2.3em;
    background-position: -.2em -411.9em
}

.push-message .msg-icon.icon-trash:before {
    width: 2.2em;
    height: 2.5em;
    background-position: -.2em -403.8em
}

.push-message .msg-icon.icon-attention:before {
    width: 2.4em;
    height: 2.2em;
    background-position: -.2em -406.7em
}

.push-message .msg-wrap {
    max-width: 620px;
    padding-right: 30px;
    padding-left: 50px;
    text-align: left;
    color: #fff;
    font-size: 14px
}

.push-message .msg-wrap a {
    color: #fff
}

.push-message .msg-wrap a:hover {
    opacity: .8
}

.push-message .msg-close {
    position: absolute;
    top: 50%;
    right: 10px;
    opacity: .8;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    border: none;
    background: 0 0
}

.push-message .msg-close:hover {
    opacity: 1
}

.push-message .msg-close:before {
    display: block;
    width: 1.2em;
    height: 1.2em;
    margin: auto;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -402.2em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .push-message .msg-close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.prod-card-tile_opened {
    left: 0
}

.prod-card-tile_opened:hover .tile-wrapper {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

.reserved-panel {
    position: fixed;
    z-index: 1050;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100vh;
    transition: transform .4s ease, bottom .4s ease;
    transform: translateY(100%);
    border: 1.5px solid #ebebeb;
    background: #f8f8f8;
    box-shadow: 0 -2px 25px rgba(0, 0, 0, .3)
}

.reserved-panel .tab-content {
    padding: 0 0 10px
}

.reserved-panel .slider .prod-card-tile_opened .tile-wrapper {
    flex-grow: 1
}

.reserved-panel .slider .prod-card-tile_opened .tile-wrap {
    flex-grow: 1
}

.reserved-panel {
    box-shadow: none
}

.reserved-panel.open {
    transform: translateY(0)
}

.reserved-panel.open .wrap-toggle .btn-toggle:before {
    transform: rotate(-180deg)
}

.reserved-panel .panel-header {
    color: #000;
    background: #ebebeb;
    font-size: 14px
}

.reserved-panel .header-wrap {
    position: relative;
    margin-right: 40px
}

.reserved-panel .wrap-available, .reserved-panel .wrap-notification, .reserved-panel .wrap-toggle {
    line-height: 30px
}

.reserved-panel .wrap-toggle {
    float: left;
    width: 20%
}

.reserved-panel .wrap-toggle .btn-toggle {
    position: relative;
    padding: 2px 18px 2px 2px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #5cd3cf;
    border: none;
    background: 0 0;
    line-height: 1
}

.reserved-panel .wrap-toggle .btn-toggle:before {
    position: absolute;
    top: 50%;
    right: 2px;
    display: block;
    width: .9em;
    height: .6em;
    margin-top: -3px;
    content: ' ';
    transition: transform .2s ease;
    transform: rotate(0);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -234.3em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .reserved-panel .wrap-toggle .btn-toggle:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.reserved-panel .wrap-available {
    float: left;
    width: 55%;
    text-align: center
}

.reserved-panel .wrap-available span {
    vertical-align: middle;
    line-height: 1
}

.reserved-panel .wrap-available .count {
    margin: 0 10px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 36px
}

.reserved-panel .wrap-available .cur {
    margin-right: 10px;
    font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
    font-size: 16px
}

.reserved-panel .wrap-notification {
    float: right;
    width: 25%;
    text-align: right
}

.reserved-panel .wrap-notification .authorization, .reserved-panel .wrap-notification .controls, .reserved-panel .wrap-notification .message {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.reserved-panel .tags {
    position: relative;
    z-index: 9999;
    display: inline-block
}

.reserved-panel .tags .nav {
    display: flex;
    flex-wrap: wrap
}

.reserved-panel .tags .nav li {
    width: auto
}

.reserved-panel .panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px
}

.reserved-panel .panel-head__title {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.2
}

.reserved-panel .panel-head__title_mt {
    margin-top: 1em;
    margin-bottom: .5em
}

.reserved-panel .panel-head__title .count {
    color: #5cd3cf
}

.reserved-panel .panel-head__close {
    text-align: right
}

.reserved-panel .panel-head__close .btn-close {
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    vertical-align: middle;
    border: none;
    background: 0 0
}

.reserved-panel .panel-head__close .btn-close:before {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 30px;
    content: 'Скрыть';
    transition: opacity .18s ease
}

.reserved-panel .panel-head__close .btn-close:hover:before {
    color: #5cd3cf
}

.reserved-panel .panel-head__close .btn-close:hover:after {
    width: 1.003em;
    height: 1em;
    background-position: -.2em -337.4em
}

.reserved-panel .panel-head__close .btn-close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    transform: translate(-50%, -50%) scale(1.2);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -336em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .reserved-panel .panel-head__close .btn-close:after {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.reserved-panel .panel-body {
    position: relative;
    background: #f8f8f8
}

.reserved-panel .panel-body .nav {
    margin: 0
}

.reserved-panel .related-products.no-accordion {
    margin: 0;
    padding: 0
}

.reserved-panel .related-products.no-accordion:before {
    display: none
}

.reserved-panel .related-products.no-accordion .prod-card .p-available {
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 8px;
    vertical-align: top;
    color: #458381;
    border-radius: 4px;
    background: #e5f8ec;
    font-size: 13px
}

.scroll-to {
    position: fixed;
    z-index: 1999;
    right: -25px;
    bottom: -50px;
    display: flex;
    align-items: flex-end;
    flex-flow: column nowrap;
    transition: transform .5s ease
}

.scroll-to-top {
    z-index: 900;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: opacity .2s ease;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .3);
    line-height: 50px;
    will-change: bottom
}

.scroll-to-top_mt {
    margin-top: 25px
}

.mm-open .scroll-to-top {
    display: none !important
}

.scroll-to-top:hover {
    opacity: 1
}

.scroll-to-top img {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 34px;
    height: 34px;
    vertical-align: middle
}

.ear-promo {
    position: fixed;
    z-index: 900;
    top: 220px;
    left: 50px;
    will-change: top
}

.ear-promo .ear-wrap {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    text-decoration: none
}

.ear-promo .ear-wrap:hover .description, .ear-promo .ear-wrap:hover .title {
    visibility: hidden
}

.ear-promo .ear-wrap:hover .button {
    display: block
}

.ear-promo .inner-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    background: #458381;
    box-shadow: -2px -2px 15px rgba(0, 0, 0, .5)
}

.ear-promo .pic {
    position: absolute;
    bottom: -18px;
    left: 5px;
    float: left;
    width: 100px;
    height: 100px
}

.ear-promo .pic img {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    max-width: 90px;
    max-height: 90px;
    transform: translateX(-50%) rotate(90deg);
    transform-origin: center center
}

.ear-promo .text-wrap {
    position: relative;
    width: 200px;
    margin-left: 110px;
    padding: 10px;
    color: #fff;
    line-height: 1.2
}

.ear-promo .title {
    text-transform: uppercase;
    font-size: 14px
}

.ear-promo .description {
    text-transform: lowercase;
    font-size: 12px
}

.ear-promo .button {
    position: absolute;
    top: 50%;
    left: 10px;
    display: none;
    transform: translateY(-50%);
    font-size: 14px
}

.ear-promo .button:after {
    display: inline-block;
    width: 2.6em;
    height: .903em;
    margin-left: 10px;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -557.7em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .ear-promo .button:after {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

#eHintBtn {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0
}

.cursor .caroufredsel_wrapper {
    cursor: url(data:application/octet-stream;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=), move !important
}

.cursor .caroufredsel_wrapper:active {
    cursor: url(data:application/octet-stream;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8=), move !important
}

.modal .h1, .modal .h2, .modal .h3, .modal .h4, .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0
}

.modal .close {
    top: 10px;
    right: 10px;
    display: block;
    opacity: .7;
    width: 16px;
    height: 16px;
    transition: opacity .2s ease;
    text-align: center;
    line-height: 14px
}

.modal .close:hover {
    opacity: 1
}

.modal .close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1.003em;
    height: 1em;
    content: ' ';
    transform: translate(-50%, -50%);
    background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
    background-repeat: no-repeat;
    background-position: -.2em -336em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.no-svg .modal .close:before {
    background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
}

.main .g-content {
    padding-top: 10px;
    padding-bottom: 0
}

.title-differ {
    position: relative;
    margin-bottom: 10px
}

.title-differ .d-ttl {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    font-family: Circe-Regular, Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.2
}

.title-differ .d-ttl-note {
    display: block;
    margin-top: 2px;
    text-transform: none;
    color: #666;
    font-size: 16px;
    line-height: 1.2
}

.title-differ .d-ttl .d-count {
    margin-left: 8px;
    color: #5cd3cf
}

.title-differ a.d-ttl {
    display: inline-block
}

.title-differ .d-info a {
    text-decoration: none;
    color: #333
}

.title-differ .d-info a:hover {
    color: #5cd3cf
}

.accord-section.opened-manager-block .manager-accord {
    height: auto
}

.accord-section .d-ttl, .main-advance .d-ttl {
    margin: 0 0 20px;
    user-select: none;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-family: OpenSans-Bold;
    font-size: 28px;
    font-weight: 700
}

.accord-section .accord-link {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: -18px;
    text-align: center;
    text-decoration: none;
    color: #5cd3cf;
    border: 1px solid #5cd3cf
}

.accord-section .accord-link:hover {
    border-color: #5cd3cf
}

.accord-section .accord-link:hover:after, .accord-section .accord-link:hover:before {
    background: #5cd3cf
}

.accord-section .accord-link:after, .accord-section .accord-link:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    transition: transform .3s ease, background .2s ease;
    background: #5cd3cf
}

.accord-section .accord-link:before {
    width: 16px;
    height: 2px;
    margin-top: -1px;
    margin-left: -8px
}

.accord-section .accord-link:after {
    width: 2px;
    height: 16px;
    margin-top: -8px;
    margin-left: -1px;
    transform: rotate(90deg)
}

.accord-section .accord-wrap {
    overflow: hidden;
    height: auto;
    transition: height .3s ease
}

.js-slider {
    opacity: 1;
    transition: opacity .3s ease;
    white-space: inherit
}

.js-slider.not-init {
    opacity: 0;
    white-space: nowrap
}

.js-slider.init {
    margin-right: -15px;
    margin-left: -15px;
    white-space: nowrap
}

.js-slider.init .mCSB_container {
    padding-right: 15px;
    padding-left: 15px
}

.js-slider .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 0
}

.js-slider .mCSB_scrollTools .mCSB_draggerRail {
    height: 0;
    margin: 0
}

.js-slider .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 0;
    margin: 0
}

.js-slider .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: 0
}

.js-slider .js-slider-item {
    display: inline-block
}

.lnk-pseudo {
    cursor: pointer;
    color: #5cd3cf;
    border-bottom: 1px dashed #5cd3cf
}

[v-cloak] {
    display: none
}

.zoomContainer {
    z-index: 120
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

table {
    overflow: visible
}

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

.categories-list__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: calc(100% + 20px);
    margin: 0 -10px
}

.categories-list__cell {
    box-sizing: border-box;
    width: 16.66%;
    padding: 19px 10px 10px
}

.categories-list__item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 14px 15px 14px 24px;
    transition: all ease .4s;
    text-decoration: none;
    text-transform: uppercase;
    color: #323232;
    border: 1px solid #dbe0e2;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.touch-no .categories-list__item:focus, .touch-no .categories-list__item:hover {
    transform: translate3d(0, -7px, 0);
    text-decoration: none;
    color: #5cd3cf;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .1)
}

.categories-list__item:hover {
    text-decoration: none
}

.touch-no .categories-list__item:focus svg, .touch-no .categories-list__item:hover svg {
    transition: fill ease .4s;
    fill: #5cd3cf
}

.categories-list__icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.categories-list__icon svg {
    transition: fill ease .4s;
    fill: #458381
}

.categories-list__name {
    flex-grow: 1;
    min-width: 0
}

.categories-list--aside {
    position: sticky;
    z-index: 190;
    top: 90px;
    display: none;
    flex-shrink: 0;
    margin-top: 71px;
    margin-left: 20px
}

.categories-list--aside .categories-list__grid {
    align-items: flex-end;
    flex-direction: column;
    width: auto;
    margin: 0
}

.categories-list--aside .categories-list__cell {
    position: relative;
    width: 58px;
    height: 58px;
    margin-bottom: 10px;
    padding: 0
}

.categories-list--aside .categories-list__item {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 8px;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #fff
}

.categories-list--aside .categories-list__icon {
    display: inline-flex;
    margin-right: 0;
    vertical-align: middle
}

.categories-list--aside .categories-list__name::before {
    display: block;
    flex-shrink: 0;
    width: 10px;
    content: ''
}

.categories-list--aside .categories-list__name {
    display: inline-flex;
    overflow: hidden;
    flex: 0 0 auto;
    width: 0;
    vertical-align: middle;
    white-space: normal;
    will-change: width
}

.categories-list--aside .categories-list__item:hover {
    transform: none;
    text-decoration: none;
    color: #323232;
    box-shadow: none
}

.categories-list--aside .categories-list__item:hover .categories-list__name {
    width: 115px
}

.g-main--w-aside .g-main_c {
    width: calc(100% - 78px)
}

.g-main--w-aside .g-main_i {
    position: relative;
    display: flex;
    align-items: flex-start
}

.g-main--w-aside .categories-list--aside {
    display: block
}

@media (max-width: 1023px) {
    .g-main--w-aside .categories-list--aside {
        display: none
    }

    .g-main--w-aside .g-main_i {
        padding-right: 15px
    }

    .g-main--w-aside .g-main_i {
        padding-right: 15px
    }

    .inner .g-main {
        padding-top: 65px
    }

    .categories-list--aside {
        display: none
    }

    .product-preview {
        margin: 15px auto 40px
    }
}

.open-catalog .fixed-panel-wrap.fixed {
    position: relative;
    z-index: 10;
    background-color: #fff
}

.open-catalog .g-header {
    z-index: 970
}

.g-header {
    position: relative;
    z-index: 200
}

.container-list-menu.open-fade .hover-menu__overlay, .main-nav.open-fade .hover-menu__overlay {
    display: block
}

.container-list-menu .item_1--catalog::before {
    right: 0;
    left: auto
}

.container-list-menu .item_1--catalog {
    position: relative;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    min-width: 206px;
    padding-left: 12px;
    cursor: pointer;
    transition: background .3s;
    background: #3a6d6c
}

.container-list-menu .item_1--catalog:hover {
    background: #24aba6
}

.container-list-menu .item_1--catalog span {
    padding-left: 5px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 48px
}

.container-list-menu.open-fade .item_1--catalog {
    background-color: transparent
}

.container-list-menu.open-fade .item_1--catalog::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: .15;
    width: 100%;
    height: 100%;
    content: '';
    transition-duration: .3s;
    background: #fff
}

.flex-menu {
    height: 50px;
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-menu:hover {
    overflow: visible
}

.flex-menu li {
    position: relative;
    float: left
}

.main-menu-2 .flexMenu-popup.flexMenu-popup {
    top: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background-color: #5cd3cf
}

.main-menu-2 .flexMenu-popup .item_1 {
    margin: 0
}

.main-menu-2 .flexMenu-popup .item_1::before {
    display: none
}

.main-menu-2 .flexMenu-popup .item_1 a {
    text-align: left;
    white-space: nowrap
}

.flexMenu-viewMore > a {
    position: relative;
    padding-right: 25px
}

.flexMenu-viewMore.active > a::after {
    transform: translateY(-50%) rotate(135deg)
}

.flexMenu-viewMore > a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    content: '';
    transition-duration: .3s;
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: 1px solid;
    border-left: 1px solid
}

.hamburger {
    display: inline-block;
    overflow: visible;
    flex-shrink: 0;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    font: inherit
}

.open-fade .hamburger .hamburger-inner, .open-fade .hamburger .hamburger-inner::after, .open-fade .hamburger .hamburger-inner::before {
    background-color: #fff
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 20px;
    vertical-align: top
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    position: absolute;
    width: 22px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 2px;
    background-color: #fff
}

.hamburger-inner::after, .hamburger-inner::before {
    display: block;
    content: ''
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--slider .hamburger-inner {
    top: 4px
}

.hamburger--slider .hamburger-inner::before {
    top: 7px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform, opacity
}

.hamburger--slider .hamburger-inner::after {
    top: 14px
}

.open-fade .hamburger--slider .hamburger-inner {
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.open-fade .hamburger--slider .hamburger-inner::before {
    opacity: 0;
    transform: rotate(-45deg) translate3d(-6px, -7px, 0)
}

.open-fade .hamburger--slider .hamburger-inner::after {
    transform: translate3d(0, -14px, 0) rotate(-90deg)
}

.hover-menu {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    background-color: #fff
}

.hover-menu .partner-block {
    display: block;
    align-self: flex-start;
    flex-basis: 80px;
    height: auto;
    border-top: none
}

.hover-menu .partner-block .item {
    height: auto;
    margin-bottom: 16px
}

.hover-menu .partner-block .item .link {
    height: 80px;
    padding: 0
}

.hover-menu__overlay {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    opacity: .6;
    background: #000
}

.hover-menu__list {
    background: #f1f1f1
}

.hover-menu__item {
    width: 100%
}

.hover-menu__item.active .hover-menu__submenu {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: all ease .2s
}

.hover-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    min-height: 54px;
    padding: 8px 20px 10px 24px;
    transition-duration: .3s;
    text-decoration: none;
    color: #323232;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    line-height: 18px
}

.hover-menu__link:hover {
    text-decoration: none;
    color: #458381
}

.hover-menu__link:hover::after {
    border-color: #323232
}

.hover-menu__link::after {
    display: block;
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    content: '';
    transition-duration: .3s;
    transform: rotate(45deg);
    border-top: 1px solid #acacac;
    border-right: 1px solid #acacac
}

.hover-menu__link span {
    margin-right: 10px
}

.hover-menu__link-group {
    display: inline-flex;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px
}

.hover-menu__caption {
    transition-duration: .3s;
    text-decoration: none;
    color: #323232;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.hover-menu__caption:hover {
    text-decoration: none;
    color: #458381
}

.hover-menu__caption + .hover-menu__sub-link {
    margin-top: 8px
}

.hover-menu__sub-link {
    transition-duration: .3s;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.hover-menu__sub-link:hover {
    text-decoration: none;
    color: #458381
}

.hover-menu__submenu {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: flex;
    visibility: hidden;
    opacity: 0;
    align-items: flex-start;
    box-sizing: border-box;
    height: auto;
    padding: 0 0 1px;
    transition: all ease .2s;
    background-color: #fff
}

.hover-menu__submenu .partner-block {
    flex: 0 0 150px;
    padding-left: 30px;
    background-color: #fff
}

.hover-menu__submenu-wrap {
    position: sticky;
    top: 0;
    overflow: visible;
    flex-grow: 1;
    min-width: 0;
    height: 1px;
    max-height: calc(100vh - 200px);
    margin: 0;
    padding: 0
}

.hover-menu__submenu-wrap::-webkit-scrollbar {
    width: 6px;
    background-color: #ddd
}

.hover-menu__submenu-wrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5)
}

.hover-menu__submenu-list-wrap {
    overflow-y: auto;
    max-height: calc(100vh - 200px)
}

.hover-menu__submenu-list {
    padding: 20px 30px 20px;
    background: #fff;
    column-count: 3;
    column-gap: 20px
}

.site-toggler {
    display: flex;
    align-items: center
}

.site-toggler__radio:first-child {
    order: -10
}

.site-toggler__radio:hover {
    opacity: 1
}

.site-toggler__radio.left, .site-toggler__radio.right {
    opacity: 1;
    cursor: default;
    font-weight: 700
}

.site-toggler__radio {
    opacity: .7;
    margin: 0;
    padding: 13px 0 15px;
    cursor: pointer;
    transition-duration: .3s;
    color: #458381;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.site-toggler__radio.right ~ .site-toggler__icon::before {
    left: 24px
}

.site-toggler__icon::before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    content: '';
    transition-duration: .3s;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.site-toggler__icon {
    position: relative;
    flex-shrink: 0;
    order: -5;
    width: 40px;
    height: 18px;
    margin: 0 12px;
    border-radius: 9px;
    background: #458381
}

.main-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.main-slide__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center
}

.main-slide__content {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 33%;
    min-width: 400px;
    padding: 30px 40px 40px;
    color: #fff;
    background-color: #5b6393
}

.main-slide__title.main-slide__title, .main-slide__title.main-slide__title a {
    margin-bottom: 15px;
    text-decoration: none;
    color: inherit;
    font-size: 22px
}

.main-slide__text {
    margin-bottom: 20px;
    color: inherit
}

.btn-white {
    color: #5b6393;
    background-color: #fff;
    font-weight: 700
}

.btn-white:hover {
    color: #fff;
    border-color: #fff;
    background-color: #55418e
}

.product-simple-table_img-cell {
    margin-right: 10px
}

.main-promo .title-differ {
    display: none;
    margin-bottom: 5px
}

.wrap--carousel.wrap--carousel.wrap--carousel {
    width: calc(100% + 30px);
    margin: 10px -15px 0;
    padding-top: 0
}

.carousel__slider .slick-slide {
    padding: 0 15px
}

.carousel__slider {
    display: flex;
    overflow: hidden;
    width: 100%
}

.carousel__slider .item {
    width: auto
}

.item--visual.item--visual.item--visual {
    display: flex;
    flex-direction: column;
    padding: 0;
    border: 1px solid #e7e7e7
}

.item--visual.item--visual .bg {
    display: none
}

.item--visual.item--visual .ttl-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 5px 10px 0
}

.item--visual.item--visual.item--visual .icon::before, .item--visual.item--visual.item--visual:hover .icon::before {
    display: none
}

.item--visual.item--visual .icon {
    position: static;
    flex-shrink: 0;
    margin: 0 10px 0 0
}

.item--visual.item--visual .icon img {
    max-width: 100%;
    max-height: 100%
}

.item--visual.item--visual.item--visual:hover .ttl {
    opacity: .7;
    color: #333
}

.item--visual.item--visual .ttl {
    margin-left: 0
}

.item__visual img {
    width: 100%;
    max-width: 100%;
    object-fit: cover
}

.item__visual {
    display: flex;
    flex-grow: 1;
    height: 200px;
    border-top: 1px solid #e7e7e7
}

.items-wrap--second-level .item.open-height .btn-toggle span, .items-wrap--second-level .item.open-height .btn-toggle span:after, .items-wrap--second-level .item.open-height .btn-toggle span:before {
    background-color: #5cd3cf
}

.items-wrap--second-level.items-wrap--second-level .item.open-height .item_i {
    z-index: 100;
    height: auto;
    min-height: 282px;
    margin: -10px -10px 20px;
    padding: 10px 10px 15px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .15)
}

.items-wrap--second-level.items-wrap--second-level .item.open-height .text-wrap::after {
    display: none
}

.items-wrap--second-level.items-wrap--second-level .item.open-height .text-wrap {
    height: auto
}

.items-wrap--second-level.items-wrap--second-level .item {
    float: left;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px
}

.items-wrap--second-level.items-wrap--second-level .item, .items-wrap--second-level.items-wrap--second-level .item_i {
    height: 292px
}

.items-wrap--second-level.items-wrap--second-level.items-wrap--second-level .text-wrap::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    content: '';
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))
}

.items-wrap--second-level.items-wrap--second-level.items-wrap--second-level .text-wrap {
    height: 130px;
    min-height: 130px;
    padding-bottom: 0
}

.g-main {
    position: relative
}

#gift-form {
    overflow: visible;
}


#gift-form .modal-content .modal-body.success .modal-gift {
    bottom: -150px;
}

#gift-form .modal-content .modal-body.success .modal-headphones {
    top: -14px;
}


#gift-form .modal-content {
    box-shadow: none;
    width: 660px;
    max-height: 500px;
    border-radius: 20px;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#gift-form .modal-content button.close {
    position: absolute;
    top: 22px;
    right: 22px;
}

#gift-form .modal-content button.close:before {
    display: none;
}

#gift-form .modal-content .form-error-container {
    margin-top: 6px;
}

#gift-form .modal-content .help-block {
    color: red;
}

#gift-form .modal-content .modal-body {
    display: flex;
    flex-direction: column;
    padding: 44px 0;
    align-items: center;
    max-width: 430px;
    margin: 0 auto;
    height: 100%;
}

#gift-form .modal-content .modal-gift, #gift-form .modal-content .modal-headphones {
    position: absolute;
    z-index: 10401;
}

#gift-form .modal-content .modal-gift {
    width: 330px;
    height: 330px;
    right: -273px;
    bottom: -41px;
    /*transform: rotate(-24deg);*/
}

#gift-form .modal-content .modal-headphones {
    width: 240px;
    height: 240px;
    left: -225px;
    top: 6px;
}

#gift-form .modal-content .modal-title {
    margin-top: 0;
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    letter-spacing: 0;
    text-align: center;


}

#gift-form .modal-content .modal-title span {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: rgba(27, 115, 112, 1);
}

#gift-form .modal-content .tab-content {
    width: 100%;
    padding: 25px 52px 0 52px;
}

#gift-form .modal-content .form-horizontal .form-group {
    margin: 0 0 16px 0;
}

#gift-form .modal-content .form-group.control-group.has-feedback label {
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.5);
}

#gift-form .modal-content .btn-width-fill {
    width: 100%;
    padding: 11px 0 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    border-radius: 6px;
}


#gift-form.second-step .modal-content {
    height: fit-content;
}

#gift-form.second-step .modal-content .tab-content {
    padding: 25px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}

#gift-form.second-step .modal-content .modal-gift {
    bottom: -97px;
}

#gift-form.second-step .modal-content .modal-headphones {
    top: -38px;
}

#gift-form.second-step .modal-content .btn-width-fill {
    width: fit-content;
    color: #fff;
    text-decoration: none;
    padding: 11px 48px 14px 48px;
}


.modal img.modal-gift-mobile {
    display: none;
}

@media (min-width: 406px) {
    .controls-order-mob_not-avail {
        justify-content: space-between
    }
}

@media (min-width: 471px) and (max-width: 767px) {
    .product-page .scroll-to {
        bottom: 95px
    }
}

@media (min-width: 480px) {
    .attention-opts {
        flex-flow: row wrap
    }

    .attention-opts__title {
        flex: 1 0 100%
    }

    .attention-opts__btn-group {
        flex-grow: 1
    }
}

@media (max-height: 510px) and (min-width: 1024px) {
    .prod-card-tile.prod-card-tile_opened {
        position: static;
        display: flex
    }
}

@media (min-width: 661px) {
    .sel-gift-area-btns__btn {
        width: 49%
    }
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }

    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .row-clear .col-xs-3.col-sm-3, .row-clear .col-xs-3.col-sm-4, .row-clear .col-xs-3.col-sm-6, .row-clear .col-xs-4.col-sm-3, .row-clear .col-xs-4.col-sm-4, .row-clear .col-xs-4.col-sm-6, .row-clear .col-xs-6.col-sm-3, .row-clear .col-xs-6.col-sm-4, .row-clear .col-xs-6.col-sm-6 {
        clear: none
    }

    .row-clear .col-sm-3:nth-child(4n+1), .row-clear .col-sm-4:nth-child(3n+1), .row-clear .col-sm-6:nth-child(2n+1) {
        clear: both
    }

    .basket-table-mob .prod-list .item:nth-child(2n+1) {
        clear: both
    }

    .order-step .step-controls {
        position: absolute;
        top: 15px;
        right: 15px
    }

    .modal-prod-info .modal-dialog {
        width: 300px
    }

    .modal-auth .modal-dialog {
        width: 520px
    }

    .modal-ordered .modal-dialog {
        width: 520px
    }

    .attention-modal .modal-dialog {
        width: 638px
    }

    .attention-modal .modal-body {
        padding: 45px 50px
    }

    .modal-reason .modal-dialog {
        width: 520px
    }

    .modal-order-wait .modal-dialog {
        width: 740px
    }

    .modal-division-edit .modal-dialog {
        width: 520px
    }

    .modal-division-edit .list-agreements {
        margin-bottom: 10px
    }

    .smart-b-note {
        align-items: center
    }

    .container-form .personal-information .btn-controls .btn + input[type=submit], .container-form .personal-information .btn-controls input[type=submit] + .btn, .container-form .personal-information .btn-controls input[type=submit] + input[type=submit], .personal-information .btn-controls .btn + .btn, .personal-information .btn-controls .container-form .btn + input[type=submit], .personal-information .btn-controls .container-form input[type=submit] + .btn, .personal-information .btn-controls .container-form input[type=submit] + input[type=submit] {
        margin-left: 10px
    }

    .modal-download .modal-dialog {
        width: 420px
    }

    .modal-report-edit .modal-dialog {
        width: 720px
    }

    .modal-report-edit .accordion .acc-body .line {
        float: left;
        width: 50%
    }

    .modal-report-edit .accordion .acc-body .line:nth-child(2n+1) {
        clear: both
    }

    .container-form .orders-wait .orders-controls input.add-all[type=submit], .orders-wait .orders-controls .btn.add-all, .orders-wait .orders-controls .container-form input.add-all[type=submit] {
        padding-left: 70px
    }

    .modal-catalog-sort .modal-dialog {
        width: 400px
    }

    .modal-start-hint .modal-dialog {
        width: 400px
    }

    .prod-table-list .mob-title {
        display: none
    }

    .category-list:not(.list-aside).solution-list .items-wrap .item {
        width: 50%
    }

    .category-list.list-short .item {
        flex-basis: 50%
    }

    .category-list.list-short .item_i {
        flex: 1 0 100%
    }

    .modal-sharing .modal-dialog {
        width: 300px
    }

    .tooltip-info__wrap p {
        display: block;
        margin-bottom: 0;
        margin-left: 10px;
        font-size: 13px
    }

    .control-group.form-group .controls {
        float: right
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }

    .form-horizontal .control-label {
        margin-bottom: 0;
        padding-top: 7px;
        text-align: right
    }

    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }

    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }

    .modal-fluid {
        max-width: 430px
    }

    .caption .description {
        text-align: center
    }

    .caption.right {
        float: right;
        max-width: 50%;
        margin-top: 6px;
        margin-left: 30px;
        padding-left: 15px
    }

    .caption.left {
        float: left;
        max-width: 50%;
        margin-top: 6px;
        margin-right: 30px;
        padding-right: 15px
    }

    .slider-img .sl-pagination {
        display: none !important
    }

    .prod-card-list.horizontal .prod-card {
        height: 122px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        padding: 0
    }

    .prod-card-list.horizontal .prod-card .prod-wrap {
        height: 122px
    }

    .prod-card-list.horizontal .prod-card .prod-wrap:after {
        display: table;
        clear: both;
        height: 0;
        content: ''
    }

    .prod-card-list.horizontal .prod-card .p-markers .el {
        float: left;
        height: 30px;
        padding: 0 10px;
        border-top: 2px solid;
        border-left: none;
        line-height: 30px
    }

    .prod-card-list.horizontal .prod-card .p-controls {
        position: relative;
        top: 50%;
        float: right;
        width: 10%;
        padding: 0 10px;
        transform: translateY(-50%);
        text-align: center
    }

    .prod-card-list.horizontal .prod-card .p-controls a {
        display: inline-block;
        opacity: 1;
        margin: 0;
        transform: none;
        vertical-align: middle
    }

    .prod-card-list.horizontal .prod-card .p-controls a.zoom {
        display: none
    }

    .prod-card-list.horizontal .prod-card .p-pic {
        float: left;
        width: 20%;
        height: 100%;
        margin: 0;
        padding: 25px 20px 15px
    }

    .prod-card-list.horizontal .prod-card .p-pic-link {
        width: 100%;
        height: 100%
    }

    .prod-card-list.horizontal .prod-card .p-mark-preview {
        bottom: 15px;
        left: 20px
    }

    .prod-card-list.horizontal .prod-card .p-mark-preview .el-mark {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .prod-card-list.horizontal .prod-card .p-wrap {
        float: left;
        width: 45%;
        height: 100%;
        margin: 0
    }

    .prod-card-list.horizontal .prod-card .p-title {
        position: relative;
        top: 50%;
        float: left;
        width: 60%;
        margin: 0;
        padding: 0;
        transform: translateY(-50%)
    }

    .prod-card-list.horizontal .prod-card .p-title a {
        display: inline-block;
        min-height: inherit;
        max-height: 5.2em;
        vertical-align: middle;
        line-height: 1.3
    }

    .prod-card-list.horizontal .prod-card .p-price {
        position: relative;
        z-index: 2;
        top: 50%;
        float: left;
        width: 40%;
        padding-right: 0;
        padding-left: 30px;
        transform: translateY(-50%)
    }

    .prod-card-list.horizontal .prod-card .p-price:hover {
        z-index: 105
    }

    .prod-card-list.horizontal .prod-card .p-price .p-price-cur {
        margin-right: 10px;
        font-size: 16px
    }

    .prod-card-list.horizontal .prod-card .p-price .p-price-cur.sale .val {
        font-size: 16px
    }

    .prod-card-list.horizontal .prod-card .p-price .p-price-cur.sale .cur {
        font-size: 14px
    }

    .prod-card-list.horizontal .prod-card .p-price .product-info {
        min-width: 255px
    }

    .prod-card-list.horizontal .prod-card .p-price .product-info .product-info_i:before {
        left: 30px
    }

    .prod-card-list.horizontal .prod-card .c-btn-wrap, .prod-card-list.horizontal .prod-card .p-btn-wrap {
        position: relative;
        top: 50%;
        right: auto;
        bottom: auto;
        left: auto;
        float: left;
        transform: translateY(-50%)
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap {
        width: 25%
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap .sale-block {
        display: none
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count ~ .sale-block {
        display: none
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap:hover {
        z-index: 10
    }

    .prod-card-list.horizontal .prod-card.collection .p-wrap {
        position: relative;
        top: 50%;
        width: 50%;
        height: auto;
        margin: 0;
        transform: translateY(-50%)
    }

    .prod-card-list.horizontal .prod-card.collection .p-type-ttl {
        margin-bottom: 8px;
        padding: 0;
        line-height: 1
    }

    .prod-card-list.horizontal .prod-card.collection .p-title {
        top: auto;
        width: 100%;
        transform: none
    }

    .prod-card-list.horizontal .prod-card.collection .p-title a {
        max-height: 3.6em
    }

    .prod-card-list.horizontal .prod-card.collection .c-btn-wrap {
        width: 28%;
        padding: 0 30px
    }

    .prod-card-list.table table tbody td {
        border-top: 1px solid #e7e7e7
    }

    .prod-card-list.table .prod-card .p-mark-preview {
        top: -5px;
        bottom: auto;
        left: -5px
    }

    .prod-card-list.table .prod-card .p-mark-preview .el-mark {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: auto;
        height: 20px;
        padding: 0 3px;
        color: #666;
        border-radius: 2px;
        background: rgba(204, 204, 204, .3);
        font-size: 12px;
        line-height: 20px
    }

    .prod-card-list.table .prod-card .p-mark-preview .el-mark.sale {
        color: #5cd3cf;
        background: rgba(207, 26, 39, .1)
    }

    .prod-card-list.table .prod-card .p-vendor .vendor-ttl {
        display: none
    }

    .prod-card-list.table .prod-card .td-property .prop-ttl {
        display: none
    }

    .prod-card-list.table .prod-card .p-title a {
        font-family: OpenSans-Regular, Helvetica, Arial, sans-serif
    }

    .prod-card-list.table .prod-card .p-controls a {
        width: 40px;
        height: 40px
    }

    .nav-tabs > li .tab-head {
        margin-right: 5px;
        border-radius: 0
    }

    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }

    .modal-pass .modal-dialog {
        width: 520px
    }

    .main-slider .slide .full-pic .mob {
        display: none
    }

    .prod-table-list table tbody td {
        border-top: 1px solid #e7e7e7
    }

    .prod-card-table .p-vendor .vendor-ttl {
        display: none
    }

    .prod-card-table .td-property .prop-ttl {
        display: none
    }

    .offers-list .item.height-2:before {
        display: block
    }

    .offers-list .item.height-2 .mark-preview {
        display: none
    }

    .offers-list .item.height-2 .text-wrap {
        width: 80%;
        margin: 30px auto 0
    }

    .offers-list .item.height-2 .text-wrap .ttl {
        min-height: inherit;
        max-height: 5.2em
    }

    .offers-list .item.height-2 .pic {
        width: 55%
    }

    .offers-list .item.height-2 .pic-link {
        max-width: 100%;
        height: 200px
    }

    .offers-list .item.width-2 .text-wrap {
        top: 50%;
        padding-left: 50px;
        transform: translateY(-50%)
    }

    .offers-list .item.width-2 .text-wrap .ttl {
        min-height: inherit
    }

    .controls-order-mob_mod {
        display: none
    }

    .push-message .item_i {
        position: relative;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 1599px) {
    .offers-list .item.height-2 .text-wrap .ttl {
        font-size: 20px
    }

    .offers-list .item.width-2 .text-wrap .ttl {
        font-size: 20px
    }

    .p-crd-info__count-control .count-control__input, .p-crd-info__count-control .count-control__minus, .p-crd-info__count-control .count-control__plus {
        width: 52px;
        height: 52px;
        line-height: 52px
    }

    .p-crd-info__count-control .count-control__input {
        width: 60px
    }

    .p-crd-info__count-control .count-control__minus {
        line-height: 50px
    }

    .prod-table-list table tbody td {
        padding: 5px;
        font-size: 12px;
        line-height: 1
    }

    .prod-table-list .b-status-wrap__count, .prod-table-list .b-status-wrap__text {
        font-size: 12px
    }

    .prod-table-list td div.controls-basket {
        min-width: 88px
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .prod-card-list.horizontal .prod-card .p-btn-wrap:hover .sale-block {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .category-list.list-aside .items-wrap .item:nth-child(2n+1) {
        clear: both
    }

    .category-list.list-bricks.list-aside .grid-item {
        width: 50%
    }

    .category-list.list-bricks.list-aside .grid-item:nth-child(2n+1) .item_i {
        margin-right: 15px;
        margin-left: 0
    }

    .category-list.list-bricks.list-aside .grid-item:nth-child(2n) .item_i {
        margin-right: 0;
        margin-left: 15px
    }

    .p-crd-info__controls {
        align-items: flex-end;
        flex-basis: auto;
        justify-content: center
    }

    .p-crd-info__btn-wrap_pos {
        order: 2;
        margin-top: 20px
    }

    .p-crd-info__add-goods_pos {
        flex-basis: 100%;
        order: 1
    }

    .p-crd-info__delivery_pos {
        order: 3
    }

    .p-crd-info__link {
        padding-left: 19px
    }

    .p-crd-info__link-txt {
        display: none
    }

    .hover-menu__submenu-list {
        column-count: 2
    }

    .section-head + .section-body .prod-table-list {
        border-top: none
    }

    .prod-table-list.prod-table-list {
        border-top: none
    }

    .prod-table-list.prod-table-list table {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        width: calc(100% + 1px);
        max-width: none;
        margin-right: -1px;
        border: none
    }

    .prod-table-list.list-catalog table {
        width: 100%
    }

    .prod-table-list.prod-table-list table thead {
        display: none
    }

    .prod-table-list.prod-table-list table tbody {
        display: flex;
        width: 100%
    }

    .prod-table-list.prod-table-list table tr {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        flex-wrap: wrap;
        width: 50%;
        padding: 15px 10px;
        border: 1px solid #e7e7e7;
        border-left: none
    }

    .prod-table-list.prod-table-list table tr:last-child {
        border-right: none
    }

    .prod-table-list.prod-table-list table td {
        display: flex;
        flex: 0 0 auto;
        width: auto;
        margin-bottom: 10px;
        padding: 0;
        border: none
    }

    .prod-table-list.prod-table-list table td .area-link {
        display: none
    }

    .prod-card-table .prod-color {
        display: inline-flex
    }

    .prod-card-table .prod-color__text {
        padding-left: 5px
    }

    .prod-table-list.prod-table-list table td:last-child {
        margin-bottom: 0
    }

    .prod-card-table-data-cell {
        display: flex;
        width: 100%
    }

    .prod-table-list.prod-table-list table .prod-card-table-price-cell {
        margin: 10px 0 20px
    }

    .prod-card-table-data-label {
        display: block;
        flex: 0 0 auto;
        width: 120px;
        margin-right: 20px;
        word-break: break-word;
        color: #666
    }

    .prod-table-list.prod-table-list table .td-basket {
        display: block;
        width: calc(100% - 50px);
        margin: 0
    }

    .prod-table-list.prod-table-list table .controls-btns {
        width: 30px;
        margin: 0 0 0 20px
    }

    .prod-table-list.prod-table-list table .controls-prod {
        margin: 0
    }

    .prod-table-list.prod-table-list table .pic-wrap {
        flex: 1 1 auto
    }

    .prod-table-list.prod-table-list table .fade-item {
        display: flex;
        opacity: 1
    }

    .prod-table-list.prod-table-list .wrap-toggle {
        display: none
    }

    .prod-table-list.prod-table-list .tooltip-drop_sm-pos-table {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }

    .hidden-sm {
        display: none !important
    }

    .orders-active table tbody tr:nth-child(2n+1) {
        clear: both
    }

    .prod-card.xs .p-pic {
        width: 200px
    }

    .prod-card.xs .p-pic .p-pic-link {
        width: 100px;
        height: 100px
    }

    .prod-card.xs .p-title {
        width: 220px
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item:nth-child(odd) .item_i {
        margin-left: 0 !important
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item:nth-child(even) .item_i {
        margin-right: 0 !important
    }

    .category-list .c-aside .item {
        float: left;
        clear: none;
        width: 50%
    }

    .category-list .c-aside .item:nth-child(2n+1) {
        clear: both
    }

    .category-list.list-bricks .c-aside {
        margin-top: 30px
    }

    .category-list.list-bricks .c-aside .item {
        width: 50% !important
    }

    .prod-card-list.horizontal .prod-card {
        height: 140px
    }

    .prod-card-list.horizontal .prod-card .prod-wrap {
        height: 140px
    }

    .prod-card-list.horizontal .prod-card .p-controls {
        width: 12%
    }

    .prod-card-list.horizontal .prod-card .p-pic {
        float: left;
        width: 16%;
        margin: 0;
        padding: 20px 14px
    }

    .prod-card-list.horizontal .prod-card .p-mark-preview {
        top: auto;
        right: auto;
        bottom: 14px;
        left: 14px
    }

    .prod-card-list.horizontal .prod-card .p-mark-preview .el-mark {
        top: auto;
        right: auto;
        bottom: 0
    }

    .prod-card-list.horizontal .prod-card .p-wrap {
        float: left;
        clear: none;
        width: 50%;
        height: 100%
    }

    .prod-card-list.horizontal .prod-card .p-title {
        width: 55%;
        padding-left: 10px
    }

    .prod-card-list.horizontal .prod-card .p-title a {
        max-height: 6.5em;
        line-height: 1.3
    }

    .prod-card-list.horizontal .prod-card .p-price {
        width: 45%;
        padding-left: 20px
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap {
        width: 22%;
        padding-left: 10px
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count, .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count-minus, .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count-plus {
        width: 33.33%
    }

    .prod-card-list.horizontal .prod-card .p-btn-wrap .btn-success {
        width: 100%;
        margin-top: 10px
    }

    .prod-card-list.horizontal .prod-card.collection .p-pic .p-pic-link {
        width: 100%;
        height: 100%
    }

    .prod-card-list.horizontal .prod-card.collection .p-type-ttl {
        padding-left: 10px
    }

    .prod-card-list.horizontal .prod-card.collection .c-btn-wrap {
        width: 34%;
        padding-left: 10px
    }

    .prod-card-list.table .prod-card .c-btn-wrap .p-count, .prod-card-list.table .prod-card .c-btn-wrap .p-count-minus, .prod-card-list.table .prod-card .c-btn-wrap .p-count-plus, .prod-card-list.table .prod-card .p-btn-wrap .p-count, .prod-card-list.table .prod-card .p-btn-wrap .p-count-minus, .prod-card-list.table .prod-card .p-btn-wrap .p-count-plus {
        width: 33.33%
    }

    .prod-card-list.table .prod-card .c-btn-wrap .btn-success, .prod-card-list.table .prod-card .p-btn-wrap .btn-success {
        width: 100%;
        margin-top: 10px
    }

    .prod-card-list.table .prod-card .c-btn-wrap {
        margin-right: -60px
    }

    .news-card-wrapper:nth-child(2n+1) {
        clear: both
    }

    #section-HIT.main-products .p-card-tile, #section-HIT.main-products .slide, #section-NEW.main-products .p-card-tile, #section-NEW.main-products .slide {
        width: 375px
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item {
        width: 50%
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item:nth-child(2n+1) {
        clear: both
    }

    .prod-tile-list.list-catalog .prod-tile-item {
        width: 50%
    }

    .prod-tile-list.list-catalog .prod-tile-item:nth-child(2n+1) {
        clear: both
    }

    .prod-line-list .prod-line-item {
        width: 50%
    }

    .prod-card-table .price-wrap .price-cur {
        height: auto
    }

    .prod-card-table .price-wrap .price-cur .price-cur-inner {
        white-space: normal;
        border-bottom: none
    }

    .offers-list.simple .item:nth-child(n+1) {
        border-top: none
    }

    .offers-list.simple .item:nth-child(n+1):not(:nth-child(2n+1)) {
        border-left: none
    }

    .smart-banner-big .form-smart-big .form-control {
        width: 180px
    }

    .reviews-list .item:nth-child(2n+1) {
        clear: both
    }

    .price-wrap__prc-cur-wrap .icon-bonus, .price-wrap__prc-cur-wrap .icon-dot {
        padding-right: 5px;
        vertical-align: unset
    }

    .price-wrap__prc-cur-wrap .icon-bonus:before, .price-wrap__prc-cur-wrap .icon-dot:before {
        font-size: 8px
    }

    .price-wrap__cur-val {
        font-size: 12px
    }

    .price-wrap__cur-cur {
        font-size: 10px
    }

    .price-wrap__cur-txt {
        font-size: 7px
    }
}

@media (max-height: 789px) and (min-width: 1024px) {
    .prod-card-tile.prod-card-tile_opened {
        left: 45px;
        width: 38px;
        height: 120px;
        font-size: 9px;
        line-height: 38px
    }

    .prod-card-tile_opened {
        left: 0 !important
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .reviews-grid .video {
        flex-shrink: 0;
        width: 375px
    }

    .related-products .slider-initial .p-card-tile, .related-products .slider-initial .prod-card-tile {
        width: 375px
    }
}

@media (min-width: 1024px) and (max-width: 1599px) {
    .prod-card-list.table.headless table thead .th-basket {
        width: 157px
    }
}

@media (min-width: 1024px) {
    .prod-card-tile_main-products .tile-wrapper {
        height: 410px !important
    }

    .prod-variants__link:nth-child(5):after {
        transform: rotate(45deg)
    }

    .page-title.page-title_basket-ext .pt__bottom {
        display: none
    }

    .dl-horizontal dt {
        float: left;
        clear: left;
        overflow: hidden;
        width: 160px;
        text-align: right;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .container {
        width: 980px
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }

    .row-clear .col-sm-3.col-md-2, .row-clear .col-sm-3.col-md-3, .row-clear .col-sm-3.col-md-4, .row-clear .col-sm-3.col-md-6, .row-clear .col-sm-4.col-md-2, .row-clear .col-sm-4.col-md-3, .row-clear .col-sm-4.col-md-4, .row-clear .col-sm-4.col-md-6, .row-clear .col-sm-6.col-md-2, .row-clear .col-sm-6.col-md-3, .row-clear .col-sm-6.col-md-4, .row-clear .col-sm-6.col-md-6, .row-clear .col-xs-3.col-md-2, .row-clear .col-xs-3.col-md-3, .row-clear .col-xs-3.col-md-4, .row-clear .col-xs-3.col-md-6, .row-clear .col-xs-4.col-md-2, .row-clear .col-xs-4.col-md-3, .row-clear .col-xs-4.col-md-4, .row-clear .col-xs-4.col-md-6, .row-clear .col-xs-6.col-md-2, .row-clear .col-xs-6.col-md-3, .row-clear .col-xs-6.col-md-4, .row-clear .col-xs-6.col-md-6 {
        clear: none
    }

    .row-clear .col-md-2:nth-child(6n+1), .row-clear .col-md-3:nth-child(4n+1), .row-clear .col-md-4:nth-child(3n+1), .row-clear .col-md-6:nth-child(2n+1) {
        clear: both
    }

    .g-header-mob {
        display: none
    }

    .main-advance .list {
        display: flex
    }

    .main-advance .title-differ {
        display: none
    }

    .main .main-advance .title-differ {
        display: block
    }

    .main-advance a.item:hover {
        background: #5cd3cf
    }

    .main-advance a.item:hover .icon {
        filter: brightness(0) invert(1)
    }

    .main-advance a.item:hover .text, .main-advance a.item:hover .ttl {
        color: #fff
    }

    .sl-nav_mob {
        display: none
    }

    .basket-table-mob {
        display: none
    }

    .basket-table .count-btn-wrap:hover .sale-block {
        display: block
    }

    .basket-table .count-btn-wrap .p-count:focus ~ .sale-block {
        display: block
    }

    tr.tr-select-gift td.tr-select-gift-td {
        max-width: 835px
    }

    .sel-gift-area__descr {
        flex-flow: column;
        justify-content: center
    }

    .sel-gift-area__ttl {
        margin-bottom: 8px
    }

    .sel-gift-area__descr {
        width: 29%
    }

    .sel-gift-area-btns {
        width: 57.25%
    }

    .sel-gift-area-btns__ttl {
        top: auto;
        bottom: -14px
    }

    .touch-no .agreement-list .divisions .d-item {
        transition: background .3s ease
    }

    .touch-no .agreement-list .divisions .d-item:hover {
        background: #fcfcfc
    }

    .touch-no .agreement-list .divisions .d-item:hover .btn-remove {
        opacity: 1
    }

    .touch-no .agreement-list .divisions .btn-remove {
        opacity: 0;
        transition: opacity .3s ease
    }

    .collection-page .cabinet-menu {
        padding-top: 15px
    }

    .cabinet-menu .item_1:first-child {
        padding-top: 0
    }

    .cabinet-menu .item_1:last-child {
        padding-bottom: 0
    }

    .cabinet-menu .item_1 > a, .cabinet-menu .item_1 > span:not(.indicator) {
        font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
    }

    .prod-card.collection .p-pic .p-pic-link.js-hover-trg:nth-child(1) {
        margin: 0 auto
    }

    .cabinet-content .accordion {
        padding-right: 30px
    }

    .cabinet-section .acc-link .icon {
        display: none
    }

    .cabinet-section .collapse {
        display: block;
        visibility: visible;
        height: auto !important
    }

    .orders-active {
        border: 1px solid #e7e7e7
    }

    .orders-active table tbody tr:not(.wait-order):hover {
        background: #f9f9f9
    }

    .orders-active table tbody tr.wait-order {
        background: #fff1e6
    }

    .orders-active table tbody td {
        border-top: 1px solid #e7e7e7
    }

    .orders-active .td-title {
        display: none
    }

    .cabinet-comment table td {
        border-top: 1px solid #e7e7e7
    }

    .modal-order-wait .modal-dialog {
        width: 990px
    }

    .touch-no .modal-division-edit .list-agreements .item {
        transition: background .3s ease
    }

    .touch-no .modal-division-edit .list-agreements .item:hover {
        background: #fcfcfc
    }

    .touch-no .modal-division-edit .list-agreements .item:hover .btn-remove {
        opacity: 1
    }

    .touch-no .modal-division-edit .list-agreements .btn-remove {
        opacity: 0;
        transition: opacity .3s ease
    }

    .order-information table td {
        border-top: 1px solid #e7e7e7
    }

    .touch-no .modal-report-edit .groups-list .g-item {
        transition: background .3s ease
    }

    .touch-no .modal-report-edit .groups-list .g-item:hover {
        background: #fcfcfc
    }

    .touch-no .modal-report-edit .groups-list .g-item:hover .btn-remove {
        opacity: 1
    }

    .touch-no .modal-report-edit .groups-list .btn-remove {
        opacity: 0;
        transition: opacity .3s ease
    }

    .filter-params:not(.mob) {
        padding-top: 15px
    }

    .filter-params .acc-link:hover .title {
        color: #5cd3cf
    }

    .filter-params .acc-link:hover .icon:after, .filter-params .acc-link:hover .icon:before {
        background: #5cd3cf
    }

    .catalog-page .pagination ul {
        text-align: right
    }

    .cartridges #form-cartridges [for^=select] {
        display: none
    }

    .prod-card:hover {
        height: 430px;
        margin-top: -10px;
        margin-right: -10px;
        margin-left: -10px;
        padding: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
    }

    .prod-card:hover .p-controls a {
        opacity: 1;
        transform: translateX(0)
    }

    .prod-card:hover .p-controls a:nth-child(1) {
        transition-delay: 0
    }

    .prod-card:hover .p-controls a:nth-child(2) {
        transition-delay: .1s
    }

    .prod-card:hover .p-controls a:nth-child(3) {
        transition-delay: .2s
    }

    .prod-card:hover .p-controls a:nth-child(4) {
        transition-delay: .3s
    }

    .prod-card:hover .p-controls a:nth-child(5) {
        transition-delay: .4s
    }

    .prod-card:hover .p-controls a:nth-child(6) {
        transition-delay: .5s
    }

    .prod-card:hover .p-controls a:nth-child(7) {
        transition-delay: .6s
    }

    .prod-card:hover .p-controls a:nth-child(8) {
        transition-delay: .7s
    }

    .prod-card:hover .p-controls a:nth-child(9) {
        transition-delay: .8s
    }

    .prod-card:hover .p-controls a:nth-child(10) {
        transition-delay: .9s
    }

    .prod-card:hover .p-pic .p-mark-preview .el-mark:nth-child(1) {
        left: 0
    }

    .prod-card:hover .p-pic .p-mark-preview .el-mark:nth-child(2) {
        left: 44px
    }

    .prod-card:hover .p-pic .p-mark-preview .el-mark:nth-child(3) {
        left: 88px
    }

    .prod-card:hover .p-pic .p-mark-preview .el-mark:nth-child(4) {
        left: 132px
    }

    .prod-card:hover .p-pic .p-mark-preview .el-mark:nth-child(5) {
        left: 176px
    }

    .prod-card .p-price .p-price-cur.hint-hover .product-info, .prod-card .p-price .p-price-cur:hover .product-info {
        display: block
    }

    .prod-card .p-btn-wrap:hover .sale-block {
        display: block
    }

    .prod-card .p-btn-wrap .p-count:focus ~ .sale-block {
        display: block
    }

    .filter-view .wrap-params {
        display: none
    }

    .category-list.list-short .item {
        flex-basis: calc(100% / 3)
    }

    .contacts-list .item.general .item_i {
        background: #f9f9f9
    }

    .contacts-list .block-btn .btn-contacts:hover {
        background: #f3f3f3
    }

    .contacts-list .block-btn .btn-contacts.active, .contacts-list .block-btn .btn-contacts:active {
        background: #e7e7e7
    }

    .modal-map .modal-dialog {
        width: 800px
    }

    .basket-page .page-title {
        margin-bottom: 0
    }

    .page-title .pt-basket {
        display: none
    }

    .btn-status:not(.in-basket) .icon {
        display: none
    }

    .modal-lg {
        width: 900px
    }

    .caption.vertical {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .caption.vertical .text {
        padding-left: 30px
    }

    .catalog-page .prod-card-list.horizontal {
        padding-top: 5px
    }

    .prod-card-list.table table tbody tr:hover {
        background: #f9f9f9
    }

    .news-card:hover {
        height: 420px;
        margin-top: -10px;
        margin-right: -10px;
        margin-left: -10px;
        padding: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
    }

    .news-card .text {
        padding-bottom: 0
    }

    .accordion.product-acc .panel {
        border: none
    }

    .accordion.product-acc .acc-heading {
        display: none
    }

    .accordion.product-acc .acc-body {
        padding: 0
    }

    .accordion.product-acc .collapse {
        display: block;
        visibility: visible;
        height: auto !important
    }

    .main-slider .sl-pagination.sm {
        display: none
    }

    .main-promo .item:hover {
        z-index: 2;
        border-right-color: rgba(0, 0, 0, .25);
        border-bottom-color: rgba(0, 0, 0, .25);
        box-shadow: 0 5px 20px rgba(0, 0, 0, .3)
    }

    .main-products.new-cards .slide .prod-card-tile .title-wrap {
        margin-bottom: 25px
    }

    .main-products .wrap {
        padding-top: 10px
    }

    .main-solutions .list {
        border-left: 1px solid #e7e7e7
    }

    .main-solutions .item:hover .icon:before {
        display: inline-block;
        content: ' ';
        background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
        background-repeat: no-repeat;
        background-size: 5.7em 585.5em;
        font-size: 10px
    }

    .no-svg .main-solutions .item:hover .icon:before {
        background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
    }

    .main-solutions .item:hover .icon.trade:before {
        width: 3.7em;
        height: 3.3em;
        background-position: -.2em -7.2em
    }

    .main-solutions .item:hover .icon.logic:before {
        width: 3.7em;
        height: 3.6em;
        background-position: -.2em -494.2em
    }

    .main-solutions .item:hover .icon.hotel:before {
        width: 3.5em;
        height: 3.5em;
        background-position: -.2em -454.1em
    }

    .main-solutions .item:hover .icon.bank:before {
        width: 3.4em;
        height: 3.4em;
        background-position: -.2em -477.2em
    }

    .main-solutions .item:hover .icon.education:before {
        width: 3.8em;
        height: 3.3em;
        background-position: -.2em -349.9em
    }

    .main-solutions .item:hover .ttl {
        color: #fff
    }

    .touch-no .prod-card-line .price-wrap .price-cur .price-cur-inner:hover .product-info, .touch-no .prod-card-table .price-wrap .price-cur .price-cur-inner:hover .product-info, .touch-no .prod-card-tile .price-wrap .price-cur .price-cur-inner:hover .product-info {
        display: block
    }

    .prod-card-line .controls-basket:hover .sale-block, .prod-card-table .controls-basket:hover .sale-block, .prod-card-tile .controls-basket:hover .sale-block {
        display: block
    }

    .prod-card-tile:hover {
        z-index: 110
    }

    .prod-card-tile:hover .tile-wrapper {
        height: auto;
        margin-top: -10px;
        margin-right: -10px;
        margin-left: -10px;
        padding: 10px 10px 15px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
    }

    .prod-card-tile:hover .status-wrap .count {
        display: block
    }

    .prod-card-tile:hover .status-wrap .in-basket {
        display: none
    }

    .prod-card-tile:hover .controls-prod a, .prod-card-tile:hover .controls-prod button {
        opacity: 1;
        transform: translateX(0)
    }

    .prod-card-tile:hover .controls-prod a:nth-child(1), .prod-card-tile:hover .controls-prod button:nth-child(1) {
        transition-delay: .3s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(2), .prod-card-tile:hover .controls-prod button:nth-child(2) {
        transition-delay: .4s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(3), .prod-card-tile:hover .controls-prod button:nth-child(3) {
        transition-delay: .5s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(4), .prod-card-tile:hover .controls-prod button:nth-child(4) {
        transition-delay: .6s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(5), .prod-card-tile:hover .controls-prod button:nth-child(5) {
        transition-delay: .7s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(6), .prod-card-tile:hover .controls-prod button:nth-child(6) {
        transition-delay: .8s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(7), .prod-card-tile:hover .controls-prod button:nth-child(7) {
        transition-delay: .9s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(8), .prod-card-tile:hover .controls-prod button:nth-child(8) {
        transition-delay: 1s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(9), .prod-card-tile:hover .controls-prod button:nth-child(9) {
        transition-delay: 1.1s
    }

    .prod-card-tile:hover .controls-prod a:nth-child(10), .prod-card-tile:hover .controls-prod button:nth-child(10) {
        transition-delay: 1.2s
    }

    .prod-card-tile:hover {
        z-index: 110
    }

    .prod-card-tile:hover .tile-wrapper {
        height: auto
    }

    .prod-card-tile:hover .tile-wrap {
        height: auto
    }

    .prod-card-tile:hover .drop-wrap {
        overflow: inherit;
        height: auto
    }

    .prod-card-tile .tile-wrapper {
        transition: all .2s ease
    }

    .prod-card-tile .tile-wrap {
        transition: all .2s ease
    }

    .prod-card-line:hover {
        z-index: 110
    }

    .prod-card-line:hover .line-wrapper {
        height: 150px;
        margin-top: -10px;
        margin-right: -10px;
        margin-left: -10px;
        padding: 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
    }

    .prod-card-line:hover .controls-prod button {
        opacity: 1;
        transform: translateX(0)
    }

    .prod-card-line:hover .controls-prod button:nth-child(1) {
        transition-delay: 0
    }

    .prod-card-line:hover .controls-prod button:nth-child(2) {
        transition-delay: .1s
    }

    .prod-card-line:hover .controls-prod button:nth-child(3) {
        transition-delay: .2s
    }

    .prod-card-line:hover .controls-prod button:nth-child(4) {
        transition-delay: .3s
    }

    .prod-card-line:hover .controls-prod button:nth-child(5) {
        transition-delay: .4s
    }

    .prod-card-line:hover .controls-prod button:nth-child(6) {
        transition-delay: .5s
    }

    .prod-card-line:hover .controls-prod button:nth-child(7) {
        transition-delay: .6s
    }

    .prod-card-line:hover .controls-prod button:nth-child(8) {
        transition-delay: .7s
    }

    .prod-card-line:hover .controls-prod button:nth-child(9) {
        transition-delay: .8s
    }

    .prod-card-line:hover .controls-prod button:nth-child(10) {
        transition-delay: .9s
    }

    .prod-card-line .line-wrapper {
        transition: all .2s ease
    }

    .prod-card-line .vertical-wrap {
        position: relative;
        top: 50%;
        float: left;
        transform: translateY(-50%)
    }

    .prod-card-line .markers-wrap .m-item + .m-item {
        margin-left: 15px
    }

    .prod-card-line .status-wrap .count {
        margin-left: 10px
    }

    .prod-card-line .price-wrap .price-old {
        height: auto
    }

    .prod-table-list table tbody tr:hover {
        background: #fefefe
    }

    .prod-table-list.list-catalog .th-pic, .prod-table-list.series-catalog .th-pic {
        width: auto
    }

    .prod-table-list.list-catalog .th-vendor, .prod-table-list.series-catalog .th-vendor {
        width: 10%
    }

    .prod-table-list.list-catalog .th-title, .prod-table-list.series-catalog .th-title {
        width: 22%
    }

    .prod-table-list.list-catalog .th-status, .prod-table-list.series-catalog .th-status {
        width: 15%
    }

    .prod-table-list.list-catalog .th-basket, .prod-table-list.series-catalog .th-basket {
        width: 23%
    }

    .prod-table-list.list-catalog .th-controls, .prod-table-list.series-catalog .th-controls {
        width: 3%
    }

    .prod-card-table:hover {
        z-index: 110
    }

    .prod-card-table:hover .controls-basket .count {
        z-index: 5
    }

    .prod-card-table:hover .controls-basket .sale-block {
        z-index: 4
    }

    .prod-card-table:hover .controls-prod button {
        opacity: 1;
        transform: translateX(0)
    }

    .prod-card-table:hover .controls-prod button:nth-child(1) {
        transition-delay: 0
    }

    .prod-card-table:hover .controls-prod button:nth-child(2) {
        transition-delay: .1s
    }

    .prod-card-table:hover .controls-prod button:nth-child(3) {
        transition-delay: .2s
    }

    .prod-card-table:hover .controls-prod button:nth-child(4) {
        transition-delay: .3s
    }

    .prod-card-table:hover .controls-prod button:nth-child(5) {
        transition-delay: .4s
    }

    .prod-card-table:hover .controls-prod button:nth-child(6) {
        transition-delay: .5s
    }

    .prod-card-table:hover .controls-prod button:nth-child(7) {
        transition-delay: .6s
    }

    .prod-card-table:hover .controls-prod button:nth-child(8) {
        transition-delay: .7s
    }

    .prod-card-table:hover .controls-prod button:nth-child(9) {
        transition-delay: .8s
    }

    .prod-card-table:hover .controls-prod button:nth-child(10) {
        transition-delay: .9s
    }

    .offers-list .item:hover {
        border-right: 1px solid rgba(0, 0, 0, .2);
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        box-shadow: 0 2px 20px rgba(0, 0, 0, .3)
    }

    .offers-list .item.theme-1:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .15) 70%, rgba(236, 74, 129, .4) 100%)
    }

    .offers-list .item.theme-1:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-1:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(236, 74, 129, .15) 70%, rgba(236, 74, 129, .4) 100%)
    }

    .offers-list .item.theme-1.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-1.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-1.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-1.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-2:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .15) 70%, rgba(255, 145, 0, .4) 100%)
    }

    .offers-list .item.theme-2:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 145, 0, .15) 70%, rgba(255, 145, 0, .4) 100%)
    }

    .offers-list .item.theme-2.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-2.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-2.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-2.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-3:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .15) 70%, rgba(116, 54, 143, .4) 100%)
    }

    .offers-list .item.theme-3:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-3:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(116, 54, 143, .15) 70%, rgba(116, 54, 143, .4) 100%)
    }

    .offers-list .item.theme-3.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-3.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-3.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-3.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-4:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .15) 70%, rgba(0, 177, 39, .4) 100%)
    }

    .offers-list .item.theme-4:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-4:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(0, 177, 39, .15) 70%, rgba(0, 177, 39, .4) 100%)
    }

    .offers-list .item.theme-4.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-4.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-4.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-4.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-5:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .15) 70%, rgba(102, 204, 255, .4) 100%)
    }

    .offers-list .item.theme-5:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-5:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(102, 204, 255, .15) 70%, rgba(102, 204, 255, .4) 100%)
    }

    .offers-list .item.theme-5.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-5.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-5.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-5.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-6:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .15) 70%, rgba(0, 132, 193, .4) 100%)
    }

    .offers-list .item.theme-6:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-6:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(0, 132, 193, .15) 70%, rgba(0, 132, 193, .4) 100%)
    }

    .offers-list .item.theme-6.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-6.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-6.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-6.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-7:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .15) 70%, rgba(255, 72, 72, .4) 100%)
    }

    .offers-list .item.theme-7:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-7:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 72, 72, .15) 70%, rgba(255, 72, 72, .4) 100%)
    }

    .offers-list .item.theme-7.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-7.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-7.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-7.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-8:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .15) 70%, rgba(181, 128, 204, .4) 100%)
    }

    .offers-list .item.theme-8:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-8:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(181, 128, 204, .15) 70%, rgba(181, 128, 204, .4) 100%)
    }

    .offers-list .item.theme-8.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-8.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-8.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-8.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-9:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .15) 70%, rgba(133, 237, 134, .4) 100%)
    }

    .offers-list .item.theme-9:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-9:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(133, 237, 134, .15) 70%, rgba(133, 237, 134, .4) 100%)
    }

    .offers-list .item.theme-9.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-9.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-9.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-9.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-10:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .15) 70%, rgba(255, 238, 48, .4) 100%)
    }

    .offers-list .item.theme-10:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-10:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 238, 48, .15) 70%, rgba(255, 238, 48, .4) 100%)
    }

    .offers-list .item.theme-10.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-10.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-10.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-10.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-11:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .15) 70%, rgba(223, 177, 219, .4) 100%)
    }

    .offers-list .item.theme-11:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-11:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(223, 177, 219, .15) 70%, rgba(223, 177, 219, .4) 100%)
    }

    .offers-list .item.theme-11.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-11.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-11.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-11.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-12:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .15) 70%, rgba(255, 126, 244, .4) 100%)
    }

    .offers-list .item.theme-12:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-12:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(255, 126, 244, .15) 70%, rgba(255, 126, 244, .4) 100%)
    }

    .offers-list .item.theme-12.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-12.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-12.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-12.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .offers-list .item.theme-13:hover {
        background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .15) 70%, rgba(0, 150, 136, .4) 100%)
    }

    .offers-list .item.theme-13:hover .bg {
        opacity: .6
    }

    .offers-list .item.theme-13:hover .bg:before {
        background: linear-gradient(135deg, #fff 25%, rgba(0, 150, 136, .15) 70%, rgba(0, 150, 136, .4) 100%)
    }

    .offers-list .item.theme-13.width-2:hover {
        background: #fff
    }

    .offers-list .item.theme-13.width-2:hover .bg {
        opacity: 0
    }

    .offers-list .item.theme-13.height-2:hover {
        background: #fff
    }

    .offers-list .item.theme-13.height-2:hover .bg:before {
        background: linear-gradient(135deg, #fff 0, #fff 40%, rgba(0, 0, 0, 0) 100%)
    }

    .smart-banner-big .form-smart-big .form-control {
        width: 220px
    }

    .smart-banner-big.preview .btn-wrap {
        padding-top: 22px;
        text-align: right
    }

    .product-promo {
        display: none
    }

    .basket-tabs .tab-content .wrap-text .video, .product-tabs .tab-content .wrap-text .video {
        width: 40%
    }

    .basket-tabs .tab-content .related-products.list .slide, .product-tabs .tab-content .related-products.list .slide {
        width: 33.33%
    }

    .basket-tabs .tab-content .related-products.list .slide:not(.normal), .product-tabs .tab-content .related-products.list .slide:not(.normal) {
        margin-top: 30px
    }

    .reviews-grid {
        padding-top: 40px
    }

    #product-accordion-panel-8 {
        padding-top: 60px
    }

    #product-accordion-panel-8:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        display: block;
        height: 1px;
        content: '';
        background: #e7e7e7
    }

    #product-accordion-panel-8 .related-products {
        margin-top: -40px
    }

    .related-news .sl-nav-mob, .related-products .sl-nav-mob {
        display: none !important
    }

    .related-news.no-accordion.double .title-differ, .related-products.no-accordion.double .title-differ {
        margin-bottom: 5px
    }

    .related-news.no-accordion.double .title-differ {
        margin-bottom: 5px
    }

    .reviews-list .item:nth-child(3n+1) {
        clear: both
    }

    .page-title.service-points {
        margin-bottom: 30px
    }

    .tm-gallery .link-pic:hover img {
        transform: translate(-50%, -50%) scale(1.2)
    }

    .tm-gallery .link-pic:hover .bg:before {
        opacity: 1
    }

    .tm-gallery .link-pic:hover .bg:after {
        opacity: .2
    }

    .p-card-tile_mainProducts .p-card-tile-inner {
        height: 410px
    }

    .p-card-tile-inner:hover .controls-prod__btn:nth-child(1):before {
        transition-delay: 130ms
    }

    .p-card-tile-inner:hover .controls-prod__btn:nth-child(2):before {
        transition-delay: 260ms
    }

    .p-card-tile-inner:hover .controls-prod__btn:nth-child(3):before {
        transition-delay: 390ms
    }

    .p-card-tile-inner:hover .prod-variants.hasArrow .prod-variants__link_btn {
        z-index: 12134;
        opacity: 1 !important;
        background: #fff
    }

    .p-card-tile-inner:hover .prod-variants__link {
        opacity: 1;
        transition: opacity .1s;
        transition-delay: .1s;
        pointer-events: auto
    }

    .p-card-tile-inner:hover .prod-variants__link:nth-child(5):after {
        content: none !important
    }

    .p-card-tile-inner:hover .prod-variants__link.prod-variants__link_size {
        background: #f1f1f1
    }

    .p-card-tile-inner:hover .prod-variants__link .prod-variants__color, .p-card-tile-inner:hover .prod-variants__link .prod-variants__size, .p-card-tile-inner:hover .prod-variants__link .prod-variants__thumb {
        opacity: 1
    }

    .p-card-tile-inner:hover .b-status-wrap__count {
        display: block
    }

    .p-card-tile-inner:hover .b-status-wrap__in-basket {
        display: none
    }

    .p-card-tile-inner:hover {
        z-index: 123;
        height: auto;
        min-height: 98%;
        border-color: transparent
    }

    .p-card-tile-inner:hover .title-wrap__ttl {
        max-height: none; /*! autoprefixer: off */
        -webkit-line-clamp: 12 /*! autoprefixer: on */
    }

    .p-card-tile-inner:hover:after {
        opacity: 1;
        transition: opacity .1s ease;
        pointer-events: auto
    }

    .p-card-tile-inner {
        height: 100%
    }

    .title-wrap {
        height: initial;
        max-height: initial
    }

    .p-card-tile-inner:hover .prod-variants {
        transition: transform .2s ease-out;
        transform: translate(-5px);
        will-change: transform
    }

    .p-card-tile-inner:hover .prod-variants_2col {
        transition: transform .25s ease-out
    }

    .p-card-tile-content__drop {
        position: absolute;
        z-index: -1;
        top: 0;
        width: 100%
    }

    .p-card-tile-content__variants {
        top: 0;
        right: 100%;
        margin-top: 15px;
        transform: translateX(48px)
    }

    .prod-variants_2col {
        display: flex;
        flex-flow: column wrap;
        width: 74px;
        transform: translateX(88px)
    }

    .prod-variants__link {
        pointer-events: none
    }

    .prod-variants__link:nth-child(5) {
        position: relative
    }

    .prod-variants__link:nth-child(5).prod-variants__link_size {
        background: 0 0
    }

    .prod-variants__link:nth-child(5) .prod-variants__color, .prod-variants__link:nth-child(5) .prod-variants__size, .prod-variants__link:nth-child(5) .prod-variants__thumb {
        opacity: 0;
        transition: opacity .3s
    }

    .prod-variants__link:nth-child(5):after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
        content: '';
        transition: .2s ease;
        transform: rotate(45deg);
        border: 2px solid #999;
        border-width: 0 2px 2px 0
    }

    .prod-variants__link_btn:active:after {
        transform: rotate(45deg) translate(3px, 3px)
    }

    .controls-prod_toCollection:before, .controls-prod_toCompare:before, .controls-prod_zoom:before {
        opacity: 0
    }

    .product-markers__item {
        padding-right: 10px;
        border-right: 2px solid #ccc
    }

    .product-markers__item_hit {
        border-color: #458381
    }

    .product-markers__item_gift {
        border-color: #458381
    }

    .product-markers__item_new {
        border-color: #6cf
    }

    .product-markers_pos {
        right: 5px
    }

    .prod-pic__link {
        height: 210px
    }

    .b-count:hover .b-count__btn-mns, .b-count:hover .b-count__btn-pls {
        opacity: 1
    }

    .b-count:hover .b-count__btn-mns:before, .b-count:hover .b-count__btn-pls:before {
        position: absolute;
        content: ''
    }

    .b-count__input {
        display: block;
        transition: border-color ease-in-out .15s;
        text-align: center;
        border: 1px solid #dbe0e2;
        border-radius: 3px;
        background: #f6f6f6
    }

    .b-count__input:hover {
        border-color: #5cd3cf
    }

    .b-count__btn-mns, .b-count__btn-pls {
        position: absolute;
        left: 50%;
        opacity: 0;
        width: 18px;
        height: 15px;
        margin-left: -9px;
        padding: 0;
        transition: opacity .15s ease;
        border: none;
        background: 0 0
    }

    .b-count__btn-pls {
        bottom: 100%
    }

    .b-count__btn-pls:before {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        border: 9px solid transparent;
        border-bottom: 10px solid #5cd3cf
    }

    .b-count__btn-mns:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        border: 9px solid transparent;
        border-top: 10px solid #5cd3cf
    }

    .infinite-slider_forTable {
        display: none
    }

    .infinite-slider_expanded .js-prod-variant {
        position: relative;
        height: 502px
    }

    .infinite-slider_expanded .p-card-tile {
        height: auto;
        max-height: initial
    }

    .infinite-slider_expanded .p-card-tile-content {
        height: 502px
    }

    .infinite-slider_expanded .p-card-tile.hasAllAddControls .prod-variants, .infinite-slider_expanded .p-card-tile.hasOneAddControls .prod-variants, .infinite-slider_expanded .p-card-tile.noAddControls .prod-variants {
        height: 492px
    }

    .infinite-slider_expanded .p-card-tile-inner {
        height: 502px
    }

    .infinite-slider_expanded .p-card-tile-inner:hover {
        height: 502px
    }

    .infinite-slider_expanded .p-card-tile-inner:hover .p-card-tile-content__drop {
        position: absolute;
        top: initial;
        bottom: 0;
        width: 100%
    }

    .reserved-panel .tab-content {
        margin-top: -34px
    }

    .reserved-panel .related-products.no-accordion .prod-card .p-pic-link {
        height: 150px
    }

    .reserved-panel .related-products.no-accordion .prod-card .p-available {
        margin-left: 15px
    }

    .g-sidebar:not(.pull-right) + .g-content {
        padding-left: 30px
    }

    .g-sidebar.pull-right + .g-content {
        padding-right: 30px
    }

    .accord-section .accord-link {
        display: none
    }

    .main-products .sl-nav_mob {
        position: absolute;
        z-index: 130;
        top: 50%;
        display: block;
        width: 100%
    }

    .main-products .sl-nav__prev {
        position: absolute;
        left: -15px
    }

    .main-products .sl-nav__next {
        position: absolute;
        right: -15px
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .category-list:not(.list-aside) .items-wrap.masonry .grid-item:nth-child(3n+1) .item_i {
        margin-left: 0 !important
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item:nth-child(3n) .item_i {
        margin-right: 0 !important
    }
}

@media (min-width: 1024px) and (max-width: 1599px) {
    .sel-gift-area-btns__btn {
        padding: 0 10px
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }

    .hidden-md {
        display: none !important
    }

    .order-step .fieldset {
        max-width: 400px
    }

    .category-list:not(.list-aside).solution-list .items-wrap .item {
        width: calc(100% / 3)
    }

    .page-title.expanded .pt-additional, .page-title.expanded .pt-wrap {
        flex-grow: 0;
        width: 50%
    }

    .catalog-page .prod-card-list.horizontal .prod-card {
        height: 140px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .prod-wrap {
        height: 140px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-controls {
        width: 12%
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-pic {
        float: left;
        width: 16%;
        margin: 0;
        padding: 20px 14px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-mark-preview {
        top: auto;
        right: auto;
        bottom: 14px;
        left: 14px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-mark-preview .el-mark {
        top: auto;
        right: auto;
        bottom: 0
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-wrap {
        float: left;
        clear: none;
        width: 50%;
        height: 100%;
        padding-left: 0
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-title {
        width: 55%;
        padding-left: 0
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-title a {
        max-height: 6.5em;
        font-size: 13px;
        line-height: 1.3
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-price {
        width: 45%;
        padding-left: 20px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-price .p-price-cur {
        margin-right: 0;
        font-size: 14px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-price .p-price-cur.sale .val {
        font-size: 14px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-price .product-info .product-info_i:before {
        left: 22px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap {
        width: 22%;
        padding-left: 10px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count, .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count-minus, .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap .p-count-plus {
        width: 33.33%
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap .btn-success {
        width: 100%;
        margin-top: 10px
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap .sale-block {
        left: 50%;
        min-width: 220px;
        margin-left: 5px;
        transform: translateX(-50%)
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-btn-wrap .sale-block .s-wrap:before {
        left: 50%
    }

    .catalog-page .prod-card-list.table table thead th {
        font-size: 13px
    }

    .catalog-page .prod-card-list.table .prod-card .p-vendor {
        font-size: 13px
    }

    .catalog-page .prod-card-list.table .prod-card .p-title a {
        font-size: 13px
    }

    .catalog-page .prod-card-list.table .prod-card .p-price .p-price-cur.sale .val {
        font-size: 14px
    }

    .catalog-page .prod-card-list.table .prod-card .c-btn-wrap .p-count, .catalog-page .prod-card-list.table .prod-card .c-btn-wrap .p-count-minus, .catalog-page .prod-card-list.table .prod-card .c-btn-wrap .p-count-plus, .catalog-page .prod-card-list.table .prod-card .p-btn-wrap .p-count, .catalog-page .prod-card-list.table .prod-card .p-btn-wrap .p-count-minus, .catalog-page .prod-card-list.table .prod-card .p-btn-wrap .p-count-plus {
        width: 33.33%
    }

    .catalog-page .prod-card-list.table .prod-card .c-btn-wrap .btn-success, .catalog-page .prod-card-list.table .prod-card .p-btn-wrap .btn-success {
        width: 100%;
        margin-top: 10px
    }

    .catalog-page .prod-card-list.table .prod-card .c-btn-wrap .sale-block, .catalog-page .prod-card-list.table .prod-card .p-btn-wrap .sale-block {
        left: 50%;
        min-width: 220px;
        transform: translateX(-50%)
    }

    .catalog-page .prod-card-list.table .prod-card .c-btn-wrap .sale-block .s-wrap:before, .catalog-page .prod-card-list.table .prod-card .p-btn-wrap .sale-block .s-wrap:before {
        left: 50%
    }

    .catalog-page .prod-card-list.table .prod-card .c-btn-wrap {
        margin-right: -60px;
        margin-left: -25px
    }

    .catalog-page .collection-group .section-head .pic, .catalog-page .prod-card-group .section-head .pic, .catalog-page .prod-table-list .section-head .pic {
        width: 130px;
        height: 130px
    }

    .catalog-page .collection-group .section-head .manufacturer, .catalog-page .prod-card-group .section-head .manufacturer, .catalog-page .prod-table-list .section-head .manufacturer {
        margin-left: 30px
    }

    .catalog-page .collection-group .prod-msg td, .catalog-page .prod-card-group .prod-msg td, .catalog-page .prod-table-list .prod-msg td {
        padding-right: 40px
    }

    .catalog-page .collection-group .prod-msg .text, .catalog-page .prod-card-group .prod-msg .text, .catalog-page .prod-table-list .prod-msg .text {
        display: block;
        width: auto;
        margin-bottom: 20px
    }

    .catalog-page .collection-group .prod-msg .basket-remove, .catalog-page .prod-card-group .prod-msg .basket-remove, .catalog-page .prod-table-list .prod-msg .basket-remove {
        margin-left: 40px
    }

    .catalog-page .collection-group .prod-msg .message-close, .catalog-page .prod-card-group .prod-msg .message-close, .catalog-page .prod-table-list .prod-msg .message-close {
        top: 15px;
        right: 15px;
        transform: none
    }

    .news-card-wrapper:nth-child(3n+1) {
        clear: both
    }

    .main-promo .item {
        border-left: none
    }

    .main-promo .item:nth-child(3n+1) {
        border-left: 1px solid #e7e7e7
    }

    .main-promo .item:nth-child(4), .main-promo .item:nth-child(5), .main-promo .item:nth-child(6) {
        border-top: none
    }

    #section-HIT.main-products .p-card-tile, #section-HIT.main-products .slide, #section-NEW.main-products .p-card-tile, #section-NEW.main-products .slide {
        width: 327px
    }

    .main-solutions .item:nth-child(3n+4), .main-solutions .item:nth-child(3n+5), .main-solutions .item:nth-child(3n+6) {
        border-top: none
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item {
        width: 33.33%
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item:nth-child(3n+1) {
        clear: both
    }

    .prod-tile-list.list-catalog .prod-tile-item {
        width: 50%
    }

    .prod-tile-list.list-catalog .prod-tile-item:nth-child(2n+1) {
        clear: both
    }

    .prod-line-list.list-catalog .prod-card-line .pic-wrap {
        width: 10%
    }

    .prod-line-list.list-catalog .prod-card-line .pic-wrap .mark-sale {
        bottom: 0;
        left: 0;
        height: 20px
    }

    .prod-line-list.list-catalog .prod-card-line .p-wrap {
        width: 38%
    }

    .prod-line-list.list-catalog .prod-card-line .p-wrap .title-wrap a {
        font-size: 13px
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap {
        display: none;
        width: 18%;
        padding: 0
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap .add-item {
        font-size: 12px
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap .add-item + .add-item {
        margin-top: 10px;
        margin-left: 0
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap .btn-add {
        height: auto;
        margin-top: 3px;
        font-size: 12px;
        line-height: 16px
    }

    .prod-line-list.list-catalog .prod-card-line .price-wrap {
        width: 26%;
        padding-left: 15px
    }

    .prod-line-list.list-catalog .prod-card-line .price-wrap .price-cur {
        height: auto
    }

    .prod-line-list.list-catalog .prod-card-line .price-wrap .price-cur-inner {
        white-space: normal;
        border: none;
        font-size: 14px
    }

    .prod-line-list.list-catalog .prod-card-line .controls-wrap {
        width: 26%;
        padding-right: 50px
    }

    .prod-line-list.list-catalog .prod-card-line .controls-wrap .controls-prod {
        right: 0
    }

    .prod-line-list.list-catalog .prod-card-line .controls-wrap .controls-prod .btn-collection, .prod-line-list.list-catalog .prod-card-line .controls-wrap .controls-prod .btn-compare {
        width: 40px;
        height: 40px
    }

    .prod-table-list.list-catalog .prod-card-table td:nth-child(2), .prod-table-list.series-catalog .prod-card-table td:nth-child(2) {
        display: none
    }

    .prod-table-list.list-catalog .prod-card-table .title-wrap a, .prod-table-list.series-catalog .prod-card-table .title-wrap a {
        max-height: 7em;
        line-height: 1.4
    }

    .prod-table-list.list-catalog .prod-card-table .td-add, .prod-table-list.series-catalog .prod-card-table .td-add {
        display: none
    }

    .prod-table-list.list-catalog .prod-card-table .price-cur, .prod-table-list.series-catalog .prod-card-table .price-cur {
        display: flex;
        height: auto
    }

    .prod-table-list.list-catalog .prod-card-table .price-cur .price-cur-inner, .prod-table-list.series-catalog .prod-card-table .price-cur .price-cur-inner {
        white-space: normal;
        border-bottom: none;
        font-size: 14px
    }

    .prod-table-list.list-catalog .prod-card-table .controls-prod, .prod-table-list.series-catalog .prod-card-table .controls-prod {
        left: auto;
        width: 40px
    }

    .offers-list.simple .item:nth-child(n+1):not(:nth-child(3n+1)) {
        border-left: none
    }

    .offers-list.simple .item:nth-child(n+1) {
        border-top: none
    }

    .basket-tabs .nav-tabs li .tab-head, .product-tabs .nav-tabs li .tab-head {
        font-size: 14px
    }

    .reviews-list .item_i {
        padding-right: 20px;
        padding-left: 20px
    }

    .reviews-list .item_i.open {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width: 1179px) and (min-width: 1024px) {
    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner:after {
        left: 0
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner_col-2:after {
        left: 0 !important
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner:hover .p-card-tile-content__variants {
        left: 100%
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner .prod-variants, .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner .prod-variants__link, .p-card-tile_hasVariants:nth-child(3n+1) .prod-variants__link:nth-child(5) .prod-variants__color, .p-card-tile_hasVariants:nth-child(3n+1) .prod-variants__link:nth-child(5) .prod-variants__thumb {
        transition: none
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner:hover {
        margin-right: -60px;
        margin-left: -10px !important;
        padding-right: 60px;
        padding-left: 10px !important
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner:hover .prod-variants {
        transition: transform .2s ease-out;
        transform: translate(calc(15px))
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner_col-2:hover {
        margin-right: -100px;
        margin-left: -10px !important;
        padding-right: 100px;
        padding-left: 10px !important
    }

    .p-card-tile_hasVariants:nth-child(3n+1) .p-card-tile-inner_col-2:hover .prod-variants {
        transform: translate(calc(15px))
    }
}

@media (min-width: 1279px) {
    .category-list.list-short .item {
        flex-basis: 25%
    }

    .p-crd-info__price_mb {
        margin-bottom: 50px
    }

    .p-crd-info__controls_mb {
        margin-bottom: 50px
    }
}

@media (max-width: 1279px) and (min-width: 768px) {
    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout {
        flex-direction: row
    }

    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout .slider {
        flex-basis: 55% !important;
        flex-grow: 0;
        flex-shrink: 0
    }

    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout .middle-block {
        order: 2
    }

    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout .buy-view-block {
        flex-basis: 42% !important;
        flex-grow: 0;
        flex-shrink: 0;
        order: 1
    }
}

@media (max-width: 1279px) and (min-width: 1024px) {
    .basket-controls .btn-index-default:last-child {
        margin-top: 10px
    }

    .basket-controls .btn-index-default.btn-commerce {
        margin-left: 0
    }

    .prod-table-list.list-catalog .th-vendor, .prod-table-list.series-catalog .th-vendor {
        display: none
    }

    .related-products .slider-initial .p-card-tile, .related-products .slider-initial .prod-card-tile {
        width: 326px
    }
}

@media (min-width: 1280px) and (max-width: 1599px) {
    .main-slider.main-slider .slide, .main-slider.main-slider .slider-wrap {
        min-height: 320px
    }

    tr.tr-select-gift td.tr-select-gift-td {
        max-width: 1105px
    }

    .orders-wait .controls-wrap button {
        margin-left: 15px
    }

    .orders-wait .controls-wrap button + button {
        display: block;
        clear: both;
        margin-top: 10px;
        margin-left: 15px
    }

    .orders-wait .controls-wrap .btn-tobasket {
        margin-left: 15px
    }

    .catalog-page .collection-group .prod-msg .text, .catalog-page .prod-card-group .prod-msg .text, .catalog-page .prod-table-list .prod-msg .text {
        width: 460px
    }

    .news-card-wrapper:nth-child(4n+1) {
        clear: both
    }

    .main-slider .shares-list {
        border-right: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7
    }

    .main-slider .s-item {
        float: left;
        width: 33.33%;
        padding: 0 30px 0 20px
    }

    .main-slider .s-item + .s-item {
        border-top: none;
        border-left: 1px solid #e7e7e7
    }

    #section-HIT.main-products .p-card-tile, #section-HIT.main-products .slide, #section-NEW.main-products .p-card-tile, #section-NEW.main-products .slide {
        width: 282px
    }

    .main-solutions .item {
        padding-right: 25px;
        padding-left: 25px
    }

    .main-solutions .ttl-wrap {
        height: auto;
        line-height: 1
    }

    .main-solutions .icon {
        position: relative;
        top: 0;
        margin-top: 0;
        margin-bottom: 10px
    }

    .main-solutions .ttl {
        min-height: 2.6em;
        margin-left: 0;
        padding-right: 10px
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item {
        width: 25%
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item:nth-child(4n+1) {
        clear: both
    }

    .prod-tile-list.list-catalog .prod-tile-item {
        width: 33.33%
    }

    .prod-tile-list.list-catalog .prod-tile-item:nth-child(3n+1) {
        clear: both
    }

    .prod-line-list.list-catalog .prod-card-line .pic-wrap {
        width: 13%
    }

    .prod-line-list.list-catalog .prod-card-line .pic-wrap .mark-sale {
        bottom: 0;
        left: 0
    }

    .prod-line-list.list-catalog .prod-card-line .p-wrap {
        width: 28%
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap {
        width: 18%
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap .add-item {
        display: block;
        float: none
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap .add-item + .add-item {
        margin-top: 10px;
        margin-left: 0
    }

    .prod-line-list.list-catalog .prod-card-line .price-wrap {
        width: 19%
    }

    .prod-line-list.list-catalog .prod-card-line .controls-wrap {
        width: 22%
    }

    .prod-table-list.list-catalog .prod-card-table .p-vendor, .prod-table-list.series-catalog .prod-card-table .p-vendor {
        font-size: 13px
    }

    .prod-table-list.list-catalog .prod-card-table .title-wrap a, .prod-table-list.series-catalog .prod-card-table .title-wrap a {
        font-size: 13px
    }

    .prod-table-list.list-catalog .prod-card-table .td-add .add-item, .prod-table-list.series-catalog .prod-card-table .td-add .add-item {
        float: none;
        margin-left: 0
    }

    .prod-table-list.list-catalog .prod-card-table .td-add .add-item + .add-item, .prod-table-list.series-catalog .prod-card-table .td-add .add-item + .add-item {
        margin-top: 10px
    }

    .prod-table-list.list-catalog .prod-card-table .price-cur .price-cur-inner, .prod-table-list.series-catalog .prod-card-table .price-cur .price-cur-inner {
        font-size: 15px
    }

    .product-view.grid-layout {
        -ms-grid-columns: 39% 23% 38%;
        grid-template-columns:39% 23% 38%
    }

    .p-crd-info__controls {
        flex-basis: 49%
    }
}

@media (min-width: 1280px) and (max-width: 1599px) and (max-width: 1599px) {
    .prod-table-list.list-catalog .prod-card-table .td-add, .prod-table-list.series-catalog .prod-card-table .td-add {
        display: none
    }
}

@media (min-width: 1280px) {
    .promo-text-slider .infinite-slider_fiveSlides .p-card-tile {
        width: 330px
    }

    .container {
        width: 1270px
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }

    .row-clear .col-md-2.col-lg-2, .row-clear .col-md-2.col-lg-3, .row-clear .col-md-2.col-lg-4, .row-clear .col-md-2.col-lg-6, .row-clear .col-md-3.col-lg-2, .row-clear .col-md-3.col-lg-3, .row-clear .col-md-3.col-lg-4, .row-clear .col-md-3.col-lg-6, .row-clear .col-md-4.col-lg-2, .row-clear .col-md-4.col-lg-3, .row-clear .col-md-4.col-lg-4, .row-clear .col-md-4.col-lg-6, .row-clear .col-md-6.col-lg-2, .row-clear .col-md-6.col-lg-3, .row-clear .col-md-6.col-lg-4, .row-clear .col-md-6.col-lg-6, .row-clear .col-sm-3.col-lg-2, .row-clear .col-sm-3.col-lg-3, .row-clear .col-sm-3.col-lg-4, .row-clear .col-sm-3.col-lg-6, .row-clear .col-sm-4.col-lg-2, .row-clear .col-sm-4.col-lg-3, .row-clear .col-sm-4.col-lg-4, .row-clear .col-sm-4.col-lg-6, .row-clear .col-sm-6.col-lg-2, .row-clear .col-sm-6.col-lg-3, .row-clear .col-sm-6.col-lg-4, .row-clear .col-sm-6.col-lg-6, .row-clear .col-xs-3.col-lg-2, .row-clear .col-xs-3.col-lg-3, .row-clear .col-xs-3.col-lg-4, .row-clear .col-xs-3.col-lg-6, .row-clear .col-xs-4.col-lg-2, .row-clear .col-xs-4.col-lg-3, .row-clear .col-xs-4.col-lg-4, .row-clear .col-xs-4.col-lg-6, .row-clear .col-xs-6.col-lg-2, .row-clear .col-xs-6.col-lg-3, .row-clear .col-xs-6.col-lg-4, .row-clear .col-xs-6.col-lg-6 {
        clear: none
    }

    .row-clear .col-lg-2:nth-child(6n+1), .row-clear .col-lg-3:nth-child(4n+1), .row-clear .col-lg-4:nth-child(3n+1), .row-clear .col-lg-6:nth-child(2n+1) {
        clear: both
    }

    .orders-active table thead th:first-child {
        padding-left: 20px
    }

    .orders-active table tbody td:first-child {
        padding-left: 20px
    }

    .orders-active table tbody td:last-child {
        padding-right: 20px
    }

    .cabinet-comment table td:last-child {
        padding-right: 20px
    }

    .modal-order-wait .modal-dialog {
        width: 1250px
    }

    .divisions-table .wrap {
        border: 1px solid #e7e7e7
    }

    .divisions-table table tbody tr:hover {
        background: #f9f9f9
    }

    .divisions-table table tbody td {
        border-top: 1px solid #e7e7e7
    }

    .divisions-table .td-title {
        display: none
    }

    .divisions-table .controls-wrap button + button {
        margin-top: 15px
    }

    .cabinet-section__item.order-list {
        margin: 0;
        border: none
    }

    .cabinet-section__item_gift.order-list.cabinet-section__item {
        flex: 0 0 370px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: inherit
    }

    .cabinet-section__expl {
        width: 80%
    }

    .order-information table td:first-child {
        padding-left: 20px
    }

    .order-information table td:last-child {
        padding-right: 20px
    }

    .order-basket .basket-table .th-vendor {
        padding-left: 20px
    }

    .order-basket .basket-table .td-vendor {
        padding-left: 20px
    }

    .order-basket .basket-table .tr-total .td-total {
        padding-left: 20px
    }

    .orders-wait .wrap {
        border: 1px solid #e7e7e7
    }

    .orders-wait table tbody tr:hover {
        background: #f9f9f9
    }

    .orders-wait table tbody td {
        border-top: 1px solid #e7e7e7
    }

    .orders-wait .td-title {
        display: none
    }

    .filter-view .wrap-sort {
        display: none
    }

    .category-list:not(.list-aside).solution-list .items-wrap .item {
        width: 25%
    }

    .category-list.list-aside .items-wrap .item:nth-child(3n+1) {
        clear: both
    }

    .category-list.list-bricks.list-aside .grid-item {
        width: calc(100% / 3)
    }

    .category-list.list-bricks.list-aside .grid-item:nth-child(3n+1) .item_i {
        margin-right: 15px;
        margin-left: 0
    }

    .category-list.list-bricks.list-aside .grid-item:nth-child(3n) .item_i {
        margin-right: 0;
        margin-left: 15px
    }

    .params-tab table td:first-child {
        width: 30%
    }

    .contacts-list .manager-item:nth-child(2) .m-wrap {
        border-top: 1px solid #eee
    }

    .page-title .pt-feedback .txt {
        margin-left: 40px
    }

    .page-title .pt-feedback .btn-wrap {
        margin-left: 40px
    }

    .page-title .pt-product-share .sharing .btn-share {
        display: none
    }

    .page-title.expanded .pt-product-share .sharing {
        padding-right: 0;
        border-right: 0;
        border-left: 0
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-controls {
        width: 15%
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-pic {
        width: 14%
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-wrap {
        width: 46%
    }

    .catalog-page .prod-card-list.horizontal .prod-card .p-price {
        padding-left: 25px
    }

    .prod-card-list.table table thead th:first-child {
        padding-left: 20px
    }

    .prod-card-list.table table tbody td:first-child .td-property {
        padding-left: 10px
    }

    .main-promo .item {
        border-left: none
    }

    .main-promo .item:first-child {
        border-left: 1px solid #e7e7e7
    }

    .main-products .promo-block {
        z-index: 130
    }

    .main-solutions .item:nth-child(5n+10), .main-solutions .item:nth-child(5n+6), .main-solutions .item:nth-child(5n+7), .main-solutions .item:nth-child(5n+8), .main-solutions .item:nth-child(5n+9) {
        border-top: none
    }

    .prod-card-line .add-wrap .add-item {
        float: left
    }

    .prod-card-line .add-wrap .add-item + .add-item {
        margin-left: 15%
    }

    .prod-table-list.list-catalog .th-pic, .prod-table-list.series-catalog .th-pic {
        width: 4%;
        min-width: 45px
    }

    .prod-table-list.list-catalog .th-vendor, .prod-table-list.series-catalog .th-vendor {
        width: 7%
    }

    .prod-table-list.list-catalog .th-title, .prod-table-list.series-catalog .th-title {
        width: 22%
    }

    .prod-table-list.list-catalog .th-status, .prod-table-list.series-catalog .th-status {
        width: 11%
    }

    .prod-table-list.list-catalog .th-add, .prod-table-list.series-catalog .th-add {
        width: 10%
    }

    .prod-table-list.list-catalog .th-price, .prod-table-list.series-catalog .th-price {
        width: auto
    }

    .prod-table-list.list-catalog .th-basket, .prod-table-list.series-catalog .th-basket {
        width: 14%
    }

    .prod-table-list.list-catalog .th-controls, .prod-table-list.series-catalog .th-controls {
        width: 5%
    }

    .prod-card-table .add-wrap .add-item.block {
        margin-right: auto
    }

    .prod-card-table .add-wrap .add-item.pallet {
        margin-left: auto
    }

    .offers-list.simple .item:nth-child(2n+1) {
        border-top: none
    }

    .offers-list.simple .item:nth-child(n+1) {
        border-top: none
    }

    .offers-list.simple .item:nth-child(n+1):not(:nth-child(4n+1)) {
        border-left: none
    }

    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout {
        align-content: space-between;
        flex-direction: column;
        height: 600px
    }

    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout .buy-view {
        flex-basis: 583px;
        flex-grow: 0;
        flex-shrink: 0;
        order: 4;
        width: 583px
    }

    .offers.second {
        display: none
    }

    .p-crd-info__btn-wrap_pos {
        margin-left: auto
    }

    .basket-tabs .tab-content .related-products.list .slide, .product-tabs .tab-content .related-products.list .slide {
        width: 25%
    }

    .user-panel .item.basket .count {
        display: none
    }
}

@media (min-width: 1281px) {
    .category-list:not(.list-aside) .items-wrap.masonry .grid-item:nth-child(4n+1) .item_i {
        margin-left: 0 !important
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item:nth-child(4n) .item_i {
        margin-right: 0 !important
    }
}

@media (min-width: 1290px) {
    .p-crd-info__delivery {
        flex: 0 1 49%;
        flex-shrink: 1
    }
}

@media (max-width: 1460px) and (min-width: 1280px) {
    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner:after {
        left: 0
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner_col-2:after {
        left: 0 !important
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner:hover .p-card-tile-content__variants {
        left: 100%
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner .prod-variants, .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner .prod-variants__link, .p-card-tile_hasVariants:nth-child(4n+1) .prod-variants__link:nth-child(5) .prod-variants__color, .p-card-tile_hasVariants:nth-child(4n+1) .prod-variants__link:nth-child(5) .prod-variants__thumb {
        transition: none
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner:hover {
        margin-right: -60px;
        margin-left: -10px !important;
        padding-right: 60px;
        padding-left: 10px !important
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner:hover .prod-variants {
        transition: transform .2s ease-out;
        transform: translate(calc(15px))
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner_col-2:hover {
        margin-right: -100px;
        margin-left: -10px !important;
        padding-right: 100px;
        padding-left: 10px !important
    }

    .p-card-tile_hasVariants:nth-child(4n+1) .p-card-tile-inner_col-2:hover .prod-variants {
        transform: translate(calc(15px))
    }
}

@media (max-width: 1599px) and (min-width: 1024px) {
    .reviews-grid .video {
        width: 33.3333%
    }
}

@media (max-width: 1599px) and (min-width: 1280px) {
    .related-products .slider-initial .p-card-tile, .related-products .slider-initial .prod-card-tile {
        width: 317px
    }
}

@media (min-width: 1599px) {
    .cabinet-section__item_gift.order-list.cabinet-section__item {
        padding: 40px 40px 20px
    }

    .product-view.grid-layout .details, .product-view.grid-layout .smart-wrap {
        width: 300px;
        justify-self: center
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px
    }

    .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
        float: left
    }

    .col-xl-1 {
        width: 8.33333%
    }

    .col-xl-2 {
        width: 16.66667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.33333%
    }

    .col-xl-5 {
        width: 41.66667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.33333%
    }

    .col-xl-8 {
        width: 66.66667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.33333%
    }

    .col-xl-11 {
        width: 91.66667%
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-pull-1 {
        right: 8.33333%
    }

    .col-xl-pull-2 {
        right: 16.66667%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-4 {
        right: 33.33333%
    }

    .col-xl-pull-5 {
        right: 41.66667%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-7 {
        right: 58.33333%
    }

    .col-xl-pull-8 {
        right: 66.66667%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-10 {
        right: 83.33333%
    }

    .col-xl-pull-11 {
        right: 91.66667%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-push-1 {
        left: 8.33333%
    }

    .col-xl-push-2 {
        left: 16.66667%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-4 {
        left: 33.33333%
    }

    .col-xl-push-5 {
        left: 41.66667%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-7 {
        left: 58.33333%
    }

    .col-xl-push-8 {
        left: 66.66667%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-10 {
        left: 83.33333%
    }

    .col-xl-push-11 {
        left: 91.66667%
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .col-xl-offset-1 {
        margin-left: 8.33333%
    }

    .col-xl-offset-2 {
        margin-left: 16.66667%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333%
    }

    .col-xl-offset-5 {
        margin-left: 41.66667%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333%
    }

    .col-xl-offset-8 {
        margin-left: 66.66667%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333%
    }

    .col-xl-offset-11 {
        margin-left: 91.66667%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    tr.tr-select-gift td.tr-select-gift-td {
        max-width: 1389px
    }

    .order-nav .wrap .completeness {
        margin-left: 44px;
        font-size: 24px;
        line-height: 1.1
    }

    .cabinet-aside .ca-item + .ca-item {
        margin-top: 30px
    }

    .modal-order-wait .modal-dialog {
        width: 1560px
    }

    .cabinet-section__item.order-list {
        padding: 40px 40px 65px
    }

    .cabinet-section__expl {
        width: 50%
    }

    .smart-b-brands {
        width: 70%
    }

    .headless .prod-card .p-price .p-price-cur .icon-bonus:before {
        width: 1.6em;
        height: 1.6em;
        background-position: -.2em -253.7em
    }

    .page-title.expanded .labels .item {
        height: 29px;
        margin-right: 12px;
        font-size: 13.5px;
        line-height: 29px
    }

    .page-title.expanded .pt-product-share .rate {
        display: flex;
        float: left;
        align-items: center;
        padding: 0;
        border-left: none
    }

    .page-title.expanded .pt-product-share .rate .count {
        margin-right: 0;
        margin-left: 0;
        padding: 10px 0;
        transform: translate(-41px);
        font-size: 19px
    }

    .page-title.expanded .pt-product-share .rate .star {
        transform: scale(1.3)
    }

    .page-title.expanded .pt-product-share .rate .star + .star {
        margin-left: 20px
    }

    .btn-full-w {
        font-size: 19px
    }

    .prod-card-list.table.headless .prod-card .p-price .p-price-cur {
        border-bottom: none
    }

    .prod-card-list.table.headless .prod-card .p-price .p-price-cur.sale .cur, .prod-card-list.table.headless .prod-card .p-price .p-price-cur.sale .val {
        text-transform: uppercase;
        color: #000;
        font-family: OpenSans-Semibold, Helvetica, Arial, sans-serif;
        font-size: 21px
    }

    .prod-card-list.table.headless .prod-card .val_cur-wrap {
        display: inline-block;
        border-bottom: 1px dotted #999
    }

    .prod-card-list.table.headless .prod-card .p-nds {
        vertical-align: bottom;
        text-transform: lowercase;
        font-size: 16px;
        line-height: 18px
    }

    .prod-card-list.table.headless table .th-pic {
        width: 123px
    }

    .prod-card-list.table.headless table .th-vendor {
        width: 169px
    }

    .prod-card-list.table.headless table .th-title {
        width: 347px
    }

    .prod-card-list.table.headless table .th-status {
        width: 156px
    }

    .prod-card-list.table.headless table .th-add {
        width: 366px
    }

    .prod-card-list.table.headless table .th-price {
        width: 230px
    }

    .prod-card-list.table.headless table .th-basket {
        width: 107px
    }

    .prod-card-list.table.headless table .th-controls {
        width: 40px
    }

    .prod-card-list.table.headless table .prod-card .p-pic .p-pic-link {
        height: 62px
    }

    .prod-card-list.table.headless table .prod-card .p-vendor {
        transition: .2s ease;
        text-decoration: none;
        font-size: 17px
    }

    .prod-card-list.table.headless table .prod-card .p-vendor:hover {
        text-decoration: underline;
        color: #5cd3cf
    }

    .prod-card-list.table.headless table .prod-card .p-title a {
        font-family: OpenSans-Bold, Helvetica, Arial, sans-serif;
        font-size: 18px
    }

    .prod-card-list.table.headless table thead th {
        height: 64px;
        padding: 0;
        font-size: 16px
    }

    .prod-card-list.table.headless table thead th .th-vendor {
        padding-left: 25px
    }

    .prod-card-list.table.headless table thead th:nth-child(2) {
        padding-left: 25px
    }

    .prod-card-list.table.headless table tbody tr td:last-child, .prod-card-list.table.headless table tbody tr td:nth-last-child(2) {
        padding-right: 0
    }

    .prod-card-list.table.headless table tbody tr td:nth-last-child(3) > * {
        display: inline-block
    }

    .prod-card-list.table.headless table tbody tr td {
        padding: 15px 20px 15px 0
    }

    .prod-card-list.table.headless table tbody tr td:first-child {
        padding-left: 15px
    }

    .prod-card-list.table.headless table tbody tr td:nth-child(2) {
        padding-left: 25px
    }

    .catalog-page .collection-group .prod-msg .text, .catalog-page .prod-card-group .prod-msg .text, .catalog-page .prod-table-list .prod-msg .text {
        width: 680px
    }

    .news-card-wrapper:nth-child(5n+1) {
        clear: both
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item {
        width: 20%
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item:nth-child(5n+1) {
        clear: both
    }

    .prod-tile-list.list-catalog .prod-tile-item {
        width: 25%
    }

    .prod-tile-list.list-catalog .prod-tile-item:nth-child(4n+1) {
        clear: both
    }

    .prod-line-list.list-catalog .prod-card-line .pic-wrap {
        width: 11%
    }

    .prod-line-list.list-catalog .prod-card-line .p-wrap {
        width: 25%
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap {
        width: 27%
    }

    .prod-line-list.list-catalog .prod-card-line .add-wrap .add-item + .add-item {
        margin-left: 10%
    }

    .prod-line-list.list-catalog .prod-card-line .price-wrap {
        width: 17%
    }

    .prod-line-list.list-catalog .prod-card-line .controls-wrap {
        width: 20%;
        padding-right: 80px
    }

    .prod-table-list.list-catalog .th-pic, .prod-table-list.series-catalog .th-pic {
        width: 80px
    }

    .prod-table-list.list-catalog .th-vendor, .prod-table-list.series-catalog .th-vendor {
        width: auto
    }

    .prod-table-list.list-catalog .th-title, .prod-table-list.series-catalog .th-title {
        width: auto
    }

    .prod-table-list.list-catalog .th-status, .prod-table-list.series-catalog .th-status {
        width: auto
    }

    .prod-table-list.list-catalog .th-add, .prod-table-list.series-catalog .th-add {
        width: auto
    }

    .prod-table-list.list-catalog .th-price, .prod-table-list.series-catalog .th-price {
        width: auto
    }

    .prod-table-list.list-catalog .th-basket, .prod-table-list.series-catalog .th-basket {
        width: 10%
    }

    .prod-table-list.list-catalog .th-controls, .prod-table-list.series-catalog .th-controls {
        width: auto
    }

    .headless .prod-card-table .status-wrap .count, .headless .prod-card-table .status-wrap .text {
        font-size: 16px;
        line-height: 1.45
    }

    .headless .prod-card-table .add-wrap .add-item, .headless .prod-card-table .add-wrap .btn-add {
        text-align: left;
        font-size: 16px;
        line-height: 1.45
    }

    .offers-list .item.height-2 .text-wrap .ttl {
        font-size: 24px
    }

    .offers-list .item.width-2 .text-wrap .ttl {
        font-size: 24px
    }

    .smart-bonus .ic2-icon_bonus_single {
        top: -2px
    }

    .sl-element .carousel .sl-item {
        padding: 0 68px
    }

    .p-crd-info__trigger-link_pos {
        transform: translateX(15px)
    }

    .p-crd-info__trigger-link {
        font-size: 13px
    }

    .price-item_new {
        padding-bottom: 5px
    }

    .basket-tabs .tab-content .related-products.list .slide, .product-tabs .tab-content .related-products.list .slide {
        width: 20%
    }

    .related-products .slider-initial .p-card-tile, .related-products .slider-initial .prod-card-tile {
        width: 314px
    }

    .user-panel .prod-card-list.table .prod-card td:first-child {
        padding-left: 30px
    }

    .user-panel .prod-card-list.table .prod-card td:last-child {
        padding-right: 30px
    }
}

@media (min-width: 1600px) and (min-width: 1280px) {
    .prod-card-list.table.headless table thead th:first-child {
        padding-left: 15px
    }
}

@media (max-width: 1799px) and (min-width: 1600px) {
    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner:after {
        left: 0
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner_col-2:after {
        left: 0 !important
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner:hover .p-card-tile-content__variants {
        left: 100%
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner .prod-variants, .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner .prod-variants__link, .p-card-tile_hasVariants:nth-child(5n+1) .prod-variants__link:nth-child(5) .prod-variants__color, .p-card-tile_hasVariants:nth-child(5n+1) .prod-variants__link:nth-child(5) .prod-variants__thumb {
        transition: none
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner:hover {
        margin-right: -60px;
        margin-left: -10px !important;
        padding-right: 60px;
        padding-left: 10px !important
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner:hover .prod-variants {
        transition: transform .2s ease-out;
        transform: translate(calc(15px))
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner_col-2:hover {
        margin-right: -100px;
        margin-left: -10px !important;
        padding-right: 100px;
        padding-left: 10px !important
    }

    .p-card-tile_hasVariants:nth-child(5n+1) .p-card-tile-inner_col-2:hover .prod-variants {
        transform: translate(calc(15px))
    }
}

@media (min-height: 790px) {
    .reserved-panel .slider {
        display: flex
    }

    .reserved-panel .slider .prod-card-tile_opened {
        display: flex
    }
}

@media (max-width: 1660px) {
    .ear-promo {
        display: none
    }
}

@media (max-width: 1600px) {
    .offers-list .item.width-2 .item-pic {
        max-width: 210px
    }
}

@media (max-width: 1599px) {
    .fixed-panel-wrap.fixed.init .user-panel .item.search {
        width: 390px
    }

    .about-content .about-statistics .count {
        font-size: 30px
    }

    .about-content .about-statistics .text {
        font-size: 14px
    }

    .main-advance .ttl-wrap {
        height: auto;
        line-height: 1.2
    }

    .main-advance .icon {
        position: relative;
        top: 0;
        margin-top: 0;
        margin-bottom: 15px
    }

    .main-advance .ttl {
        display: block;
        min-height: 3.9em;
        margin-left: 0
    }

    .basket-table .th-gift {
        width: 6%
    }

    .basket-table .td-vendor {
        width: 7%
    }

    .basket-table .td-pic {
        width: 6%
    }

    .basket-table .td-title {
        width: 21%
    }

    .basket-table .td-count {
        width: 13%
    }

    .ordering-page .basket-table .td-count {
        width: 10%
    }

    .basket-table .td-price {
        width: 12%
    }

    .basket-table .td-bonus {
        width: 9%
    }

    .basket-table .td-nds {
        width: 9%
    }

    .basket-table .td-fullprice {
        width: 12%
    }

    .basket-table .td-delete {
        width: 5%
    }

    .sel-gift-area-btns__btn span {
        font-size: 1.1rem
    }

    .basket-page .grid .order-content {
        flex-basis: 605px
    }

    .basket-page .grid .order-nav {
        flex-basis: 287.5px
    }

    .cabinet-aside .ca-list {
        margin-right: -15px;
        margin-left: -15px
    }

    .cabinet-aside .ca-item {
        float: left;
        width: 20%;
        padding-right: 15px;
        padding-left: 15px
    }

    .orders-active .controls-wrap button + button {
        margin-left: 20px
    }

    .price-banner .wrap-title {
        width: 300px
    }

    .divisions-table table .th-division {
        width: 15%
    }

    .divisions-table table .th-contacts {
        width: 20%
    }

    .divisions-table table .th-limit {
        width: 12%
    }

    .divisions-table table tbody td {
        font-size: 13px
    }

    .order-information .td-title {
        width: 40%
    }

    .order-information .td-text {
        width: 60%
    }

    .order-basket .basket-table .td-vendor {
        width: 12%
    }

    .order-basket .basket-table .td-count {
        width: 13%
    }

    .order-basket .basket-table .td-bonus {
        width: 13%
    }

    .order-basket .basket-table .td-fullprice {
        width: 22%
    }

    .order-basket .basket-table .tr-total .td-fullprice {
        font-size: 16px
    }

    .orders-wait table .th-check {
        width: 5%
    }

    .orders-wait table .th-number {
        width: 9%
    }

    .orders-wait table .th-date {
        width: 11%
    }

    .orders-wait table .th-division {
        width: 22%
    }

    .orders-wait table .th-contact {
        width: 13%
    }

    .orders-wait table .th-count {
        width: 12%
    }

    .orders-wait table .th-price {
        width: 12%
    }

    .orders-wait table .th-comment {
        width: 6%
    }

    .orders-wait table .th-actions {
        width: 10%
    }

    .orders-wait table tbody td {
        font-size: 13px
    }

    .prod-card-wrapper {
        width: 25%
    }

    .catalog-page .prod-card-wrapper, .collection-page .prod-card-wrapper {
        width: 33.33%
    }

    .category-list .text .ttl {
        font-size: 20px
    }

    .category-list .item.promotion .promo-title .txt {
        font-size: 18px
    }

    .contacts-list .item {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }

    .contacts-list .block-info {
        height: auto;
        min-height: 270px
    }

    .contacts-list .block-accord {
        display: none
    }

    .page-title .pt-feedback .title-wrap {
        margin-right: 50px
    }

    .page-title .pt-feedback .ttl {
        display: block
    }

    .page-title .pt-feedback .txt {
        display: block;
        margin-top: 4px
    }

    .page-title.expanded .h1 {
        font-size: 24px
    }

    .prod-card-list.table table .th-vendor {
        width: 8%
    }

    .prod-card-list.table table .th-title {
        width: 32%
    }

    .prod-card-list.table table .th-price {
        width: 20%
    }

    .prod-card-list.table table .th-basket {
        width: 22%
    }

    .prod-card-list.table table .th-controls {
        width: 12%
    }

    .catalog-page .prod-card-list.table table .th-vendor {
        width: 8%
    }

    .catalog-page .prod-card-list.table table .th-title {
        width: 33%
    }

    .catalog-page .prod-card-list.table table .th-price {
        width: 17%
    }

    .catalog-page .prod-card-list.table table .th-basket {
        width: 29%
    }

    .prod-card-list.table.headless table thead tr > * {
        width: auto
    }

    .collection-group .prod-msg .text, .prod-card-group .prod-msg .text, .prod-table-list .prod-msg .text {
        width: 780px
    }

    .news-card-wrapper {
        width: 25%
    }

    .main-slider .col_3 {
        width: 23%
    }

    .main-slider .wrap-shares {
        padding-top: 10px
    }

    .main-slider .s-pic {
        width: 100px
    }

    .main-promo .page-anchor .anch-item {
        margin-left: 50px
    }

    .main-promo .ttl {
        font-size: 16px
    }

    .main-products .wrap.not-init .slide {
        width: 33.33%
    }

    .main-services .ttl {
        padding-right: 20px;
        padding-left: 20px
    }

    .prod-card-line .pic-wrap {
        width: 15%
    }

    .prod-card-line .p-wrap {
        width: 25%
    }

    .prod-card-line .add-wrap {
        width: 25%
    }

    .prod-card-line .add-wrap .add-item + .add-item {
        margin-left: 10%
    }

    .prod-card-line .price-wrap {
        width: 18%
    }

    .prod-card-line .controls-wrap {
        width: 17%;
        padding-right: 80px
    }

    .prod-table-list table .th-pic {
        width: 7%
    }

    .prod-table-list table .th-vendor {
        width: 7%
    }

    .prod-table-list table .th-title {
        width: 20%
    }

    .prod-table-list table .th-status {
        width: 10%
    }

    .prod-table-list table .td-add, .prod-table-list table .th-add {
        display: none;
        width: 24%
    }

    .prod-table-list table .th-price {
        width: 15%
    }

    .prod-table-list table .th-basket {
        width: 11%
    }

    .prod-table-list table .th-controls {
        width: 6%
    }

    .prod-table-list table .th-color {
        text-align: center
    }

    .prod-card-table_catalog .colors-vars .wrapper-td {
        justify-content: center
    }

    .prod-card-table_catalog .prod-color__text {
        display: none
    }

    .offers-list .ttl {
        font-size: 16px
    }

    .smart-bonus {
        width: 100%;
        padding: 12px 14px
    }

    .smart-bonus .heading {
        font-size: 13px
    }

    .smart-bonus .heading + p {
        width: 80%;
        margin-top: 0;
        font-size: 11px
    }

    .product-view.grid-layout .in-stock, .product-view.grid-layout .not-available {
        margin-bottom: 29px;
        font-size: 11px
    }

    .product-view.grid-layout .params .line {
        font-size: 14px
    }

    .product-view.grid-layout .params .line .all {
        font-size: 11px
    }

    .product-view.grid-layout .params {
        margin-top: 19px
    }

    .product-view.grid-layout .text {
        font-size: 11px
    }

    .product-view.grid-layout .slider {
        flex-basis: 38%
    }

    .product-view.grid-layout .buy-view {
        flex-basis: 37%
    }

    .sl-element .discount {
        top: 211px;
        right: 125px;
        width: 56px;
        height: 56px;
        font-size: 14px
    }

    .sl-element .zoom-icon {
        top: 27px;
        right: 24px;
        transform: scale(.8)
    }

    .sl-element .video-icon {
        top: 24px;
        transform: scale(1)
    }

    .sl-element .foto360-icon {
        font-size: 20px
    }

    .sl-element .carousel-wrapper {
        height: 350px
    }

    .sl-element .carousel .sl-item {
        height: 350px
    }

    .sl-element .carousel .sl-item .pic {
        height: 350px
    }

    .sl-element .carousel .sl-item img {
        max-width: 70%
    }

    .sl-element .pager-wrapper {
        width: 417px;
        height: 78px;
        margin-top: 15px;
        padding: 0 36px
    }

    .sl-element .pager .sl-item {
        width: 78px;
        height: 78px
    }

    .sl-element .pager .sl-item.selected:before {
        width: 78px;
        height: 78px
    }

    .sl-element .pager .sl-item:before {
        width: 78px;
        height: 78px
    }

    .sl-element .next, .sl-element .prev {
        width: 14px;
        height: 14px
    }

    .sl-element .next:before, .sl-element .prev:before {
        width: 14px;
        height: 14px
    }

    .sl-element .prev {
        left: 10px
    }

    .sl-element .next {
        right: 10px
    }

    .p-crd-info {
        padding: 30px 25px
    }

    .p-crd-info__btn-wrap {
        flex-basis: 205px
    }

    .price-item__val {
        font-size: 20px
    }

    .price-item__val_new {
        font-size: 44px;
        line-height: 44px
    }

    .p-crd-info__link-txt {
        font-size: 14.5px
    }

    .add-goods__plus {
        font-size: 12px
    }

    .add-goods__txt {
        font-size: 12px
    }

    .add-goods__count {
        font-size: 12px
    }

    .related-news .wrap.not-init .slide, .related-products .wrap.not-init .slide {
        width: 33.33%
    }

    .solution-menu .link-wrap {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .solution-menu .icon {
        position: relative;
        float: none;
        margin-top: 0;
        margin-bottom: 20px
    }

    .solution-menu .ttl {
        margin-left: 0
    }

    .test-page .grid {
        -ms-grid-columns: 25% 25% 25% 25%;
        grid-template-columns:repeat(4, 25%)
    }

    .p-card-tile_sale {
        flex: 0 0 25%;
        width: 25%
    }

    .p-card-tile_catalog {
        flex: 0 0 33.3333%;
        width: 33.3333%
    }

    .infinite-slider_fourSlides.transition.move_next {
        transform: translateX(-282px)
    }

    .infinite-slider_fourSlides.transition.move_prev {
        transform: translateX(282px)
    }

    .infinite-slider_fourSlides .p-card-tile {
        flex: 0 0 auto;
        width: 282px
    }

    .infinite-slider_fourSlides .p-card-tile:nth-child(n+4) {
        opacity: 0
    }

    .infinite-slider_fiveSlides.transition.move_next {
        transform: translateX(-317px)
    }

    .infinite-slider_fiveSlides.transition.move_prev {
        transform: translateX(317px)
    }

    .infinite-slider_fiveSlides .p-card-tile {
        flex: 0 0 auto;
        width: 298px
    }

    .infinite-slider_fiveSlides .p-card-tile:nth-child(n+5) {
        opacity: 0
    }

    .header-top-menu .item .txt {
        font-size: 13px
    }

    .user-panel .item .txt {
        font-size: 13px
    }

    .user-panel .item.delivery {
        font-size: 13px
    }

    .user-panel .item.delivery .txt > span {
        display: block
    }

    .user-panel .item.search {
        width: 260px
    }

    .user-panel .sd-item.product .counter {
        width: 17%
    }

    .user-panel .sd-item.product .price {
        width: 20%;
        padding-left: 30px
    }

    .user-panel .prod-card-list.table .td-pic {
        width: 10%
    }

    .user-panel .prod-card-list.table .td-title {
        width: 35%
    }

    .user-panel .prod-card-list.table .td-price {
        width: 20%
    }

    .user-panel .prod-card-list.table .td-controls {
        width: 35%
    }

    .main-menu-2 .menu-block {
        width: 24%
    }

    .main-menu-2 .button-nav {
        width: calc(24% - 1px)
    }

    .main-menu-2 .banner-block {
        width: 76%
    }

    .main-menu-2 .item_2:before {
        width: 24%
    }

    .main-menu-2 .drop-menu_2 {
        left: 24%
    }

    .main-menu-2 .drop-menu_2.two-col .menu_level_3 {
        padding-left: 20px
    }

    .sub-menu {
        padding: 10px 20px 10px 10px
    }

    .float-lg-right {
        float: right
    }

    .prod-table-list.series-catalog.series-catalog table thead th {
        padding: 14px 5px;
        font-size: 11px
    }
}

@media (max-width: 1480px) {
    .collection-group h2 {
        font-size: 21px
    }
}

@media screen and (max-width: 1450px) {
    .prod-popup .modal-dialog {
        width: 95%;
        margin: 0 auto
    }
}

@media (max-width: 1375px) {
    .questionnaire {
        display: none
    }

    .ear-promo {
        display: none
    }
}

@media (max-width: 1280px) {
    .smart-b-brands-pic {
        max-width: 90px
    }

    .prod-table-list.list-catalog table .pic-wrap .placehold_pos {
        width: 100%;
        max-width: 100%
    }

    .no-cssgridlegacy.no-cssgrid .product-view.grid-layout .p-crd-info {
        width: auto
    }
}

@media (max-width: 1279px) {
    .category-list.list-bricks .item {
        width: 33.33%
    }

    .g-wrap table th {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 12px
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search {
        width: 260px;
        margin: 0
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .wrap-form {
        padding: 0 20px;
        border: none
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .wrap-form:hover {
        background: #fff
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: 42px;
        padding: 5px 100px 5px 10px;
        cursor: text;
        color: #000;
        border: 1px solid #dbe0e2;
        border-radius: 2px;
        background: #f6f6f6
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input:-moz-placeholder {
        opacity: 1;
        color: #adadad
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input::-moz-placeholder {
        opacity: 1;
        color: #adadad
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input:-ms-input-placeholder {
        color: #adadad
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input::-webkit-input-placeholder {
        color: #adadad
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input.placeholder {
        color: #adadad
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input:hover {
        border-color: #b8c0c3
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .input:focus {
        border-color: #5cd3cf;
        background: #fff
    }

    .fixed-panel-wrap.fixed.init .user-panel .item.search .btn-close {
        z-index: 2;
        width: 42px
    }

    .about-content .pic-map {
        padding-left: 30px
    }

    .about-content .about-statistics {
        margin-top: 40px
    }

    .about-content .about-statistics .count {
        margin-bottom: 10px
    }

    .about-range .menu .list_1 {
        width: 50%
    }

    .about-range .main-advance .ttl-wrap {
        margin-bottom: 0
    }

    .main-advance .icon {
        margin-bottom: 20px
    }

    .main-advance .ttl {
        font-size: 16px
    }

    .main-advance .item {
        padding: 10px 15px 15px
    }

    .main-advance .text {
        font-size: 12px
    }

    .basket-table tbody td, .basket-table tfoot td {
        font-size: 13px
    }

    .basket-table .td-title {
        width: 20%;
        padding-left: 0
    }

    .basket-table .td-nds {
        width: 10%
    }

    .basket-table .td-fullprice {
        font-size: 14px
    }

    .basket-table .count-btn-wrap {
        width: 120px
    }

    .basket-table .count-btn-wrap .p-count, .basket-table .count-btn-wrap .p-count-minus, .basket-table .count-btn-wrap .p-count-plus {
        height: 40px;
        line-height: 40px
    }

    .basket-table .count-btn-wrap .p-count {
        font-size: 13px
    }

    .basket-table .reserved-controls {
        font-size: 11px
    }

    .basket-table .prod-price .price-cur {
        font-size: 14px
    }

    .basket-table .tr-total .td-fullprice {
        font-size: 16px
    }

    .basket-page .grid .order-content {
        flex-basis: 50%;
        margin-left: 30px
    }

    .basket-page .grid .order-aside {
        flex-basis: 25%
    }

    .basket-page .grid .order-nav {
        flex-basis: 25%
    }

    .order-step .number {
        font-size: 60px
    }

    .order-nav .point {
        top: 3px
    }

    .order-nav .number {
        font-size: 20px
    }

    .order-nav .text {
        font-size: 13px
    }

    .order-nav .percent {
        font-size: 20px
    }

    .cabinet-manager {
        padding-right: 20px;
        padding-left: 20px
    }

    .cabinet-manager .title {
        font-size: 20px
    }

    .cabinet-manager .name {
        font-size: 16px
    }

    .cabinet-aside .ca-item {
        width: 25%
    }

    .cabinet-aside .ca-item:first-child {
        display: none
    }

    .cabinet-basket {
        padding: 25px 14px 30px
    }

    .cabinet-section {
        padding: 30px 25px 25px
    }

    .cabinet-section .section-body {
        padding-top: 25px
    }

    .orders-active table .th-number {
        width: 12%
    }

    .orders-active table .th-count {
        width: 13%
    }

    .orders-active table .th-price {
        width: 17%
    }

    .orders-active table .th-controls, .orders-active table .th-review {
        width: 23%
    }

    .orders-active table tbody td {
        font-size: 13px
    }

    .orders-active .controls-wrap button + button {
        margin-left: 12px
    }

    .cabinet-comment table td {
        font-size: 13px
    }

    .cabinet-comment .td-title {
        width: 30%
    }

    .cabinet-comment .td-rate {
        width: 30%
    }

    .cabinet-comment .td-comment {
        width: 40%
    }

    .price-banner .wrap-title {
        width: 400px;
        margin: 0 0 35px
    }

    .price-banner .title .text {
        padding-right: 0
    }

    .divisions-table table {
        display: block
    }

    .divisions-table table .th-division {
        width: auto
    }

    .divisions-table table .th-address {
        width: auto
    }

    .divisions-table table .th-contacts {
        width: auto
    }

    .divisions-table table .th-agreement {
        width: auto
    }

    .divisions-table table .th-limit {
        width: auto
    }

    .divisions-table table .th-ordering {
        width: auto
    }

    .divisions-table table .th-controls {
        width: auto
    }

    .divisions-table table thead {
        display: none
    }

    .divisions-table table tbody {
        display: block
    }

    .divisions-table table tbody tr {
        display: block;
        padding: 10px 0;
        border-radius: 4px;
        background: #f4f4f4
    }

    .divisions-table table tbody tr + tr {
        margin-top: 15px
    }

    .divisions-table table tbody td {
        display: block;
        padding: 0
    }

    .divisions-table table tbody td:after, .divisions-table table tbody td:before {
        display: table;
        content: ' '
    }

    .divisions-table table tbody td:after {
        clear: both
    }

    .divisions-table table tbody td + td {
        border-top: 1px solid #e6e6e6
    }

    .divisions-table .td-title, .divisions-table .td-val {
        float: left;
        padding: 8px 15px
    }

    .divisions-table .td-title {
        width: 30%;
        color: #666
    }

    .divisions-table .td-val {
        width: 70%
    }

    .divisions-table .controls-wrap button {
        clear: none
    }

    .divisions-table .controls-wrap button + button {
        margin-left: 25px
    }

    .cabinet-section_order-msg.cabinet-section {
        flex-direction: column;
        margin-bottom: 0;
        border: none
    }

    .cabinet-section__descr {
        margin-bottom: 30px
    }

    .cabinet-section__item_gift.order-list.cabinet-section__item {
        padding-bottom: 20px
    }

    .smart-b-note {
        padding: 20px 30px 20px 60px
    }

    .smart-b-note-wrap__credit {
        font-size: 20px;
        line-height: 1.2
    }

    .smart-b-note-wrap__credit_pos {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .smart-b-note-wrap__credit.icon-bonus:before {
        font-size: 10px
    }

    .smart-b-note-wrap__credit_pos.icon-bonus:before {
        left: -25px;
        transform: translateY(-55%)
    }

    .order-information table td {
        font-size: 13px
    }

    .order-basket .basket-table .td-count {
        width: 11%
    }

    .order-basket .basket-table .td-bonus {
        width: 16%
    }

    .order-basket .basket-table .td-fullprice {
        width: 21%
    }

    .order-basket .basket-table .prod-pic a {
        width: 40px
    }

    .order-basket .basket-table .td-gift .text {
        font-size: 15px
    }

    .order-basket .basket-table .td-gift .txt-descr {
        max-width: 300px
    }

    .order-basket .basket-table .tr-total .td-fullprice {
        font-size: 14px
    }

    .chart-report .report-filter .name {
        padding-top: 15px
    }

    .modal-report-edit .checkbox-wrap .check-box {
        border-color: #ccc;
        background: #fff
    }

    .orders-wait table {
        display: block
    }

    .orders-wait table .th-check {
        width: auto
    }

    .orders-wait table .th-number {
        width: auto
    }

    .orders-wait table .th-date {
        width: auto
    }

    .orders-wait table .th-division {
        width: auto
    }

    .orders-wait table .th-contact {
        width: auto
    }

    .orders-wait table .th-count {
        width: auto
    }

    .orders-wait table .th-price {
        width: auto
    }

    .orders-wait table .th-comment {
        width: auto
    }

    .orders-wait table .th-actions {
        width: auto
    }

    .orders-wait table thead {
        display: none
    }

    .orders-wait table tbody {
        display: block
    }

    .orders-wait table tbody tr {
        display: block;
        padding: 10px 0;
        border-radius: 4px;
        background: #f4f4f4
    }

    .orders-wait table tbody tr + tr {
        margin-top: 15px
    }

    .orders-wait table tbody td {
        display: block;
        padding: 0
    }

    .orders-wait table tbody td:after, .orders-wait table tbody td:before {
        display: table;
        content: ' '
    }

    .orders-wait table tbody td:after {
        clear: both
    }

    .orders-wait table tbody td + td {
        border-top: 1px solid #e6e6e6
    }

    .orders-wait .td-title, .orders-wait .td-val {
        float: left;
        padding: 8px 15px
    }

    .orders-wait .td-title {
        width: 30%;
        color: #666
    }

    .orders-wait .td-val {
        width: 70%
    }

    .orders-wait .checkbox-wrap .check-box {
        border-color: #ccc;
        background: #fff
    }

    .cartridges #form-cartridges {
        width: 100%
    }

    .prod-card-wrapper {
        width: 33.33%
    }

    .catalog-page .prod-card-wrapper, .collection-page .prod-card-wrapper {
        width: 50%
    }

    .catalog-page .prod-card-wrapper:nth-child(2n+1), .collection-page .prod-card-wrapper:nth-child(2n+1) {
        clear: both
    }

    .filter-view .switch-sort {
        display: none
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item {
        width: 33.33%
    }

    .category-list.list-aside .items-wrap .item {
        width: 50%
    }

    .contacts-list .wrap {
        padding-right: 0
    }

    .contacts-list .block-pic {
        display: none
    }

    .contacts-list .manager-item {
        float: none;
        width: auto
    }

    .contacts-list .m-wrap {
        padding: 25px 0
    }

    .contacts-list .m-pic {
        width: 80px;
        height: 80px
    }

    .contacts-list .m-info {
        height: 80px
    }

    .contacts-list .part {
        position: relative;
        top: 50%;
        float: left;
        width: 50%;
        padding: 0 20px;
        transform: translateY(-50%)
    }

    .contacts-list .m-status {
        margin-bottom: 0
    }

    .page-title .pt-wrap .pt-wrap_i {
        padding-top: 28px;
        padding-right: 20px;
        padding-bottom: 22px
    }

    .page-title .pt-feedback .btn-wrap, .page-title .pt-feedback .title-wrap, .page-title .pt-feedback .ttl, .page-title .pt-feedback .txt {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0
    }

    .page-title .pt-product-share .sharing {
        display: flex
    }

    .page-title .pt-product-share .sharing .list {
        display: none
    }

    .page-title .pt-product-share .sharing .btn-share {
        align-self: center
    }

    .page-title .pt-product-share .sharing.no-modal .list {
        display: block
    }

    .page-title.extend .pt-additional {
        flex: 1.2
    }

    .page-title.extend.type-2 .pt-additional {
        flex: .7
    }

    .page-title.expanded .pt-product-share .sharing__wrap {
        display: none
    }

    .catalog-page .caption.vertical {
        display: block
    }

    .catalog-page .caption.vertical .pic {
        margin-bottom: 30px
    }

    .catalog-page .caption.vertical .text {
        padding-left: 0
    }

    .prod-card-list.table table .th-vendor {
        width: 10%
    }

    .prod-card-list.table table .th-title {
        width: 30%
    }

    .prod-card-list.table table .th-price {
        width: 15%
    }

    .prod-card-list.table table .th-basket {
        width: 29%
    }

    .prod-card-list.table table .th-controls {
        width: 8%
    }

    .prod-card-list.table .prod-card .p-price .p-price-cur {
        margin-right: 0
    }

    .catalog-page .prod-card-list.table table .th-vendor {
        width: 8%
    }

    .catalog-page .prod-card-list.table table .th-title {
        width: 27%
    }

    .catalog-page .prod-card-list.table table .th-price {
        width: 25%
    }

    .catalog-page .prod-card-list.table table .th-basket {
        width: 24%
    }

    .catalog-page .prod-card-list.table table .th-controls {
        width: 8%
    }

    .collection-group .prod-msg .text, .prod-card-group .prod-msg .text, .prod-table-list .prod-msg .text {
        width: 480px
    }

    .news-card-wrapper {
        width: 33.33%
    }

    .main-slider .col_1 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }

    .main-slider .col_2 {
        width: 100%;
        padding-left: 15px
    }

    .main-slider .col_3 {
        order: 1;
        width: 30%
    }

    .main-slider .cart-item {
        padding-top: 10px
    }

    .main-slider .promo-menu {
        padding: 10px 0 20px
    }

    .main-slider .s-item {
        padding-right: 30px;
        padding-left: 20px
    }

    .main-promo .title-differ .differ-wrap {
        float: none
    }

    .main-promo .page-anchor {
        display: none
    }

    .main-promo .item {
        width: 33.33%
    }

    .main-products .promo-block .item {
        float: left;
        width: 50%
    }

    .main-products .promo-block .item + .item {
        margin-top: 0
    }

    .main-solutions .item {
        width: 33.33%
    }

    .main-services .item {
        width: 33.33% !important;
        margin: 0 !important;
        border-right: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7
    }

    .main-services .ttl {
        padding-right: 40px;
        padding-left: 40px
    }

    .prod-card-line .pic-wrap {
        width: 12%
    }

    .prod-card-line .p-wrap {
        width: 28%;
        padding-right: 10px
    }

    .prod-card-line .add-wrap {
        width: 20%
    }

    .prod-card-line .add-wrap .add-item + .add-item {
        margin-top: 10px;
        margin-left: 0
    }

    .prod-card-line .price-wrap {
        width: 20%
    }

    .prod-card-line .controls-wrap {
        width: 20%
    }

    .prod-table-list table .th-pic {
        width: 7%
    }

    .prod-table-list table .th-vendor {
        width: 9%
    }

    .prod-table-list table .th-title {
        width: 20%
    }

    .prod-table-list table .th-status {
        width: 12%
    }

    .prod-table-list table .td-add, .prod-table-list table .th-add {
        width: 18%
    }

    .prod-table-list table .th-price {
        width: 17%
    }

    .prod-table-list table .th-basket {
        width: 12%
    }

    .prod-table-list table .th-controls {
        width: 5%
    }

    .prod-table-list.list-catalog .th-add, .prod-table-list.series-catalog .th-add {
        display: none
    }

    .prod-card-table .p-vendor {
        font-size: 13px
    }

    .prod-card-table .title-wrap a {
        font-size: 13px
    }

    .prod-card-table .add-wrap {
        flex-direction: column
    }

    .prod-card-table .add-wrap .add-item {
        float: none;
        margin-left: 0;
        text-align: center;
        font-size: 13px
    }

    .prod-card-table .add-wrap .add-item + .add-item {
        margin-top: 10px
    }

    .prod-card-table .price-wrap .price-cur .price-cur-inner {
        font-size: 15px
    }

    .prod-card-table .controls-basket .sale-block {
        margin-left: 0 !important
    }

    .offers-list .item {
        width: 33.33%
    }

    .offers-list .item.width-2 {
        width: 66.66%
    }

    .sale-block-i:before {
        left: 50%
    }

    .sale-block {
        left: 50%;
        width: 300px;
        margin-left: -150px
    }

    .smart-bonus {
        margin-bottom: 15px
    }

    .product-view.grid-layout .buy-view .offers {
        display: none
    }

    .product-view.grid-layout .in-stock, .product-view.grid-layout .not-available {
        margin-bottom: 22px
    }

    .product-view.grid-layout .params {
        margin-top: 50px
    }

    .product-view.grid-layout .params .line.link {
        margin-top: 28px
    }

    .product-view.grid-layout .params {
        margin-top: 50px
    }

    .product-view.grid-layout {
        flex-direction: row;
        justify-content: space-between;
        height: auto
    }

    .product-view.grid-layout .slider {
        flex-basis: 55%;
        flex-grow: 0;
        flex-shrink: 0;
        order: 0;
        width: 55%;
        height: auto
    }

    .product-view.grid-layout .in-stock {
        flex-basis: 100%
    }

    .product-view.grid-layout .buy-view {
        flex-basis: 42%;
        flex-grow: 0;
        flex-shrink: 0;
        order: 1
    }

    .product-view.grid-layout .smart-wrap {
        flex-basis: 100%;
        order: 2
    }

    .product-view.grid-layout .smart-bonus {
        order: 3
    }

    .product-view.grid-layout .smart-bonus_pos {
        margin-top: 0
    }

    .product-view.grid-layout .details {
        flex-basis: 100%;
        order: 4
    }

    .product-view.grid-layout .params_i {
        -moz-column-count: 2;
        column-count: 2
    }

    .product-view.grid-layout .offers.second {
        order: 5
    }

    .product-view.grid-layout {
        column-gap: 3%;
        -ms-grid-columns: 55% 42%;
        grid-template-columns:55% 42%;
        grid-template-rows:auto auto auto auto
    }

    .product-view.grid-layout .slider {
        width: 100%;
        grid-area: slider;
        -ms-grid-column: 1;
        grid-column: 1/2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        grid-row: 1/4;
        -ms-grid-row-span: 3
    }

    .product-view.grid-layout .smart-wrap {
        -ms-grid-column: 2;
        grid-column: 2/3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 1;
        grid-row: 1/2;
        -ms-grid-row-span: 1;
        justify-self: auto
    }

    .product-view.grid-layout .smart-bonus {
        -ms-grid-column: 2;
        grid-column: 2/3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        grid-row: 2/3;
        -ms-grid-row-span: 1;
        justify-self: start
    }

    .product-view.grid-layout .smart-bonus_pos {
        margin-top: 0
    }

    .product-view.grid-layout .buy-view {
        grid-area: buy;
        -ms-grid-column: 2;
        grid-column: 2/3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        grid-row: 3/4;
        -ms-grid-row-span: 1
    }

    .product-view.grid-layout .buy-view_not-avail {
        -ms-grid-row: 2;
        grid-row: 2/4;
        -ms-grid-row-span: 2
    }

    .product-view.grid-layout .details {
        -ms-grid-column: 1;
        grid-column: 1/3;
        -ms-grid-column-span: 2;
        -ms-grid-row: 4;
        grid-row: 4/5;
        -ms-grid-row-span: 1;
        justify-self: auto
    }

    .product-view.grid-layout .details .params_i {
        margin-left: 0
    }

    .product-view.grid-layout .offers {
        grid-area: offers;
        -ms-grid-column: 1;
        grid-column: 1/3;
        -ms-grid-column-span: 2;
        -ms-grid-row: 5;
        grid-row: 5/6;
        -ms-grid-row-span: 1
    }

    .product-view.grid-layout_not-available {
        grid-template-rows:50px auto auto auto !important
    }

    .product-view.grid-layout_not-available .buy-view {
        -ms-grid-row: 2;
        grid-row: 2/4;
        -ms-grid-row-span: 2
    }

    .sl-element .discount {
        right: 140px
    }

    .sl-element .pager-wrapper {
        margin-top: 25px
    }

    .p-crd-info__count-control {
        flex-basis: 100%
    }

    .p-crd-info__btn-wrap {
        flex-basis: 164px
    }

    .p-crd-info__add-goods_mt {
        margin-top: 20px
    }

    .p-crd-info__delivery_mt {
        margin-top: 20px
    }

    .p-crd-info__delivery_pos {
        flex-basis: 100%;
        justify-content: flex-start
    }

    .add-goods_mt {
        margin-bottom: 5px
    }

    .p-crd-info__text {
        font-size: 33px
    }

    .basket-tabs .nav-tabs li .tab-head, .product-tabs .nav-tabs li .tab-head {
        padding-right: 18px;
        padding-left: 18px
    }

    .solution-menu .link-wrap {
        padding-right: 20px;
        padding-left: 20px
    }

    .solution-menu .ttl {
        font-size: 16px;
        line-height: 1.2
    }

    .tm-gallery .item {
        float: left;
        width: 33.33%
    }

    .sl-trademarks .slide {
        flex: 0 0 212.5px;
        width: 212.5px
    }

    .test-page .grid {
        -ms-grid-columns: 33.33% 33.33% 33.33%;
        grid-template-columns:repeat(3, 33.3333%)
    }

    .p-card-tile_sale {
        flex: 0 0 33.3333%;
        width: 33.3333%
    }

    .p-card-tile_catalog {
        flex: 0 0 50%;
        width: 50%
    }

    .p-card-tile_countDown {
        padding: 10px 0 0
    }

    .infinite-slider_fourSlides.transition.move_next {
        transform: translateX(-326px)
    }

    .infinite-slider_fourSlides.transition.move_prev {
        transform: translateX(326px)
    }

    .infinite-slider_fourSlides .p-card-tile {
        flex: 0 0 auto;
        width: 326px
    }

    .infinite-slider_fiveSlides.transition.move_next {
        transform: translateX(-326px)
    }

    .infinite-slider_fiveSlides.transition.move_prev {
        transform: translateX(326px)
    }

    .infinite-slider_fiveSlides .p-card-tile {
        flex: 0 0 auto;
        width: 301px
    }

    .infinite-slider_fiveSlides .p-card-tile:nth-child(n+4) {
        opacity: 0
    }

    .header-top-menu .item .txt.differ .ttl {
        display: none
    }

    .header-top-menu .item .txt.differ .wrap-descr span {
        display: block
    }

    .header-top-menu .item .txt.differ .wrap-descr span + span {
        margin-left: 0;
        padding-left: 0
    }

    .header-top-menu .item .txt.differ .wrap-descr span + span:before {
        display: none
    }

    .header-top-menu .city-list {
        width: 33.33%
    }

    .header-top-menu .contact-item .title {
        float: none
    }

    .logo-block .pic img {
        width: 180px
    }

    .user-panel .item .wrap-link {
        padding: 0 22px 0 16px
    }

    .user-panel .item.basket .txt {
        display: none
    }

    .user-panel .item.cabinet {
        padding: 0 24px
    }

    .user-panel .item.delivery {
        padding: 0 24px
    }

    .user-panel .item.search {
        width: 68px;
        margin-left: 30px
    }

    .user-panel .item.search .wrap-form {
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7
    }

    .user-panel .item.search .wrap-form:not(.opened) {
        padding-right: 0;
        padding-left: 0
    }

    .user-panel .item.search .wrap-form:not(.opened):hover {
        background: #efefef
    }

    .user-panel .item.search .wrap-form:not(.opened) .input {
        overflow: hidden;
        height: 74px;
        padding-right: 66px;
        padding-left: 0;
        cursor: pointer;
        color: transparent;
        border-color: transparent;
        background: 0 0
    }

    .user-panel .item.search .wrap-form:not(.opened) .input:-moz-placeholder {
        opacity: 1;
        color: transparent
    }

    .user-panel .item.search .wrap-form:not(.opened) .input::-moz-placeholder {
        opacity: 1;
        color: transparent
    }

    .user-panel .item.search .wrap-form:not(.opened) .input:-ms-input-placeholder {
        color: transparent
    }

    .user-panel .item.search .wrap-form:not(.opened) .input::-webkit-input-placeholder {
        color: transparent
    }

    .user-panel .item.search .wrap-form:not(.opened) .input.placeholder {
        color: transparent
    }

    .user-panel .item.search .wrap-form:not(.opened) .btn-close {
        top: 50%;
        width: 66px;
        transform: translateY(-50%)
    }

    .user-panel .item.search .input {
        z-index: 2
    }

    .user-panel .item.search .btn-close {
        z-index: 1
    }

    .user-panel .search-dropdown .wrap-list {
        max-height: 440px
    }

    .user-panel .sd-item.product .pic {
        width: 13%;
        height: 50px
    }

    .user-panel .sd-item.product .ttl {
        width: 28%;
        padding-right: 10px;
        padding-left: 0
    }

    .user-panel .sd-item.product .ttl-name, .user-panel .sd-item.product .ttl-name a {
        font-size: 13px
    }

    .user-panel .sd-item.product .ttl-manufacturer {
        font-size: 13px
    }

    .user-panel .sd-item.product .ttl-descr {
        font-size: 13px
    }

    .user-panel .sd-item.product .counter {
        width: 18%
    }

    .user-panel .sd-item.product .counter-input, .user-panel .sd-item.product .counter-minus, .user-panel .sd-item.product .counter-plus {
        height: 38px;
        line-height: 38px
    }

    .user-panel .sd-item.product .counter-input {
        font-size: 13px
    }

    .user-panel .sd-item.product .price {
        width: 21%;
        padding-left: 20px
    }

    .user-panel .sd-item.product .price-new {
        font-size: 15px
    }

    .container-form .user-panel .sd-item.product .btn-wrap input[type=submit], .user-panel .sd-item.product .btn-wrap .btn, .user-panel .sd-item.product .btn-wrap .container-form input[type=submit] {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .user-panel .prod-card-list.table .prod-card .p-title a {
        font-size: 13px
    }

    .user-panel .prod-card-list.table .td-pic {
        width: 10%
    }

    .user-panel .prod-card-list.table .td-title {
        width: 30%
    }

    .user-panel .prod-card-list.table .td-price {
        width: 20%
    }

    .user-panel .prod-card-list.table .td-controls {
        width: 40%
    }

    .main-menu-2 .menu-block {
        width: 26%
    }

    .main-menu-2 .button-nav {
        width: calc(26% - 1px)
    }

    .main-menu-2 .banner-block {
        width: 74%
    }

    .main-menu-2 .item_2:before {
        width: 26%
    }

    .main-menu-2 .item_2 > a, .main-menu-2 .item_2 > span {
        padding-left: 20px;
        font-size: 13px
    }

    .main-menu-2 .drop-menu_2 {
        left: 26%
    }

    .main-menu-2 .drop-menu_2.two-col .menu_level_3 {
        padding-right: 20px;
        padding-left: 15px
    }

    .main-menu-2 .drop-menu_2.two-col .promo-pic {
        width: 38%
    }

    .main-menu-2 .item_3 > a, .main-menu-2 .item_3 > span {
        font-size: 13px
    }

    .sub-menu .item_1 + .item_1 {
        margin-left: 12px
    }

    .sub-menu .item_1 > a, .sub-menu .item_1 > span {
        font-size: 12px
    }

    .menu-foot {
        margin-bottom: 40px;
        padding-bottom: 30px
    }

    .menu-foot .item_1 > a, .menu-foot .item_1 > span {
        font-size: 14px
    }

    .categories-list__cell {
        width: 33.33%
    }
}

@media (max-width: 1279px) and (max-width: 767px) {
    .product-view.grid-layout_not-available .buy-view {
        display: none
    }
}

@media (max-width: 1279px) {
    .table-responsive.service-points th {
        font-size: 13px !important
    }

    .table-responsive.service-points th.route {
        display: none
    }

    .table-responsive.service-points td.route {
        display: none
    }

    .table-responsive.service-points .btn-map {
        width: 155px
    }

    .single-solution__left {
        height: auto
    }

    .single-solution__left .solution-nav {
        height: auto
    }

    .single-solution__left .solution-nav__list {
        height: auto
    }
}

@media screen and (max-width: 1023px) {
    .cartridges #form-cartridges .form-group {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .cartridges #form-cartridges .form-group:first-child {
        width: 100%
    }

    .cartridges #form-cartridges .form-group + .form-group {
        margin-left: 0
    }

    .news-card-wrapper {
        width: 50%;
        height: auto;
        margin-top: 22px;
        padding-top: 0;
        padding-bottom: 0
    }

    .prod-table-list table .pic-wrap .placehold_pos {
        max-width: 120px
    }

    .main-slide {
        display: block
    }

    .main-slide__bg.main-slide__bg {
        position: static;
        height: auto;
        min-height: 33vw
    }

    .main-slide__content {
        width: 100%;
        min-width: 0;
        padding: 15px 20px 20px
    }

    .main-slide__title {
        margin-bottom: 10px
    }

    .g-main--w-aside .g-main_c {
        width: 100%
    }

    .related-products .sl-nav_mob {
        position: absolute;
        z-index: 130;
        top: calc(50% - 20px);
        left: 0;
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .related-products .infinite-slider {
        padding-bottom: 20px
    }

    .page-title.page-title_basket-ext .pt__head .pt-message-wrap {
        display: none
    }

    .popup-head .popup-head__val_counter {
        display: none
    }

    .popup-head .popup__head_item:not(:last-child) {
        margin-right: 10px
    }

    .popup-head .popup-head__count-control {
        margin-right: 0
    }

    .popup-body__foto {
        margin-top: 20px
    }

    .popup-body__content, .popup-body__foto {
        width: 100%
    }

    #product-accordion-panel-8 .title-differ {
        display: none
    }

    .prod-table-list tbody.descktop-table {
        display: none
    }

    .prod-table-list tbody.infinite-slider_forTable {
        display: flex !important;
        margin: 0 -15px
    }

    .prod-table-list tbody.infinite-slider_forTable .prod-card-table {
        flex: 0 0 345px;
        margin: 0 15px;
        border: 1px solid #e7e7e7
    }

    .prod-table-list tbody.infinite-slider_forTable .prod-card-table:nth-child(n+3) {
        opacity: 0 !important
    }

    .prod-table-list tbody.infinite-slider_forTable .prod-card-table:hover {
        background: 0 0
    }

    .prod-table-list tbody.infinite-slider_forTable .prod-card-table td {
        display: block;
        border-top: none
    }

    .menu-foot:before {
        display: block
    }

    .category-list.list-bricks .item {
        width: 50%
    }

    .text-content img {
        width: 100% !important;
        height: auto !important
    }

    .lead {
        margin-top: 0;
        font-size: 17px
    }

    .g-header {
        position: fixed;
        z-index: 1010;
        top: 64px;
        left: 0;
        width: 100%
    }

    .g-header-desk {
        display: none
    }

    .btn-scroll-on .g-footer {
        padding-bottom: 30px
    }

    .g-footer .g-footer_i {
        padding-top: 0;
        border-top: none
    }

    .content-404 .big-title {
        font-size: 180px
    }

    .about-content .pic-map {
        padding: 0
    }

    .about-content .about-statistics {
        margin-bottom: 60px
    }

    .about-content .about-statistics .count {
        margin-bottom: 15px;
        font-size: 36px
    }

    .about-content .about-statistics .text {
        font-size: 16px
    }

    .about-range .menu {
        margin-bottom: 30px
    }

    .about-range .main-advance .item {
        padding-right: 0;
        padding-left: 0
    }

    .main-about:before {
        display: none
    }

    .main-about .text {
        padding: 10px 20px;
        text-align: left
    }

    .content-video iframe {
        width: 100%;
        height: 360px
    }

    .main-advance .item {
        float: none;
        width: auto;
        padding: 10px 20px;
        transition: none;
        border: 0 !important;
        border-bottom: 1px solid #dbe0e2 !important
    }

    .main-advance .item:last-child {
        border-bottom: 0 !important
    }

    .main-advance .ttl-wrap {
        height: auto;
        margin-bottom: 10px;
        line-height: 30px
    }

    .main-advance .icon {
        position: absolute;
        top: 0;
        height: 30px
    }

    .main-advance .icon svg {
        width: 35px !important;
        height: 35px !important
    }

    .main-advance .ttl {
        display: inline-block;
        min-height: inherit;
        max-height: none;
        margin-left: 50px;
        font-size: 14px;
        line-height: 1.2
    }

    .sl-nav_descktop {
        display: none
    }

    .basket-page .basket-tabs {
        display: none
    }

    .basket-delivery .delivery-info {
        text-align: left
    }

    .basket-table {
        margin-bottom: 30px
    }

    .basket-table .table-wrap {
        display: none
    }

    .basket-table .delivery-info {
        text-align: left
    }

    .sel-gift-area {
        flex-direction: column;
        padding: 25px 15px 33px;
        border-right: 1px solid #e7e7e7;
        border-left: 1px solid #e7e7e7
    }

    .sel-gift-area__txt {
        margin-top: 15px
    }

    .sel-gift-area__ttl {
        flex-basis: calc(100% - 33px);
        flex-grow: 0;
        flex-shrink: 0
    }

    .sel-gift-area__gift-ic.descktop {
        display: none
    }

    .sel-gift-area__gift-ic.mob {
        display: block;
        flex: 0 0 33px
    }

    .sel-gift-area-btns_pos {
        margin-top: 40px
    }

    .basket-controls .btn-index-default {
        min-width: 70px
    }

    .basket-controls .btn-index-default span {
        display: none
    }

    .basket-page .grid {
        flex-direction: column
    }

    .basket-page .grid .order-content {
        flex-grow: 1;
        order: 1;
        margin-right: 0;
        margin-left: 0
    }

    .basket-page .grid .order-nav {
        flex-basis: auto;
        order: 0;
        margin-bottom: 30px
    }

    .smart-banner {
        max-width: none
    }

    .order-nav {
        margin-right: -100px;
        margin-left: -100px
    }

    .order-nav .step {
        float: left;
        width: 33.33%;
        min-height: inherit;
        padding: 0;
        text-align: center
    }

    .order-nav .step.active .indicator:before {
        background: linear-gradient(to right, #458381 0, #ccc 50%)
    }

    .order-nav .indicator {
        position: relative;
        width: 100%;
        height: 40px;
        margin-bottom: 10px
    }

    .order-nav .indicator:before {
        top: 50%;
        left: 50%;
        width: 100%;
        height: 2px;
        margin-top: -1px
    }

    .order-nav .point {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .order-nav .wrap {
        display: inline-block;
        padding: 0 10px
    }

    .order-nav .number {
        margin-right: 0;
        font-size: 24px
    }

    .order-nav .text {
        display: none
    }

    .order-nav .percent {
        display: none
    }

    .modal-ordered .info-block {
        display: none
    }

    .cabinet-menu .item_1 {
        padding: 20px 0
    }

    .cabinet-menu .item_1.active {
        border: none
    }

    .cabinet-menu .item_1 + .item_1 {
        border-top: 1px solid #e7e7e7
    }

    .cabinet-menu .item_1 + .item_1.active {
        border: none
    }

    .cabinet-menu .item_1:first-child.active + .item_1 {
        border: none
    }

    .cabinet-menu .item_1 > a, .cabinet-menu .item_1 > span:not(.indicator) {
        display: block;
        overflow: hidden
    }

    .cabinet-menu .item_1.active {
        padding: 0
    }

    .cabinet-menu .item_1.active > a, .cabinet-menu .item_1.active > span {
        display: none
    }

    .cabinet-menu .item_1 .indicator {
        display: block
    }

    .cabinet-menu .item_1.smartbonus > a, .cabinet-menu .item_1.smartbonus > span {
        color: #74368f
    }

    .cabinet-manager {
        display: none
    }

    .prod-card.collection .p-pic.collection-photos {
        padding-right: 15px;
        padding-left: 15px
    }

    .prod-card.collection .p-pic .p-pic-link.js-hover-trg {
        min-width: 25%;
        height: 120px
    }

    .prod-card.collection .c-btn-wrap_mod.c-btn-wrap {
        padding-right: 15px;
        padding-left: 15px
    }

    .cabinet-content {
        margin-bottom: 0
    }

    .cabinet-section .acc-link {
        padding-left: 50px;
        cursor: pointer;
        user-select: none
    }

    .orders-active table {
        display: block
    }

    .orders-active table .th-number {
        width: auto
    }

    .orders-active table .th-date {
        width: auto
    }

    .orders-active table .th-count {
        width: auto
    }

    .orders-active table .th-price {
        width: auto
    }

    .orders-active table .th-division, .orders-active table .th-status {
        width: auto
    }

    .orders-active table .th-controls, .orders-active table .th-review {
        width: auto
    }

    .orders-active table thead {
        display: none
    }

    .orders-active table tbody {
        display: block;
        margin-right: -15px;
        margin-left: -15px
    }

    .orders-active table tbody:after, .orders-active table tbody:before {
        display: table;
        content: ' '
    }

    .orders-active table tbody:after {
        clear: both
    }

    .orders-active table tbody tr {
        display: block;
        float: left;
        width: 50%;
        margin-bottom: 15px;
        padding-right: 15px;
        padding-left: 15px
    }

    .orders-active table tbody tr.wait-order td {
        background: #fff1e6
    }

    .orders-active table tbody td {
        display: block;
        padding: 0;
        background: #f4f4f4
    }

    .orders-active table tbody td:after, .orders-active table tbody td:before {
        display: table;
        content: ' '
    }

    .orders-active table tbody td:after {
        clear: both
    }

    .orders-active table tbody td:first-child {
        padding-top: 7px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .orders-active table tbody td.td-controls, .orders-active table tbody td.td-review {
        padding-bottom: 7px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .orders-active .td-title, .orders-active .td-val {
        float: left;
        width: 50%;
        padding: 5px 12px
    }

    .orders-active .review-link {
        display: none
    }

    .orders-active .controls-wrap button {
        margin-right: 8px
    }

    .orders-active .controls-wrap button + button {
        margin-left: 15px
    }

    .cabinet-comment table {
        display: block
    }

    .cabinet-comment table tbody {
        display: block
    }

    .cabinet-comment table tr {
        display: block
    }

    .cabinet-comment table tr + tr {
        border-top: 1px solid #e7e7e7
    }

    .cabinet-comment table td {
        display: block;
        font-size: 14px
    }

    .cabinet-comment table td:first-child {
        padding-top: 20px
    }

    .cabinet-comment table td:last-child {
        padding-bottom: 20px
    }

    .cabinet-comment .td-title {
        width: auto;
        text-align: center
    }

    .cabinet-comment .td-rate {
        width: auto
    }

    .cabinet-comment .td-comment {
        width: auto;
        text-align: center
    }

    .cabinet-comment .comment-text {
        padding-right: 10px;
        padding-left: 10px
    }

    .rate-input .star + .star {
        margin-left: 16px
    }

    .order-information .td-title {
        width: 45%
    }

    .order-information .td-text {
        width: 55%
    }

    .container-form .personal-information .btn-controls input[type=submit], .personal-information .btn-controls .btn, .personal-information .btn-controls .container-form input[type=submit] {
        opacity: 1
    }

    .filter-params:not(.mob) {
        display: none
    }

    .catalog-page .prod-card-list {
        margin-bottom: 50px
    }

    .collection-page .prod-card-list {
        margin-bottom: 30px
    }

    .prod-card-list.single {
        margin-top: 0;
        margin-bottom: 30px
    }

    .prod-card-list.single .prod-card-wrapper {
        width: 50%
    }

    .prod-card-wrapper {
        width: 50%;
        height: auto;
        margin-top: 22px;
        padding-top: 0;
        padding-bottom: 0
    }

    .prod-card-wrapper:nth-child(2n+1) {
        clear: both
    }

    .prod-card {
        height: auto;
        padding: 20px 15px 15px
    }

    .prod-card .p-descr, .prod-card .p-manufacturer, .prod-card .p-markers {
        display: none
    }

    .prod-card .p-mark-preview {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    .prod-card .p-mark-preview .el-mark {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .prod-card .p-mark-preview .el-mark:nth-child(1) {
        left: auto
    }

    .prod-card .p-mark-preview .el-mark:not(.sale) {
        display: none
    }

    .prod-card .p-controls {
        display: block;
        float: right
    }

    .prod-card .p-controls a {
        opacity: 1;
        transform: none
    }

    .prod-card .p-controls a.zoom {
        display: none
    }

    .prod-card .p-pic {
        float: left;
        width: 200px;
        margin: 0 0 10px;
        padding: 0
    }

    .prod-card .p-pic .p-pic-link {
        width: 100px;
        height: 100px;
        margin-left: 0
    }

    .prod-card .p-pic .p-pic-link img {
        left: 0;
        transform: translate(0, -50%)
    }

    .prod-card .p-wrap {
        clear: both;
        overflow: hidden;
        width: auto;
        margin-bottom: 25px;
        padding: 0
    }

    .prod-card .p-price, .prod-card .p-title {
        padding: 0
    }

    .prod-card .p-title {
        width: 75%;
        margin-bottom: 10px
    }

    .prod-card .p-title a {
        min-height: 3.6em;
        max-height: 3.6em;
        font-size: 14px
    }

    .prod-card .p-price .p-price-cur {
        cursor: pointer;
        font-size: 16px
    }

    .prod-card .p-price .p-price-cur.sale .cur, .prod-card .p-price .p-price-cur.sale .val {
        display: inline-block;
        line-height: 1.2
    }

    .prod-card .p-btn-wrap {
        position: static
    }

    .prod-card .prod-wrap {
        height: auto
    }

    .prod-card.xs .p-wrap {
        overflow: hidden
    }

    .filter-view .wrap-params {
        width: 19%
    }

    .filter-view .btn-params {
        padding: 0
    }

    .filter-view .switch-view {
        flex-grow: 1
    }

    .filter-view .switch-view .item.collection {
        margin: auto;
        padding: 0
    }

    .filter-view .wrap-sort:not(.single) {
        width: 22%
    }

    .filter-view .wrap-sort.single .btn-sort {
        padding: 0 20px
    }

    .filter-view .wrap-sort .btn-sort {
        padding: 0
    }

    .prod-table-list table thead {
        display: table-header-group
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item {
        width: 50%
    }

    .category-list.list-bricks.list-aside {
        margin-bottom: 30px
    }

    .params-tab {
        padding-top: 0
    }

    .params-tab table {
        border: none
    }

    .params-tab table td {
        font-size: 14px
    }

    .product-tabs .comments {
        padding-top: 0
    }

    .comments .form-comment .rate .star + .star {
        margin-left: 16px
    }

    .comments .reply-list {
        padding-left: 80px
    }

    .document-list {
        padding-top: 0
    }

    .contacts-list {
        margin-bottom: 0
    }

    .contacts-list .item {
        margin-bottom: 0
    }

    .contacts-list .item_i {
        padding-bottom: 20px;
        border: none
    }

    .contacts-list .block-info {
        min-height: inherit;
        padding: 0
    }

    .contacts-list .line {
        padding-right: 10px
    }

    .contacts-list .line a {
        font-size: 14px
    }

    .contacts-list .block-btn .btn-map {
        display: none
    }

    .contacts-list .block-btn .btn-contacts {
        overflow: inherit;
        height: auto;
        margin-top: 25px;
        padding: 4px 50px 4px 45px;
        line-height: 1.2
    }

    .contacts-list .block-btn .btn-contacts:before {
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
        width: .9em;
        height: .6em;
        margin-top: 1px;
        content: ' ';
        transform: translateY(-50%) rotate(-90deg);
        background-image: url(/local/templates/html/images/sprite_svg.svg?r=3981500178);
        background-repeat: no-repeat;
        background-position: -.2em -234.3em;
        background-size: 5.7em 585.5em;
        font-size: 10px
    }

    .no-svg .contacts-list .block-btn .btn-contacts:before {
        background-image: url(/local/templates/html/images/sprite_svg.png?r=3981500178)
    }

    .contacts-list .block-btn .btn-contacts .icon {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .contacts-list .block-btn .btn-contacts .txt {
        display: block;
        font-size: 14px;
        line-height: 1.3
    }

    .contacts-list .manager-accord {
        transition: none
    }

    .contacts-list .manager-item .m-line a {
        font-size: 14px
    }

    .contacts-list .m-info {
        height: auto
    }

    .contacts-list .block-accord {
        transition: none
    }

    .modal-map.vertical-center .modal-dialog {
        padding-top: 0;
        padding-bottom: 0
    }

    .delivery-schedule {
        max-width: none
    }

    .page-title_cabinet-order {
        padding-bottom: 15px
    }

    .page-title:before {
        border-top: none
    }

    .page-title .pt-wrap .pt-wrap_i {
        padding-right: 0
    }

    .page-title .pt-additional {
        padding-bottom: 0
    }

    .page-title .pt-banner:before {
        display: block
    }

    .page-title .pt-banner .banner-link {
        float: none
    }

    .page-title .pt-banner img {
        margin: 0 auto
    }

    .page-title .pt-feedback .feedback-wrap {
        text-align: center
    }

    .page-title .pt-feedback .ttl {
        font-size: 18px
    }

    .page-title .pt-product-share:before {
        display: block
    }

    .page-title .pt-product-share .sharing {
        padding-top: 20px;
        padding-bottom: 20px;
        background: 0 0
    }

    .page-title .pt-product-share .sharing.no-modal {
        float: none;
        padding: 10px 0;
        border: none;
        background: 0 0
    }

    .page-title .pt-product-share .sharing.no-modal .list {
        text-align: center
    }

    .page-title .pt-product-share .sharing.no-modal a {
        display: inline-block;
        float: none;
        margin: 0 8px;
        vertical-align: top
    }

    .page-title .pt-product-share .rate {
        float: left;
        padding-top: 17px;
        padding-right: 0;
        padding-left: 0;
        border: none;
        background: 0 0
    }

    .page-title .pt-links {
        display: none
    }

    .page-title.extend {
        display: block
    }

    .page-title.extend:before {
        display: none
    }

    .page-title.extend .pt-wrap:before {
        display: block
    }

    .page-title.extend .pt-additional {
        padding-top: 0
    }

    .page-title.page-title_basket-ext .pt__bottom .pt-message-wrap {
        padding-bottom: 10px
    }

    .page-title.page-title_basket-ext .pt__bottom .pt-message-wrap:after {
        position: absolute;
        z-index: 1;
        bottom: -5px;
        left: -50%;
        width: 200%;
        height: 1px;
        content: '';
        background-color: #e7e7e7
    }

    .page-title.expanded .h1 {
        font-size: 18px
    }

    .page-title.expanded .labels .item {
        height: 18px;
        margin-right: 7px;
        font-size: 9px;
        line-height: 18px
    }

    .page-title.expanded .pt-product-share .rate .count {
        padding-top: 10px
    }

    .btn-status span:not(.icon) {
        display: none
    }

    .caption.vertical .pic {
        margin-bottom: 30px
    }

    .prod-card.collection .c-btn-wrap {
        position: static
    }

    .prod-card.collection .p-pic {
        float: none;
        width: auto
    }

    .prod-card.collection .p-pic .p-pic-link {
        width: 120px;
        height: 110px;
        margin: 0 auto
    }

    .prod-card.collection .p-wrap {
        width: auto
    }

    .prod-card.collection .p-type-ttl {
        font-size: 13px
    }

    .prod-card.collection .p-title {
        margin-bottom: 20px
    }

    .prod-card.collection .p-title a {
        min-height: 3.6em;
        max-height: 3.6em;
        font-size: 14px
    }

    .prod-card-list.table table .th-pic {
        width: 9%
    }

    .prod-card-list.table table .th-vendor {
        width: 12%
    }

    .prod-card-list.table table .th-title {
        width: 28%
    }

    .prod-card-list.table table .th-price {
        width: 20%
    }

    .prod-card-list.table table .th-basket {
        width: 23%
    }

    .prod-card-list.table .prod-card .p-title {
        width: 100%
    }

    .catalog-page .prod-card-list.table table .th-pic {
        width: 9%
    }

    .catalog-page .prod-card-list.table table .th-vendor {
        width: 12%
    }

    .catalog-page .prod-card-list.table table .th-title {
        width: 28%
    }

    .catalog-page .prod-card-list.table table .th-price {
        width: 20%
    }

    .catalog-page .prod-card-list.table table .th-basket {
        width: 23%
    }

    .prod-card-list.table.headless table {
        table-layout: fixed
    }

    .collection-group .section-head .pic, .prod-card-group .section-head .pic, .prod-table-list .section-head .pic {
        width: 150px;
        height: 150px
    }

    .collection-group .section-head .manufacturer, .prod-card-group .section-head .manufacturer, .prod-table-list .section-head .manufacturer {
        margin-left: 30px
    }

    .g-wrap .collection-group .prod-msg td, .g-wrap .prod-card-group .prod-msg td, .g-wrap .prod-table-list .prod-msg td {
        padding-right: 40px
    }

    .collection-group .prod-msg .text, .prod-card-group .prod-msg .text, .prod-table-list .prod-msg .text {
        display: block;
        width: auto;
        margin-bottom: 20px
    }

    .collection-group .prod-msg .basket-remove, .prod-card-group .prod-msg .basket-remove, .prod-table-list .prod-msg .basket-remove {
        margin-left: 40px
    }

    .collection-group .prod-msg .message-close, .prod-card-group .prod-msg .message-close, .prod-table-list .prod-msg .message-close {
        top: 15px;
        right: 15px;
        transform: none
    }

    .product-page .collection-group, .product-page .prod-card-group, .product-page .prod-table-list {
        margin-bottom: 0
    }

    .product-page .collection-group .group-section, .product-page .prod-card-group .group-section, .product-page .prod-table-list .group-section {
        margin-bottom: 0
    }

    .prod-card-group .group-section {
        border: none
    }

    .prod-card-group .wrap-toggle {
        display: none
    }

    .prod-table-list table thead {
        display: none
    }

    .prod-table-list tbody.infinite-slider_forTable {
        display: none
    }

    .news-card {
        height: auto
    }

    .news-card .news-wrap {
        height: auto
    }

    .news-card .ttl a {
        min-height: 4.2em;
        max-height: 4.2em
    }

    .prod-price-drop {
        display: none !important
    }

    .main-slider .col_2 {
        left: 0;
        width: 100%
    }

    .main-slider .col_3 {
        left: 0;
        display: none;
        width: 100%
    }

    .main-slider .slide .wrap_i__link {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%
    }

    .main-slider .slide .pic {
        height: 160px;
        margin-top: 40px;
        line-height: 160px
    }

    .main-slider .slide .full-pic .text-wrap, .main-slider .slide .text-wrap {
        max-width: none;
        margin: 30px;
        text-align: center
    }

    .main-slider .sl-pagination.lg {
        display: none
    }

    .main-slider .s-item {
        height: 110px
    }

    .main-slider .s-pic {
        width: 80px;
        height: 60px;
        margin-right: 30px;
        line-height: 60px
    }

    .main-slider .slide .full-pic {
        flex-direction: column;
        width: 100%
    }

    .main-slider__onepic {
        position: static;
        height: auto
    }

    .main-slider .sl-pagination {
        position: static
    }

    .main-promo .wrap-sl.sl-init .item:nth-child(3), .main-promo .wrap-sl.sl-init .item:nth-child(4), .main-promo .wrap-sl.sl-init .item:nth-child(5), .main-promo .wrap-sl.sl-init .item:nth-child(6) {
        display: block
    }

    .main-promo .item {
        width: 50%
    }

    .main-promo .item:nth-child(3), .main-promo .item:nth-child(4), .main-promo .item:nth-child(5), .main-promo .item:nth-child(6) {
        display: none
    }

    .main-products.new-cards .slide .prod-card-tile {
        height: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .main-products.new-cards .slide .prod-card-tile .tile-wrap, .main-products.new-cards .slide .prod-card-tile .tile-wrapper {
        height: auto
    }

    .main-products .wrap.not-init .slider {
        height: auto
    }

    .main-products .wrap.not-init .slide {
        opacity: 1;
        width: 50%
    }

    .main-products .slider {
        margin-bottom: 10px
    }

    .main-products .slide {
        height: auto
    }

    .main-products .next, .main-products .prev {
        display: none !important
    }

    .main-solutions .item {
        float: none;
        width: 100%;
        padding: 10px 20px;
        border: none
    }

    .main-solutions .bg {
        display: none
    }

    .main-solutions .ttl-wrap {
        display: inline-block;
        min-height: 30px;
        margin-bottom: 0;
        line-height: 30px
    }

    .main-solutions .ttl-wrap:hover .ttl {
        color: #5cd3cf
    }

    .main-solutions .icon {
        height: 30px;
        margin-top: -15px;
        line-height: 30px
    }

    .main-solutions .icon.trade:before {
        width: 3.037em;
        height: 2.644em;
        background-position: -.2em -10.9em
    }

    .main-solutions .icon.logic:before {
        width: 3.2em;
        height: 3em;
        background-position: -.2em -498.2em
    }

    .main-solutions .icon.hotel:before {
        width: 2.872em;
        height: 2.8em;
        background-position: -.2em -458em
    }

    .main-solutions .icon.bank:before {
        width: 2.791em;
        height: 2.722em;
        background-position: -.2em -481em
    }

    .main-solutions .icon.education:before {
        width: 3.4em;
        height: 2.9em;
        background-position: -.2em -353.6em
    }

    .main-solutions .ttl {
        max-height: none;
        text-transform: none;
        line-height: 1.2
    }

    .main-solutions .list-link {
        display: none
    }

    .main-solutions .all-wrap {
        display: none
    }

    .main-services .item {
        float: none;
        width: 100% !important;
        height: auto;
        border: none
    }

    .main-services .item:hover .ttl {
        color: #5cd3cf
    }

    .main-services .bg {
        display: none
    }

    .main-services .ttl {
        top: 0;
        max-height: none;
        padding: 10px 0;
        transform: none;
        text-align: left;
        text-transform: none;
        color: #333
    }

    .main-services .ttl:before {
        left: 30px;
        display: none
    }

    .prod-card-line .price-wrap .price-cur .price-cur-inner, .prod-card-table .price-wrap .price-cur .price-cur-inner, .prod-card-tile .price-wrap .price-cur .price-cur-inner {
        font-size: 15px
    }

    .prod-card-line .price-wrap .price-cur .price-cur-inner:hover, .prod-card-table .price-wrap .price-cur .price-cur-inner:hover, .prod-card-tile .price-wrap .price-cur .price-cur-inner:hover {
        cursor: pointer
    }

    .prod-card-line .controls-basket .count .btn-minus, .prod-card-line .controls-basket .count .btn-plus, .prod-card-table .controls-basket .count .btn-minus, .prod-card-table .controls-basket .count .btn-plus, .prod-card-tile .controls-basket .count .btn-minus, .prod-card-tile .controls-basket .count .btn-plus {
        display: none
    }

    .prod-card-line .sale-block, .prod-card-table .sale-block, .prod-card-tile .sale-block {
        display: none
    }

    .prod-tile-list {
        margin-bottom: 40px
    }

    .prod-card-tile {
        height: auto
    }

    .prod-card-tile .tile-wrapper {
        height: auto
    }

    .prod-card-tile .tile-wrap {
        height: auto
    }

    .prod-card-tile .markers-wrap .m-item {
        clear: none;
        padding: 0 10px;
        border: none
    }

    .prod-card-tile .pic-wrap {
        float: left;
        width: 50%
    }

    .prod-card-tile .pic-wrap .mark-sale, .prod-line-list.list-catalog .prod-card-line .pic-wrap .mark-sale {
        bottom: 5px;
        left: 5px
    }

    .prod-card-tile .p-wrap {
        float: left;
        width: 50%;
        padding: 40px 10px 0
    }

    .prod-card-tile .title-wrap {
        height: 96px;
        max-height: 6.5em
    }

    .prod-card-tile .status-wrap {
        height: 40px
    }

    .prod-card-tile .status-wrap .count {
        display: block;
        float: left;
        clear: both
    }

    .prod-card-tile .status-wrap .in-basket {
        display: none
    }

    .prod-card-tile .drop-wrap {
        clear: both;
        height: auto
    }

    .prod-card-tile .add-wrap {
        display: none
    }

    .prod-card-tile .controls-wrap {
        padding: 15px 0
    }

    .prod-card-tile .controls-prod {
        position: relative;
        float: left;
        overflow: inherit;
        width: 51%;
        margin-left: -1%
    }

    .prod-card-tile .controls-prod + .controls-basket {
        float: left;
        width: 51%;
        margin-right: -1%
    }

    .prod-card-tile .controls-prod .btn-collection, .prod-card-tile .controls-prod .btn-compare, .prod-card-tile .controls-prod a.ic2-icon_zoom {
        float: left;
        width: 46%;
        height: 42px;
        margin: 0 2%;
        transition: none;
        transform: none;
        border-radius: 3px;
        background: #f5f3f3
    }

    .prod-card-tile .controls-prod a.ic2-icon_zoom {
        display: none
    }

    .prod-card-tile .controls-basket .count {
        float: left;
        width: 46%;
        margin: 0 2%
    }

    .prod-card-tile .controls-basket .count + .basket-add {
        float: left;
        width: 46%;
        margin: 0 2%;
        padding: 0
    }

    .prod-line-list {
        margin-right: -15px;
        margin-bottom: 40px;
        margin-left: -15px
    }

    .prod-card-line {
        height: auto;
        padding: 15px
    }

    .prod-card-line .line-wrapper {
        height: auto
    }

    .prod-card-line .line-wrap {
        height: auto
    }

    .prod-card-line .pic-wrap {
        float: left;
        width: 50%
    }

    .prod-card-line .pic-wrap .pic-link {
        height: 210px
    }

    .prod-card-line .p-wrap {
        float: left;
        width: 50%;
        padding: 40px 10px 0
    }

    .prod-card-line .markers-wrap {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        margin: 0
    }

    .prod-card-line .markers-wrap .m-item {
        height: 40px;
        padding: 0 10px;
        border: none;
        line-height: 40px
    }

    .prod-card-line .title-wrap {
        height: 96px;
        max-height: 6.5em
    }

    .prod-card-line .status-wrap {
        float: left;
        width: 50%;
        height: 40px;
        padding: 0 10px
    }

    .prod-card-line .status-wrap .count, .prod-card-line .status-wrap .text {
        clear: both
    }

    .prod-card-line .add-wrap {
        display: none
    }

    .prod-card-line .price-wrap {
        float: left;
        width: 50%;
        margin-bottom: 10px
    }

    .prod-card-line .controls-wrap {
        clear: both;
        width: auto;
        padding: 15px
    }

    .prod-card-line .controls-prod {
        position: relative;
        top: auto;
        right: auto;
        float: left;
        overflow: inherit;
        width: 51%;
        margin-left: -1%;
        transform: none
    }

    .prod-card-line .controls-prod + .controls-basket {
        float: left;
        width: 51%;
        margin-right: -1%
    }

    .prod-card-line .controls-prod .btn-collection, .prod-card-line .controls-prod .btn-compare {
        float: left;
        width: 46%;
        height: 42px;
        margin: 0 2%;
        transition: none;
        transform: none;
        border-radius: 3px;
        background: #f5f3f3
    }

    .prod-card-line .controls-basket .count {
        float: left;
        width: 46%;
        margin: 0 2%;
        padding: 0
    }

    .prod-card-line .controls-basket .count + .basket-add {
        float: left;
        width: 46%;
        margin: 0 2%;
        padding: 0
    }

    .prod-table-list table .th-pic {
        width: 8%
    }

    .prod-table-list table .th-vendor {
        width: 9%
    }

    .prod-table-list table .th-title {
        width: 22%
    }

    .prod-table-list table .th-status {
        width: 14%
    }

    .prod-table-list table .td-add, .prod-table-list table .th-add {
        display: none;
        width: auto
    }

    .prod-table-list table .th-price {
        width: 23%
    }

    .prod-table-list table .th-basket {
        width: 16%
    }

    .prod-table-list table .th-controls {
        width: 8%
    }

    .prod-card-table .title-wrap a {
        max-height: 7em;
        font-size: 13px;
        line-height: 1.4
    }

    .prod-card-table .td-add {
        display: none
    }

    .prod-card-table .add-wrap {
        display: none
    }

    .prod-card-table .controls-prod {
        left: auto;
        width: auto;
        margin: 0 auto
    }

    .prod-card-table .controls-prod .btn-collection, .prod-card-table .controls-prod .btn-compare {
        width: 42px;
        height: 42px;
        transition: none;
        transform: none
    }

    .offers-list {
        margin-bottom: 50px
    }

    .offers-list .item {
        width: 50%
    }

    .offers-list .item.width-2 {
        width: 100%
    }

    .smart-banner-big {
        padding: 34px 40px 40px
    }

    .smart-banner-big.preview {
        padding-right: 40px;
        padding-left: 40px;
        text-align: center
    }

    .smart-banner-big.preview .description {
        margin-bottom: 10px
    }

    .smart-banner-big.preview .title {
        margin-bottom: 10px
    }

    .smart-banner-big.preview .title .icon {
        margin-left: 0
    }

    .sale-block_pos {
        display: none !important
    }

    .product-view.grid-layout {
        margin-bottom: 60px
    }

    .sl-element .discount {
        top: 232px;
        right: 100px
    }

    .sl-element .zoom-icon {
        top: 57px;
        right: 32px
    }

    .sl-element .video-icon {
        top: 55px;
        left: 11px
    }

    .sl-element .foto360-icon {
        top: 93px;
        left: 10px
    }

    .sl-element .carousel .sl-item img {
        min-width: 80%;
        transform: translate(-50%, -44%)
    }

    .sl-element .pager-wrapper {
        width: 371px;
        margin-top: 10px;
        padding: 0 26px
    }

    .sl-element .pager .sl-item {
        margin: 0 11px
    }

    .p-crd-info {
        padding: 20px 22px 31px 27px
    }

    .p-crd-info__text {
        font-size: 23px
    }

    .product-promo .item {
        margin-bottom: 20px
    }

    .product-promo .item:last-child {
        margin-bottom: 20px
    }

    .product-promo .review .pic:before {
        opacity: 1
    }

    .product-promo .review .pic img {
        opacity: .6
    }

    .basket-tabs, .product-tabs {
        margin-bottom: 0
    }

    .basket-tabs .nav-tabs, .product-tabs .nav-tabs {
        display: none
    }

    .basket-tabs .tab-content, .product-tabs .tab-content {
        padding: 0
    }

    .basket-tabs .tab-content .tab-pane, .product-tabs .tab-content .tab-pane {
        display: block;
        visibility: visible;
        opacity: 1
    }

    .basket-tabs .tab-content .tab-title:first-child, .product-tabs .tab-content .tab-title:first-child {
        margin-top: 0
    }

    .basket-tabs .tab-content .related-products, .product-tabs .tab-content .related-products {
        margin-top: 0;
        margin-bottom: 0
    }

    .basket-tabs .tab-content .related-products .title-differ, .product-tabs .tab-content .related-products .title-differ {
        margin-bottom: 10px
    }

    .basket-tabs .tab-content .related-products.list, .product-tabs .tab-content .related-products.list {
        margin-top: 0
    }

    .related-news, .related-products {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .related-news:before, .related-products:before {
        display: none
    }

    .related-news.new-cards .slide .prod-card-tile, .related-products.new-cards .slide .prod-card-tile {
        padding-top: 0;
        padding-bottom: 0
    }

    .related-news .title-differ, .related-products .title-differ {
        display: none;
        margin-bottom: 10px
    }

    .related-news .title-differ + .tags, .related-products .title-differ + .tags {
        margin-bottom: 15px
    }

    .related-news .caroufredsel_wrapper, .related-products .caroufredsel_wrapper {
        margin-bottom: 10px !important
    }

    .related-news .wrap.not-init .slider, .related-products .wrap.not-init .slider {
        height: auto
    }

    .related-news .wrap.not-init .slide, .related-products .wrap.not-init .slide {
        width: 50%;
        margin-bottom: 20px
    }

    .related-products .wrap.not-init .slide + .slide {
        display: none
    }

    .related-news .wrap.close-panel, .related-products .wrap.close-panel {
        overflow: hidden;
        height: 350px
    }

    .related-news .wrap.close-panel .next, .related-news .wrap.close-panel .prev, .related-products .wrap.close-panel .next, .related-products .wrap.close-panel .prev {
        display: none !important
    }

    .related-news .slider, .related-products .slider {
        margin-bottom: 30px
    }

    .related-news .prod-card-tile, .related-news .slide, .related-products .prod-card-tile, .related-products .slide {
        height: auto;
        padding: 0 15px
    }

    .related-news.no-accordion, .related-products.no-accordion {
        margin-bottom: 50px
    }

    .related-news.no-accordion:before, .related-products.no-accordion:before {
        display: block
    }

    .related-news.no-accordion .title-differ, .related-products.no-accordion .title-differ {
        display: block;
        margin-bottom: 20px
    }

    .related-news.no-accordion {
        margin-bottom: 50px
    }

    .related-news.no-accordion:before {
        display: block
    }

    .related-news.no-accordion .title-differ {
        display: block;
        margin-bottom: 20px
    }

    .reviews-list .item {
        width: 50%
    }

    .btn-filters {
        display: block
    }

    .page-title.service-points .filter-view {
        display: none
    }

    .contacts-list .block-info {
        width: 100%
    }

    .filter-view.mob.mob {
        display: block
    }

    .filter-view.mob.mob .wrap-params {
        width: 100%
    }

    .filter-view.mob.mob .wrap-params .btn-params {
        padding: 0 10px;
        border-left: 1px solid #e7e7e7
    }

    .solution-menu .list {
        overflow: hidden !important;
        white-space: nowrap
    }

    .solution-menu .item {
        display: inline-block;
        float: none;
        width: 190px;
        vertical-align: top;
        border-left: 1px solid #e7e7e7
    }

    .solution-menu .item + .item {
        margin-left: 5px
    }

    .solution-menu .icon {
        height: 30px;
        margin-top: -15px;
        line-height: 30px
    }

    .sl-trademarks .sl-nav {
        display: flex
    }

    .sl-trademarks.showAll .slide {
        width: 25%
    }

    .sl-trademarks .slide {
        flex: 0 0 155px;
        width: 155px
    }

    .color-placehold_pos {
        width: 50px;
        height: 50px
    }

    .test-page .grid {
        -ms-grid-columns: 50% 50%;
        grid-template-columns:repeat(2, 50%)
    }

    .js-prod-variant {
        display: flex;
        align-content: space-between;
        flex-flow: wrap row
    }

    .p-card-tile_sale {
        flex: 0 0 50%;
        width: 50%
    }

    .p-card-tile_catalog {
        flex: 0 0 50%;
        width: 50%
    }

    .p-card-tile_mainProducts .prod-txt-content_mod, .p-card-tile_mainProducts .prod-txt-content_standart {
        height: 210px
    }

    .p-card-tile_mainProducts .prod-txt-content {
        padding-left: 0
    }

    .p-card-tile_mainProducts__text {
        font-size: 12px
    }

    .p-card-tile_mainProducts .title-wrap {
        height: 95px;
        max-height: 95px
    }

    .p-card-tile_mainProducts .title-wrap__ttl {
        font-size: 13px
    }

    .p-card-tile {
        height: 337px;
        max-height: 337px
    }

    .p-card-tile-inner {
        display: flex;
        height: 100%
    }

    .p-card-tile-content {
        display: flex;
        align-content: space-between;
        flex-flow: wrap row
    }

    .p-card-tile-content__drop {
        flex: 0 0 100%
    }

    .p-card-tile-content__variants {
        bottom: 75px;
        left: 15px
    }

    .prod-variants.hasArrowMob .prod-variants__link_btn {
        z-index: 1235;
        opacity: 1 !important
    }

    .prod-variants.hasArrowMob .prod-variants__link_btn:after {
        position: absolute;
        content: ''
    }

    .prod-variants {
        display: flex;
        flex-flow: row wrap;
        width: calc(100% - 10px);
        height: 37px
    }

    .prod-variants__link {
        margin-right: 4px;
        margin-bottom: 0
    }

    .prod-variants__link_btn {
        left: 164px
    }

    .prod-variants__link_btn:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: -6px;
        content: '';
        transition: .2s ease;
        transform: rotate(315deg);
        border: 2px solid #999;
        border-width: 0 2px 2px 0
    }

    .prod-variants__link_size {
        width: 37px;
        height: 37px
    }

    .prod-variants__link_color {
        width: 37px;
        height: 37px
    }

    .controls-prod_pos {
        top: -5px;
        right: 0;
        left: initial;
        display: flex;
        width: auto;
        transform: scale(.8)
    }

    .product-markers {
        display: flex
    }

    .product-markers__item {
        padding-left: 15px
    }

    .product-markers_pos {
        left: 0
    }

    .prod-pic__color {
        width: 37px;
        height: 37px;
        border-radius: 50%
    }

    .prod-pic__color_pos {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .prod-pic__image {
        max-width: 85%;
        max-height: 85%;
        transform: translate(-50%, -37%)
    }

    .prod-pic_mod {
        flex: 0 0 50%;
        width: 50%;
        height: 178px
    }

    .prod-txt-content {
        padding-top: 35px;
        padding-left: 0
    }

    .prod-txt-content_mod, .prod-txt-content_standart {
        flex: 0 0 50%;
        max-width: 50%;
        height: auto;
        padding-top: 42px
    }

    .title-wrap {
        height: 76px;
        max-height: 76px
    }

    .title-wrap__ttl {
        font-size: 11px
    }

    .title-wrap__articul {
        font-size: 1.1rem
    }

    .b-status-wrap__text {
        font-size: 11px
    }

    .add-wrap_mod {
        display: none
    }

    .b-count {
        display: flex
    }

    .b-count__btn-mns {
        order: -1
    }

    .b-count__btn-mns, .b-count__btn-pls, .b-count__input {
        cursor: pointer;
        user-select: none;
        text-align: center;
        border: none;
        background: 0 0;
        line-height: 42px
    }

    .b-count__input {
        width: 33.3333%
    }

    .b-count__btn-mns, .b-count__btn-pls {
        flex: 0 0 33.3333%;
        padding: 0
    }

    .b-count__btn-mns:hover, .b-count__btn-pls:hover {
        border-color: #f1f1f1;
        background: #f1f1f1
    }

    .b-count__btn-mns:active, .b-count__btn-pls:active {
        border-color: #e8e8e8;
        background: #e8e8e8
    }

    .b-count__btn-pls {
        border-left: 1px #cdcdcd solid
    }

    .b-count__btn-mns {
        border-right: 1px #cdcdcd solid
    }

    .b-count.b-basket-controls__count {
        flex: 0 0 75%
    }

    .product-accordion-panel_optional {
        display: none
    }

    .infinite-slider_optional {
        display: none
    }

    .infinite-slider_fourSlides.transition.move_next {
        transform: translateX(-50%)
    }

    .infinite-slider_fourSlides.transition.move_prev {
        transform: translateX(50%)
    }

    .infinite-slider_fourSlides .p-card-tile {
        flex: 0 0 auto;
        width: 50%
    }

    .infinite-slider_fourSlides .p-card-tile:nth-child(n+3) {
        opacity: 0
    }

    .infinite-slider_fiveSlides.transition.move_next {
        transform: translateX(-50%)
    }

    .infinite-slider_fiveSlides.transition.move_prev {
        transform: translateX(50%)
    }

    .infinite-slider_fiveSlides .p-card-tile {
        flex: 0 0 auto;
        width: 50%
    }

    .infinite-slider_fiveSlides .p-card-tile:nth-child(n+3) {
        opacity: 0
    }

    .header-top-menu {
        display: none
    }

    .breadcrumb-drop {
        display: none
    }

    .menu-foot {
        margin-right: 0;
        margin-bottom: 40px !important;
        margin-left: 0
    }

    .menu-foot .list_level_1 {
        width: 50%
    }

    .reserved-panel .wrap-toggle {
        width: 15%
    }

    .reserved-panel .wrap-available .text {
        display: none
    }

    .reserved-panel .wrap-available .count {
        font-size: 24px
    }

    .reserved-panel .wrap-notification {
        width: 30%
    }

    .reserved-panel .tags {
        display: inline-block
    }

    .reserved-panel .tags .nav li {
        margin-right: 8px;
        margin-bottom: 8px
    }

    .reserved-panel .panel-head__title {
        font-size: 21px
    }

    .reserved-panel .panel-head__close .btn-close:before {
        top: 2px;
        font-size: 13px
    }

    .scroll-to-top {
        right: 15px;
        bottom: 15px;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .scroll-to-top img {
        width: 28px;
        height: 28px
    }

    .g-main {
        padding-top: 89px
    }

    .main .g-main {
        padding-top: 0
    }

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

    .header-top-menu.header-top-menu {
        display: none;
        background-color: #fff
    }

    .header-top-menu .item.cabinet, .header-top-menu .top-menu {
        display: none
    }

    .site-toggler__radio {
        padding: 10px 0
    }

    .header-top-menu .list {
        height: 38px
    }

    .accord-section {
        margin-bottom: 0;
        padding-top: 30px;
        border-top: 1px solid #ccc
    }

    .accord-section.closed .accord-wrap {
        height: 0 !important
    }

    .accord-section.closed .accord-link {
        border-color: #a1a1a1
    }

    .accord-section.closed .accord-link:hover {
        border-color: #5cd3cf
    }

    .accord-section.closed .accord-link:hover:after, .accord-section.closed .accord-link:hover:before {
        background: #5cd3cf
    }

    .accord-section.closed .accord-link:after, .accord-section.closed .accord-link:before {
        background: #b7b7b7
    }

    .accord-section.closed .accord-link:after {
        transform: rotate(0)
    }

    .accord-section .d-ttl {
        margin-left: 50px;
        cursor: pointer
    }

    .accord-section .accord-wrap_i {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #ccc
    }

    .item--visual.item--visual.item--visual .ttl-wrap {
        min-height: 60px;
        margin-bottom: 5px;
        line-height: 1.3
    }

    .item--visual.item--visual.item--visual .icon {
        height: 40px
    }
}

@media (max-width: 879px) {
    .table-markers {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .popup-head__ttl {
        height: auto !important
    }

    .popup-head__thumb {
        display: none !important
    }
}

@media (max-width: 768px) {
    .offers-list .item.height-2 .item-pic {
        max-width: 190px;
        max-height: 220px
    }

    .offers-list .item.width-2 .item-pic {
        max-width: 220px
    }

    .product-view.grid-layout {
        margin-bottom: 37px
    }

    .product-view.grid-layout .smart-wrap {
        order: 0
    }

    .product-view.grid-layout .slider {
        order: 1;
        width: 290px;
        margin-right: auto;
        margin-bottom: 42px;
        margin-left: auto
    }

    .product-view.grid-layout .buy-view {
        order: 2
    }

    .product-view.grid-layout .smart-bonus {
        order: 3
    }

    .product-view.grid-layout .offers.second {
        display: none
    }

    .product-view.grid-layout .details {
        display: none
    }

    .product-view.grid-layout .buy-view {
        flex-basis: 100%
    }

    .product-view.grid-layout .smart-bonus {
        flex-basis: 100%
    }

    .product-view.grid-layout .smart-bonus_pos {
        margin-top: 17px
    }

    .test-page .grid {
        -ms-grid-columns: 100%;
        grid-template-columns:100%
    }

    .reserved-panel .panel-head {
        margin-bottom: 0
    }

    .reserved-panel .panel-head__title {
        font-size: 15px;
        font-weight: 600
    }

    .reserved-panel .panel-head__close .btn-close:before {
        content: none
    }

    #gift-form .modal-content {
        width: calc(100% - 24px);
        height: fit-content;
        top: auto;
        bottom: 10px;
        transform: translate(-50%, 0);
    }

    #gift-form .modal-content button.close {
        top: 10px;
        right: 10px;
    }

    #gift-form .modal-content .modal-body {
        display: flex;
        flex-direction: column;
        padding: 20px 15px;
        align-items: center;
        margin: 0 auto;
        height: 100%;
    }

    #gift-form .modal-content .modal-gift {
        display: none;
        top: -212px;
        left: 50%;
        transform: translateX(-50%);
    }

    #gift-form .modal-content .modal-headphones {
        display: none;
    }

    #gift-form .modal-content .modal-title {
        font-size: 26px;
        line-height: 30px;


    }

    #gift-form .modal-content .modal-title span {
        font-size: 26px;
        line-height: 30px;
    }

    #gift-form .modal-content .tab-content {
        width: 100%;
        padding: 24px 0 0;
        /*text-align: center;*/
    }


    .modal img.modal-gift-mobile {
        display: block;
        position: absolute;
        bottom: 25%;
        left: 50%;
        transform: translateX(-50%);
    }

    #gift-form.second-step img.modal-gift-mobile {
        bottom: 10%
    }
}


/* for safari*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #gift-form .modal-content {
        height: auto;
    }
}

@media (max-width: 767px) {
    .main-advance .d-ttl {
        display: none
    }

    .h1, h1 {
        font-size: 20px
    }

    .h2, h2 {
        font-size: 16px
    }

    .g-wrap ol:not(.list-reset), .g-wrap ul:not(.list-reset) {
        padding: 0
    }

    .g-wrap ol:not(.list-reset) {
        padding-left: 0
    }

    .tooltip {
        display: none
    }

    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }

    .hidden-xs {
        display: none !important
    }

    .outer-bg {
        overflow-x: hidden;
        height: 100%
    }

    .ms-slide .ms-inner .ms-title {
        font-size: 18px
    }

    .content-404 .big-title {
        margin-bottom: 10px;
        font-size: 120px
    }

    .content-404 .title {
        margin-bottom: 30px;
        font-size: 20px
    }

    .content-404 .text {
        margin-bottom: 30px
    }

    .content-404 .search {
        margin-bottom: 30px
    }

    .about-content .about-statistics .item {
        float: none;
        width: auto;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px
    }

    .about-content .about-statistics .item + .item {
        margin-top: 15px
    }

    .about-content .about-statistics .count {
        margin-bottom: 10px;
        font-size: 30px
    }

    .about-content .about-statistics .text {
        min-height: inherit;
        font-size: 14px
    }

    .about-section .section-title {
        padding-top: 18px;
        padding-bottom: 14px
    }

    .about-range .menu .list_1 {
        float: none;
        width: auto
    }

    .main-about .text {
        padding: 10px
    }

    .content-video iframe {
        height: 240px
    }

    .slider-img-big .wrap {
        padding: 0
    }

    .slider-img-big .next, .slider-img-big .prev {
        display: none !important
    }

    .main-advance .item {
        padding: 10px
    }

    .main-advance .ttl {
        margin-left: 50px;
        font-size: 16px
    }

    .container-form {
        padding-right: 20px;
        padding-left: 20px
    }

    .container-form .submit-wrap .btn, .container-form .submit-wrap input[type=submit] {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .basket-table-mob .prod-list .item {
        float: none;
        width: auto;
        margin-bottom: 0
    }

    .basket-table-mob .prod-list .item + .item .item_i {
        border-top: none
    }

    .basket-table-mob .prod-list .item_i {
        padding-right: 15px;
        padding-left: 15px
    }

    .basket-table-mob .gift-list {
        border-top: none
    }

    .basket-table-mob .gift-list .item {
        padding-right: 15px;
        padding-left: 15px
    }

    .basket-table-mob .gift-list .item:after, .basket-table-mob .gift-list .item:before {
        width: 40%
    }

    .basket-table-mob .gift-list .icon {
        position: absolute;
        z-index: 2;
        top: 10px;
        left: 10px;
        display: block;
        width: 40px;
        height: 40px;
        margin-right: 0;
        border: 1px solid #c1c1c1;
        border-radius: 50%;
        background: #f1f1f1
    }

    .basket-table-mob .gift-list .icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .basket-table-mob .gift-list .pic {
        display: block;
        float: left;
        margin-right: 15px
    }

    .basket-table-mob .gift-list .text {
        display: block;
        overflow: hidden;
        max-width: none;
        padding-top: 4px;
        font-size: 14px
    }

    .basket-table-mob .total-list .line.summ .val {
        font-size: 16px
    }

    .basket-table-mob .promo-wrap .form-promo .name {
        margin-bottom: 10px;
        padding-top: 0;
        text-align: center
    }

    .basket-table-mob .promo-wrap .form-promo .form-control {
        text-align: center
    }

    .basket-table-mob .promo-wrap .form-promo .btn-wrap {
        padding-top: 15px;
        text-align: center
    }

    .basket-delivery {
        margin-bottom: 25px
    }

    .basket-controls .btn-index-default {
        display: none
    }

    .order-step .wrap {
        margin-bottom: 30px;
        padding: 0;
        border: none
    }

    .order-step .number {
        display: none
    }

    .order-step .step-controls {
        margin-bottom: 25px;
        padding-top: 10px;
        text-align: right
    }

    .container-form .order-step .step-controls input[type=submit], .order-step .step-controls .btn, .order-step .step-controls .container-form input[type=submit] {
        display: inline-block;
        float: none
    }

    .order-nav {
        margin-right: -80px;
        margin-left: -80px
    }

    .modal-auth .nav .tab-head {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 20px
    }

    .modal-auth .tab-content {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-auth .button-submit {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .modal-auth .form-registration .button-submit {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-auth .modal-footer {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-ordered .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-ordered .social {
        margin-bottom: 10px
    }

    .modal-ordered .advance {
        display: none
    }

    .agreement-list .item-agree {
        padding: 30px 20px
    }

    .agreement-list .title {
        font-size: 16px
    }

    .agreement-list .divisions .d-item {
        padding-right: 50px;
        padding-left: 10px
    }

    .prod-card.collection {
        padding-right: 0;
        padding-left: 0
    }

    .cabinet-section {
        margin-bottom: 0;
        padding: 25px 0 20px;
        border-right: none;
        border-left: none
    }

    .cabinet-section + .cabinet-section {
        border-top: none
    }

    .cabinet-section .section-head .btn-controls + .acc-link {
        margin-right: 50px
    }

    .cabinet-section .section-head .btn-controls .btn, .cabinet-section .section-head .btn-controls .container-form input[type=submit], .container-form .cabinet-section .section-head .btn-controls input[type=submit] {
        top: -11px;
        border-color: transparent
    }

    .orders-active table tbody tr {
        float: none;
        width: auto
    }

    .orders-active .controls-wrap button {
        margin-right: 3px
    }

    .orders-active .controls-wrap button + button {
        margin-left: 12px
    }

    .rate-input .star + .star {
        margin-left: 20px
    }

    .price-banner {
        margin-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: left
    }

    .price-banner .wrap-title {
        width: 100%
    }

    .price-banner .title {
        padding-left: 50px
    }

    .price-banner .title .pic {
        width: 50px
    }

    .price-banner .title .text {
        font-size: 16px
    }

    .price-banner .wrap-items {
        width: 100%
    }

    .price-banner .item {
        float: none;
        padding-right: 0;
        padding-bottom: 20px
    }

    .price-banner .item:before {
        top: 0;
        width: 100%;
        height: 2px;
        margin-top: 0;
        margin-left: 0
    }

    .price-banner .item + .item {
        padding-top: 20px;
        padding-left: 0
    }

    .price-banner .item:last-child {
        padding-bottom: 0
    }

    .modal-reason .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-order-wait .modal-body {
        padding: 15px 15px 35px
    }

    .modal-order-wait .order-info .name {
        margin-top: 15px
    }

    .modal-order-wait .add-prod-form .btn-submit {
        width: 100%;
        margin-top: 12px
    }

    .container-form .modal-order-wait .modal-basket-footer input[type=submit], .modal-order-wait .modal-basket-footer .btn, .modal-order-wait .modal-basket-footer .container-form input[type=submit] {
        margin: 5px;
        padding: 0 20px;
        font-size: 13px
    }

    .modal-division-edit .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-division-edit .list-agreements .item {
        padding-right: 50px
    }

    .division-search .search-form .form-control {
        margin-bottom: 15px
    }

    .divisions-table .td-title, .divisions-table .td-val {
        padding-right: 10px;
        padding-left: 10px
    }

    .divisions-table .td-title {
        width: 45%
    }

    .divisions-table .td-val {
        width: 55%
    }

    .icon-bonus.icon-bonus_pos {
        margin-right: 10px
    }

    .icon-bonus.icon-bonus_pos:before {
        font-size: 10px
    }

    .cabinet-section_smartb.cabinet-section {
        margin-bottom: 30px;
        padding-top: 30px;
        border: 4px solid #74368f
    }

    .cabinet-section__points {
        font-size: 20px
    }

    .cabinet-section__top-head {
        margin-bottom: 10px
    }

    .smart-b-brands_pos {
        margin-top: 40px;
        margin-bottom: 20px
    }

    .smart-b-brands-pic {
        max-width: 65px
    }

    .smart-b-note {
        flex-direction: column
    }

    .smart-b-note-wrap_pos {
        margin-bottom: 30px
    }

    .order-information table tr {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .order-information table tr + tr {
        border-top: 1px solid #e7e7e7
    }

    .order-information table td {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px
    }

    .order-information .td-title {
        width: auto
    }

    .order-information .td-text {
        width: auto
    }

    .personal-information {
        padding: 20px 60px 20px 15px
    }

    .personal-information .btn-controls {
        top: 8px;
        right: 8px
    }

    .container-form .personal-information .btn-controls input[type=submit], .personal-information .btn-controls .btn, .personal-information .btn-controls .container-form input[type=submit] {
        clear: both
    }

    .container-form .personal-information .btn-controls .btn + input[type=submit], .container-form .personal-information .btn-controls input[type=submit] + .btn, .container-form .personal-information .btn-controls input[type=submit] + input[type=submit], .personal-information .btn-controls .btn + .btn, .personal-information .btn-controls .container-form .btn + input[type=submit], .personal-information .btn-controls .container-form input[type=submit] + .btn, .personal-information .btn-controls .container-form input[type=submit] + input[type=submit] {
        margin-top: 10px
    }

    .chart-report .chart-wrap {
        margin-bottom: 0;
        padding-right: 10px;
        padding-left: 10px
    }

    .modal-download .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-download .check-form .fieldset {
        margin-right: -10px;
        margin-left: -10px
    }

    .modal-download .check-form .check-box {
        padding: 0 10px
    }

    .modal-report-edit .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-report-edit .accordion .acc-body {
        padding-left: 0
    }

    .modal-report-edit .groups-list .g-item {
        padding-right: 50px;
        padding-left: 10px
    }

    .orders-wait .td-title, .orders-wait .td-val {
        padding-right: 10px;
        padding-left: 10px
    }

    .orders-wait .td-title {
        width: 45%
    }

    .orders-wait .td-val {
        width: 55%
    }

    .orders-wait .controls-wrap button {
        margin-left: 0
    }

    .orders-wait .controls-wrap button + button {
        margin-left: 14px
    }

    .orders-wait .controls-wrap .btn-tobasket {
        margin-left: 20px
    }

    .container-form .orders-wait .orders-controls input.add-all[type=submit]:before, .orders-wait .orders-controls .btn.add-all:before, .orders-wait .orders-controls .container-form input.add-all[type=submit]:before {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .container-form .orders-wait .orders-controls input.add-all[type=submit] > span, .orders-wait .orders-controls .btn.add-all > span, .orders-wait .orders-controls .container-form input.add-all[type=submit] > span {
        display: none
    }

    .pagination--right ul {
        text-align: center
    }

    .pagination li:first-child, .pagination li:last-child {
        display: inline-block
    }

    .pagination li:first-child > a > span, .pagination li:first-child > span > span, .pagination li:last-child span {
        display: none
    }

    .pagination li:first-child {
        float: left
    }

    .pagination li:last-child {
        float: right
    }

    .prod-card-list.single .prod-card-wrapper {
        width: 100%
    }

    .prod-card-wrapper {
        float: none;
        width: 100%;
        margin-top: 10px
    }

    .catalog-page .prod-card-wrapper, .collection-page .prod-card-wrapper {
        float: none;
        width: 100%;
        margin-top: 10px
    }

    .prod-card .p-pic {
        width: 180px
    }

    .prod-card .p-pic .p-pic-link {
        width: 90px;
        height: 90px
    }

    .prod-card .p-title {
        margin-bottom: 18px
    }

    .prod-card .p-title a {
        min-height: inherit;
        max-height: none
    }

    .prod-card.xs .p-title {
        margin-bottom: 18px
    }

    .prod-card.xs .p-title a {
        min-height: inherit;
        max-height: none
    }

    .filter-view {
        flex-wrap: wrap
    }

    .filter-view:after {
        top: 50%
    }

    .filter-view .wrap-params {
        order: 0;
        width: 50%
    }

    .filter-view .wrap-create {
        width: 50%
    }

    .filter-view .wrap-create .btn-toggle {
        width: 100%;
        padding: 0;
        border-left: none
    }

    .container-form .filter-view .drop-edit .form-edit input[type=submit], .filter-view .drop-edit .form-edit .btn, .filter-view .drop-edit .form-edit .container-form input[type=submit] {
        padding-right: 12px;
        padding-left: 12px
    }

    .filter-view .collection-controls, .filter-view .division-controls {
        width: 60%
    }

    .filter-view .collection-controls + .wrap-sort:not(.single), .filter-view .division-controls + .wrap-sort:not(.single) {
        width: 40%
    }

    .filter-view .collection-controls .control-item, .filter-view .division-controls .control-item {
        width: 33.33%
    }

    .filter-view .division-controls {
        width: auto
    }

    .filter-view .division-controls .control-item {
        width: 68px
    }

    .filter-view .switch-view-wrap {
        display: none
    }

    .filter-view .switch-view {
        order: 2
    }

    .filter-view .switch-view .item.table {
        display: none
    }

    .filter-view .wrap-sort {
        order: 1
    }

    .filter-view .wrap-sort:not(.single) {
        width: 50%
    }

    .modal-start-hint .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-start-hint .button-start {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .prod-table-list.list-catalog .prod-card-table .pic-wrap {
        position: relative;
        z-index: 1;
        margin-right: 0;
        margin-bottom: 10px
    }

    .category-list:not(.list-aside).solution-list .items-wrap .item {
        width: 100%;
        margin-bottom: 15px
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item .item_i {
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 0
    }

    .category-list:not(.list-aside) .items-wrap.masonry .grid-item {
        width: 100%
    }

    .category-list.list-aside .items-wrap .item {
        clear: both;
        width: 100%
    }

    .category-list.list-bricks {
        margin-bottom: 30px
    }

    .category-list.list-bricks.list-aside .grid-item .item_i {
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 0
    }

    .category-list.list-bricks .items-wrap {
        width: auto !important;
        height: auto !important
    }

    .category-list.list-bricks .grid-item {
        margin-bottom: 15px
    }

    .category-list.list-bricks .c-aside .item {
        margin-bottom: 15px
    }

    .params-tab table td {
        font-size: 13px
    }

    .params-tab table td:first-child {
        padding-right: 15px
    }

    .comments .form-comment .rate {
        text-align: center
    }

    .comments .form-comment .rate .wrap_i {
        display: inline-block;
        float: none;
        margin-bottom: 10px;
        line-height: 1
    }

    .comments .form-comment .rate .star + .star {
        margin-left: 20px
    }

    .comments .form-comment .rate .text {
        float: none;
        margin-left: 0
    }

    .comments .form-comment .msg textarea {
        padding: 20px 15px
    }

    .comments .form-comment .msg input[type=text] {
        padding: 10px 15px
    }

    .comments .form-comment .submit-wrap {
        text-align: center
    }

    .comments .comment .comment-header {
        padding-top: 25px;
        padding-bottom: 10px
    }

    .comments .comment .rate {
        float: none;
        margin-right: 0;
        margin-bottom: 15px
    }

    .comments .comment .name {
        float: none;
        font-size: 15px
    }

    .comments .comment .date {
        float: none;
        margin-left: 0
    }

    .comments .comment .comment-footer {
        padding-top: 10px;
        padding-bottom: 25px
    }

    .comments .comment .question {
        float: none
    }

    .comments .comment .question .q-txt {
        display: block;
        margin-bottom: 10px
    }

    .comments .comment .feedback {
        float: none;
        padding-top: 10px;
        text-align: right
    }

    .comments .reply-list {
        padding-left: 50px
    }

    .comments .reply-form .form-comment .msg textarea {
        padding: 20px 15px
    }

    .ms .manager-block .m-ttl {
        font-size: 18px
    }

    .ms .manager-block .m-pic {
        width: 70px;
        height: 70px;
        margin-right: 15px;
        margin-bottom: 20px
    }

    .ms .manager-block .m-info {
        overflow: inherit
    }

    .ms .manager-block .m-name {
        font-size: 16px
    }

    .modal-map .modal-body {
        padding: 10px 15px 25px
    }

    .modal-map .map-canvas {
        height: 500px
    }

    .delivery-schedule .tabs-head {
        top: 20px
    }

    .delivery-schedule .tabs-head li {
        height: 40px
    }

    .delivery-schedule .tabs-head li + li {
        margin-left: 5px
    }

    .delivery-schedule .tabs-head li .month {
        height: 40px;
        margin-top: -20px;
        padding: 0 20px;
        line-height: 40px
    }

    .delivery-schedule .tabs-head li.active .month {
        height: 40px;
        margin-top: -20px;
        padding: 0 20px;
        line-height: 40px
    }

    .delivery-schedule .month {
        font-size: 16px
    }

    .delivery-schedule .wrap {
        padding-right: 20px;
        padding-bottom: 40px;
        padding-left: 20px
    }

    .delivery-schedule .filter {
        margin-bottom: 20px
    }

    .delivery-schedule .filter .filter-item {
        margin-bottom: 20px
    }

    .delivery-schedule .schedule table thead th {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 13px
    }

    .delivery-schedule .schedule table tbody td {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 13px
    }

    .delivery-schedule .schedule table tbody td:first-child {
        width: 50%
    }

    .delivery-schedule .schedule table tbody td:last-child {
        width: 50%
    }

    .page-title .pt-wrap .pt-description {
        font-size: 14px
    }

    .page-title .switch-lang {
        margin-top: -24px
    }

    .page-title .switch-lang .lang-item {
        height: 48px;
        line-height: 46px
    }

    .page-title .pt-feedback .title-wrap {
        display: block;
        margin-right: 0;
        margin-bottom: 20px
    }

    .page-title .pt-feedback .ttl {
        font-size: 16px
    }

    .page-title .pt-feedback .txt {
        font-size: 14px
    }

    .page-title .pt-product-share .sharing {
        padding-right: 15px;
        border-right: none
    }

    .page-title .pt-product-share .rate .count {
        display: none
    }

    .container-form .page-title .pt-basket .btn-wrap input[type=submit], .page-title .pt-basket .btn-wrap .btn, .page-title .pt-basket .btn-wrap .container-form input[type=submit] {
        padding-right: 15px;
        padding-left: 15px
    }

    .page-title.expanded {
        margin-bottom: 21px
    }

    .page-title.expanded .pt-product-share .rate .count {
        display: block;
        float: right;
        margin-left: 20px;
        line-height: initial
    }

    .tooltip-info .drop-info {
        width: 260px
    }

    .form-group .group-check, .form-group .single-check {
        padding-top: 6px
    }

    .slider-img .wrap {
        padding: 0
    }

    .slider-img .slide {
        padding: 0
    }

    .slider-img .next, .slider-img .prev {
        display: none !important
    }

    .prod-card.collection .p-title a {
        min-height: inherit;
        max-height: none
    }

    .prod-card-list.table table {
        display: block
    }

    .prod-card-list.table table .th-pic {
        width: auto
    }

    .prod-card-list.table table .th-vendor {
        width: auto
    }

    .prod-card-list.table table .th-title {
        width: auto
    }

    .prod-card-list.table table .th-price {
        width: auto
    }

    .prod-card-list.table table .th-basket {
        width: auto
    }

    .prod-card-list.table table .th-controls {
        width: auto
    }

    .prod-card-list.table table thead {
        display: none
    }

    .prod-card-list.table table tbody {
        display: block
    }

    .prod-card-list.table table tbody tr {
        display: block
    }

    .prod-card-list.table table tbody td {
        display: block;
        padding: 0
    }

    .prod-card-list.table .prod-card {
        padding: 20px 15px 15px;
        border-top: 1px solid #e7e7e7
    }

    .prod-card-list.table .prod-card:first-child {
        border-top: none
    }

    .prod-card-list.table .prod-card .p-pic {
        float: none;
        width: 75%;
        margin-bottom: 10px
    }

    .prod-card-list.table .prod-card .p-pic .p-pic-link {
        width: 90px;
        height: 90px
    }

    .prod-card-list.table .prod-card .p-vendor {
        width: 75%;
        margin-bottom: 5px
    }

    .prod-card-list.table .prod-card .td-property {
        margin-bottom: 10px;
        padding-right: 80px
    }

    .prod-card-list.table .prod-card .td-property .prop-val {
        overflow: hidden;
        padding-left: 15px
    }

    .prod-card-list.table .prod-card .p-title {
        width: 75%;
        margin-bottom: 18px
    }

    .prod-card-list.table .prod-card .p-price {
        margin-top: 18px;
        margin-bottom: 25px
    }

    .prod-card-list.table .prod-card .p-price .p-price-cur {
        margin-right: 12px;
        font-size: 16px
    }

    .prod-card-list.table .prod-card .p-price .p-price-cur.sale .val {
        font-size: 18px
    }

    .prod-card-list.table .prod-card .p-price .p-price-cur.sale .cur {
        font-size: 18px
    }

    .prod-card-list.table .prod-card .p-controls {
        position: absolute;
        top: 20px;
        right: 15px;
        width: 50px
    }

    .prod-card-list.table .prod-card .p-controls a {
        display: block
    }

    .prod-card-list.table .prod-card .p-controls a + a {
        margin-top: 5px
    }

    .prod-card-list.table .prod-card .c-btn-wrap {
        padding: 0 15px
    }

    .prod-card-list.table .prod-card.collection .p-pic {
        width: 100%;
        margin-bottom: 18px
    }

    .prod-card-list.table .prod-card.collection .p-pic .p-pic-link {
        width: 120px;
        height: 110px
    }

    .prod-card-list.table .prod-card.collection .p-title, .prod-card-list.table .prod-card.collection .p-type-ttl, .prod-card-list.table .prod-card.collection .p-vendor {
        width: 100%;
        padding: 0 15px
    }

    .catalog-page .prod-card-list.table table .th-pic {
        width: auto
    }

    .catalog-page .prod-card-list.table table .th-vendor {
        width: auto
    }

    .catalog-page .prod-card-list.table table .th-title {
        width: auto
    }

    .catalog-page .prod-card-list.table table .th-price {
        width: auto
    }

    .catalog-page .prod-card-list.table table .th-basket {
        width: auto
    }

    .catalog-page .prod-card-list.table table .th-controls {
        width: auto
    }

    .collection-group .section-head, .prod-card-group .section-head, .prod-table-list .section-head {
        padding: 20px 15px
    }

    .collection-group .section-head .pic, .prod-card-group .section-head .pic, .prod-table-list .section-head .pic {
        float: none;
        width: 120px;
        height: 120px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .collection-group .section-head .title, .prod-card-group .section-head .title, .prod-table-list .section-head .title {
        font-size: 16px
    }

    .collection-group .section-head .manufacturer, .prod-card-group .section-head .manufacturer, .prod-table-list .section-head .manufacturer {
        position: absolute;
        z-index: 1;
        top: 20px;
        right: 15px;
        float: none;
        height: 120px;
        margin: 0
    }

    .collection-group .section-head .manufacturer img, .prod-card-group .section-head .manufacturer img, .prod-table-list .section-head .manufacturer img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .collection-group .prod-card-list .animation-display, .collection-group .prod-table-list .animation-display, .prod-card-group .prod-card-list .animation-display, .prod-card-group .prod-table-list .animation-display, .prod-table-list .prod-card-list .animation-display, .prod-table-list .prod-table-list .animation-display {
        display: block
    }

    .collection-group .prod-msg, .prod-card-group .prod-msg, .prod-table-list .prod-msg {
        border-top: 1px solid #e7e7e7
    }

    .g-wrap .collection-group .prod-msg td, .g-wrap .prod-card-group .prod-msg td, .g-wrap .prod-table-list .prod-msg td {
        padding: 30px 15px 20px
    }

    .collection-group .prod-msg .text, .prod-card-group .prod-msg .text, .prod-table-list .prod-msg .text {
        padding-right: 20px
    }

    .prod-table-list tbody {
        margin: 0
    }

    .prod-table-list tbody .prod-card-table {
        flex-basis: 100%;
        margin: 0
    }

    .prod-table-list tbody .prod-card-table {
        position: relative
    }

    .news-card .pic {
        padding: 10px 10px 0
    }

    .news-card .ttl a {
        max-height: none
    }

    .accordion .acc-body {
        padding-left: 40px
    }

    .accordion .acc-link {
        padding-left: 40px
    }

    .accordion .acc-preview {
        padding-left: 40px
    }

    .accordion .acc-ttl {
        padding-right: 0
    }

    .accordion .acc-ttl .ttl-txt {
        padding-right: 20px
    }

    .g-wrap .nav-tabs > li {
        display: block;
        width: 100%
    }

    .nav-tabs > li:first-child .tab-head {
        border-radius: 0
    }

    .nav-tabs > li.active .tab-head, .nav-tabs > li.active .tab-head:focus, .nav-tabs > li.active .tab-head:hover {
        border-bottom: none
    }

    .tabs-acordeon .tab-item {
        position: relative;
        overflow: hidden
    }

    .tabs-acordeon .tab-pane {
        top: 40px
    }

    .table-responsive {
        overflow-y: hidden;
        width: 100%;
        margin-bottom: 16.5px;
        border: 1px solid #ddd;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

    .modal-pass .modal-body {
        padding-right: 20px;
        padding-left: 20px
    }

    .modal-pass .button-submit {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .main-slider .slide .full-pic .desk {
        display: none
    }

    .main-slider .slide .pic {
        width: 90%
    }

    .main-slider .slide .title {
        width: auto;
        font-size: 18px;
        line-height: 1.3
    }

    .main-slider .slide .text {
        max-height: none
    }

    .main-slider .s-item {
        height: 100px;
        padding-right: 10px;
        padding-left: 10px
    }

    .main-slider .s-pic {
        margin-right: 10px
    }

    .main-promo .wrap-sl.sl-init .item:nth-child(2), .main-promo .wrap-sl.sl-init .item:nth-child(3), .main-promo .wrap-sl.sl-init .item:nth-child(4), .main-promo .wrap-sl.sl-init .item:nth-child(5), .main-promo .wrap-sl.sl-init .item:nth-child(6) {
        display: block
    }

    .main-promo .item {
        width: 100%
    }

    .main-promo .item:nth-child(2), .main-promo .item:nth-child(3), .main-promo .item:nth-child(4), .main-promo .item:nth-child(5), .main-promo .item:nth-child(6) {
        display: none
    }

    #section-HIT.main-products .p-card-tile, #section-HIT.main-products .slide, #section-NEW.main-products .p-card-tile, #section-NEW.main-products .slide {
        width: 100%
    }

    .main-products .title-differ {
        margin-bottom: 12px
    }

    .main-products .wrap.not-init .slide {
        width: 100%
    }

    .main-products .slide {
        margin-top: 10px
    }

    .main-solutions .item {
        padding-right: 10px;
        padding-left: 10px
    }

    .main-solutions .ttl {
        margin-left: 50px;
        font-size: 16px
    }

    .main-services .ttl {
        font-size: 16px
    }

    .main-services .ttl:before {
        left: 20px
    }

    .prod-tile-list:not(.list-catalog) .prod-tile-item {
        width: 100%
    }

    .prod-tile-list.list-catalog .prod-tile-item {
        width: 100%
    }

    .prod-table-list table {
        display: block
    }

    .prod-table-list table thead {
        display: none
    }

    .prod-table-list table tbody {
        display: block
    }

    .prod-table-list table tbody tr {
        display: block
    }

    .prod-table-list table tbody td {
        display: block;
        padding: 0
    }

    .prod-table-list table .th-pic {
        width: auto
    }

    .prod-table-list table .th-vendor {
        width: auto
    }

    .prod-table-list table .th-title {
        width: auto
    }

    .prod-table-list table .th-status {
        width: auto
    }

    .prod-table-list table .th-price {
        width: auto
    }

    .prod-table-list table .th-basket {
        width: auto
    }

    .prod-table-list table .th-controls {
        width: auto
    }

    .prod-card-table {
        padding: 15px;
        border-top: 1px solid #e7e7e7
    }

    .prod-card-table:first-child {
        border-top: none
    }

    .prod-card-table .pic-wrap {
        position: relative;
        z-index: 1;
        margin-right: 60px;
        margin-bottom: 10px
    }

    .prod-card-table .pic-wrap .pic-link {
        height: 140px
    }

    .prod-card-table .p-vendor {
        width: 75%;
        margin-bottom: 5px
    }

    .prod-card-table .title-wrap {
        margin-bottom: 7px
    }

    .prod-card-table .title-wrap a {
        font-size: 14px
    }

    .prod-card-table .mark-sale + .status-wrap {
        margin-top: 5px
    }

    .prod-card-table .status-wrap {
        margin-bottom: 12px
    }

    .prod-card-table .status-wrap .count, .prod-card-table .status-wrap .text {
        float: left
    }

    .prod-card-table .status-wrap .count + .count, .prod-card-table .status-wrap .text + .count {
        margin-left: 10px
    }

    .prod-card-table .price-wrap {
        margin-bottom: 18px
    }

    .prod-card-table .controls-prod {
        position: absolute;
        top: 15px;
        right: 15px;
        overflow: visible
    }

    .prod-table-list.list-catalog .prod-card-table .controls-btns {
        position: static
    }

    .prod-card-table .controls-prod .btn-collection, .prod-card-table .controls-prod .btn-compare {
        width: 50px;
        height: 50px
    }

    .prod-card-table .td-property {
        margin-bottom: 10px;
        padding-right: 80px
    }

    .prod-card-table .td-property .prop-val {
        overflow: hidden;
        padding-left: 15px
    }

    .offers-list .items-list {
        border-top: 1px solid #e7e7e7
    }

    .offers-list .item {
        width: 100%;
        border-top: none
    }

    .offers-list .item.height-2 {
        width: 100%;
        height: 310px
    }

    .offers-list .item.width-2 {
        width: 100%
    }

    .offers-list .item.sort-on {
        position: relative;
        transition: none
    }

    .order-list {
        padding: 30px 20px
    }

    .order-list .title {
        margin-bottom: 25px
    }

    .order-list .wrap-text {
        margin-bottom: 30px
    }

    .order-list .key {
        float: none;
        width: auto;
        font-family: OpenSans-Bold, Helvetica, Arial, sans-serif
    }

    .smart-banner-big {
        padding-right: 20px;
        padding-left: 20px
    }

    .smart-banner-big .title .txt {
        font-size: 18px
    }

    .smart-banner-big .partners-list {
        display: none
    }

    .smart-banner-big .btn-wrap {
        padding-top: 10px
    }

    .smart-banner-big .form-smart-big {
        padding-top: 3px
    }

    .smart-banner-big .form-smart-big .line-row {
        display: block;
        max-width: 300px;
        margin: 17px auto 0
    }

    .smart-banner-big.preview {
        padding-right: 20px;
        padding-left: 20px
    }

    .smart-banner-big.preview .title .icon {
        margin-right: 10px;
        transform: scale(1)
    }

    .smart-banner-big.preview .title .txt {
        font-size: 18px
    }

    .product-view.grid-layout .smart-wrap__articul {
        position: relative;
        top: -25px;
        display: inline-block
    }

    .product-view.grid-layout .in-stock, .product-view.grid-layout .not-available {
        margin-bottom: 29px
    }

    .product-view.grid-layout {
        display: flex !important
    }

    .sl-element {
        max-width: 290px;
        margin-right: auto;
        margin-left: auto
    }

    .sl-element .discount {
        top: 142px;
        right: 60px;
        width: 45px;
        height: 45px;
        font-size: 13px
    }

    .sl-element .zoom-icon {
        top: 0;
        right: 3px;
        transform: scale(.7)
    }

    .sl-element .video-icon {
        top: 0;
        left: 0;
        transform: scale(.7)
    }

    .sl-element .foto360-icon {
        top: 31px;
        left: 3px;
        font-size: 15px
    }

    .sl-element .carousel-wrapper {
        height: 230px;
        margin-bottom: 20px
    }

    .sl-element .carousel .sl-item {
        height: 230px;
        padding: 0 20px
    }

    .sl-element .carousel .sl-item .pic {
        height: 230px
    }

    .sl-element .carousel .sl-item img {
        min-width: auto;
        max-width: 100%;
        max-height: 95%;
        transform: translate(-50%, -50%)
    }

    .sl-element .pager-wrapper {
        width: 100%;
        max-width: 290px;
        height: 62px;
        margin-top: 15px
    }

    .sl-element .pager .sl-item {
        width: 62px;
        height: 62px;
        margin: 0 6px
    }

    .sl-element .pager .sl-item.selected:before {
        width: 62px;
        height: 62px
    }

    .sl-element .pager .sl-item:before {
        width: 62px;
        height: 62px
    }

    .p-crd-info {
        min-height: inherit;
        padding-top: 15px;
        padding-bottom: 26px
    }

    .p-crd-info__count-control {
        display: none
    }

    .p-crd-info__btn-wrap {
        display: none
    }

    .p-crd-info__add-goods {
        display: none
    }

    .p-crd-info__delivery_mt {
        margin-top: 0
    }

    .p-crd-info_not-avail button {
        display: none
    }

    .product-promo .item {
        display: block
    }

    .product-promo .link {
        display: inline-block
    }

    .product-promo .review .link {
        height: auto
    }

    .product-promo .review .pic {
        float: none
    }

    .product-promo .review .text {
        width: auto;
        max-height: inherit;
        padding-top: 10px;
        padding-left: 0;
        transform: none
    }

    .basket-tabs .tab-content .tab-title, .product-tabs .tab-content .tab-title {
        padding-right: 0
    }

    .basket-tabs .tab-content .ttl-txt, .product-tabs .tab-content .ttl-txt {
        padding-right: 20px
    }

    .reviews-grid .video {
        width: 100%
    }

    .related-news .wrap.not-init .slide, .related-products .wrap.not-init .slide {
        width: 100%
    }

    .related-products .slider-initial .p-card-tile, .related-products .slider-initial .prod-card-tile {
        width: 100%
    }

    .reviews-list .item {
        clear: both;
        width: 100%;
        margin-bottom: 15px
    }

    .search-results .nav-tabs > li {
        display: inline-block;
        width: auto
    }

    .search-results .nav-tabs > li .tab-head {
        border-radius: 3px
    }

    .page-hat .bg {
        display: none
    }

    .page-hat .wrap {
        padding-top: 0
    }

    .page-hat .content {
        flex-direction: column
    }

    .page-hat .tm-logo {
        float: none;
        max-width: none;
        margin-bottom: 20px;
        padding-right: 0
    }

    .page-hat .tm-info {
        float: none;
        max-width: none
    }

    .tm-gallery .item {
        width: 50%
    }

    .sl-trademarks.showAll .slide {
        width: 50%
    }

    .sl-trademarks .slide {
        flex: 0 0 50%;
        width: 50%
    }

    .p-card-tile_sale {
        flex: 0 0 100%
    }

    .p-card-tile_catalog {
        flex: 0 0 100%
    }

    .infinite-slider_fourSlides.transition.move_next {
        transform: translateX(-100%)
    }

    .infinite-slider_fourSlides.transition.move_prev {
        transform: translateX(100%)
    }

    .infinite-slider_fourSlides .p-card-tile {
        flex: 0 0 auto;
        width: 100%
    }

    .infinite-slider_fourSlides .p-card-tile:nth-child(n+2) {
        opacity: 0
    }

    .infinite-slider_fiveSlides.transition.move_next {
        transform: translateX(-100%)
    }

    .infinite-slider_fiveSlides.transition.move_prev {
        transform: translateX(100%)
    }

    .infinite-slider_fiveSlides .p-card-tile {
        flex: 0 0 auto;
        width: 100%
    }

    .infinite-slider_fiveSlides .p-card-tile:nth-child(n+2) {
        opacity: 0
    }

    .menu-foot .list_level_1 {
        float: none;
        width: auto
    }

    .reserved-panel .panel-header {
        font-size: 13px
    }

    .reserved-panel .wrap-available, .reserved-panel .wrap-notification, .reserved-panel .wrap-toggle {
        height: 62px;
        line-height: 60px
    }

    .reserved-panel .wrap-toggle {
        width: 35%
    }

    .reserved-panel .wrap-available {
        width: 100%;
        border-top: 1px solid #ccc
    }

    .reserved-panel .wrap-notification {
        width: 65%
    }

    .reserved-panel .related-products.no-accordion .title-differ {
        display: none
    }

    .reserved-panel .related-products.no-accordion .prod-card .p-title {
        width: 80%;
        margin-bottom: 10px
    }

    .reserved-panel .related-products.no-accordion .prod-card .p-title a {
        min-height: 2.4em;
        max-height: 2.4em
    }

    .product-page .scroll-to-top {
        bottom: 70px
    }

    .title-differ .d-ttl {
        font-size: 20px
    }
}

@media (max-width: 660px) {
    .sel-gift-area-btns__btn:last-child {
        margin-top: 10px
    }

    .categories-list__cell {
        width: 50%
    }
}

@media (max-width: 610px) {
    .news-card-wrapper {
        float: none;
        width: auto;
        margin-top: 10px
    }
}

@media (max-width: 580px) {
    .p-crd-info__link-txt {
        display: none
    }
}

@media (max-width: 575px) {
    .category-list.list-bricks .item {
        width: 100%
    }

    .reserved-panel .tags {
        width: 90%
    }

    .main-slider .slide .full-pic .text-wrap, .main-slider .slide .text-wrap {
        margin: 20px 0 10px
    }

    .main-slider .slide .title {
        max-height: none;
        margin-bottom: 10px
    }

    .main-slider .slide .text {
        margin-bottom: 20px
    }
}

@media (max-height: 510px) and (max-width: 1023px) {
    .prod-card-tile .p-wrap {
        width: 100%;
        padding-top: 20px
    }
}

@media (max-width: 480px) {
    .filter-view-mob .icon-box {
        width: 22px;
        height: 22px
    }

    .filter-view-mob .icon-box:before {
        width: 10px;
        height: 10px;
        margin-top: 5px;
        margin-left: 5px
    }

    .filter-view-mob .count-wrap .viewbox + .viewbox {
        margin-right: 15px
    }

    .filter-view-mob .count-wrap, .filter-view-mob .sort-link {
        padding: 0 10px
    }

    .collection-group .prod-msg .basket-remove, .prod-card-group .prod-msg .basket-remove, .prod-table-list .prod-msg .basket-remove {
        margin-bottom: 20px
    }

    .collection-group .prod-msg .message-off, .prod-card-group .prod-msg .message-off, .prod-table-list .prod-msg .message-off {
        display: block;
        padding-left: 40px
    }

    .offers-list .item {
        height: auto;
        min-height: 310px
    }

    .sl-trademarks .slide {
        flex: 0 0 100%;
        width: 100%
    }

    .user-panel-mob .item .wrap-link {
        padding: 0 11px
    }

    .user-panel-mob .item.logo {
        padding: 0 11px
    }

    .user-panel-mob .item.search .wrap-link {
        padding: 0 16px
    }

    .title-differ .d-ttl {
        margin-left: 45px;
        font-size: 18px
    }
}

@media (max-width: 479px) {
    .basket-controls .btn-cabinet, .basket-controls .btn-order {
        display: block;
        width: 100%
    }

    .order-nav {
        margin-right: -50px;
        margin-left: -50px
    }

    .modal-ordered .advance .item {
        float: none;
        width: auto;
        margin-bottom: 20px;
        padding: 0
    }

    .modal-ordered .advance .item:last-child {
        margin-bottom: 0
    }

    .attention-modal__title {
        font-size: 19px
    }

    .attention-opts__btn-group + .attention-opts__btn-group {
        margin-top: 20px
    }

    .reviews-list .item_i {
        padding-right: 20px;
        padding-left: 20px
    }

    .reviews-list .item_i.open {
        padding-right: 30px;
        padding-left: 30px
    }

    .tm-gallery .item {
        float: none;
        width: auto;
        margin-bottom: 10px
    }
}

@media (max-width: 470px) {
    .controls-order-mob__text {
        font-size: 14px
    }

    .controls-order-mob__count > * {
        width: 42px;
        height: 40px;
        line-height: 40px
    }

    .controls-order-mob__count .count-control__minus {
        line-height: 36px
    }

    .controls-order-mob__btn {
        flex-basis: 45%;
        height: 40px
    }

    .product-page .scroll-to {
        bottom: 70px
    }
}

@media (max-width: 450px) {
    .categories-list__grid {
        width: calc(100% + 10px);
        margin: -5px
    }

    .categories-list__cell {
        width: 50%;
        padding: 5px
    }

    .categories-list__item {
        padding: 10px;
        font-size: 12px;
        line-height: 1.2
    }

    .categories-list__icon {
        width: 30px;
        height: 30px;
        margin-right: 8px
    }
}

@media (max-width: 407px) {
    .controls-order-mob_not-avail .controls-order-mob__btn {
        flex-basis: 50%;
        font-size: 11px
    }
}

@media (max-width: 400px) {
    .page-title.expanded .pt-product-share .rate .count {
        display: none
    }
}

@media (max-width: 384px) {
    .modal-auth .social a {
        margin: 0 10px
    }

    .modal-ordered .social a {
        margin: 0 10px
    }
}

@media (max-width: 380px) {
    .user-panel-mob .item .wrap-link {
        padding: 0 8px
    }

    .user-panel-mob .item.hamburger {
        padding: 0 5px 0 0
    }

    .user-panel-mob .item.logo {
        padding: 0 5px
    }

    .user-panel-mob .item.search .wrap-link {
        padding: 0 8px
    }
}

@media (max-width: 370px) {
    .filter-view-mob {
        font-size: 13px
    }

    .filter-view-mob .count-wrap .viewbox + .viewbox {
        margin-right: 12px
    }

    .filter-view-mob .count-wrap .viewbox .txt-box {
        margin-right: 5px
    }
}

@media (max-width: 320px) {
    .container-form .modal-order-wait .modal-basket-footer input[type=submit], .modal-order-wait .modal-basket-footer .btn, .modal-order-wait .modal-basket-footer .container-form input[type=submit] {
        width: 100%;
        margin: 5px 0
    }

    .offers-list .item.width-2 .item-pic {
        max-width: 190px
    }
}

@media (max-height: 789px) {
    .prod-card-tile.prod-card-tile_opened .drop-wrap {
        justify-content: flex-start;
        height: auto;
        min-height: auto
    }

    .related-products_analogy .prod-card-tile .add-wrap {
        display: none
    }
}

@media (max-height: 780px) {
    .main-menu-2 .drop-wrap {
        height: calc(100vh - 242px)
    }

    .main-menu-2 .menu-block {
        height: 100%
    }

    .main-menu-2 .button-nav_down {
        bottom: 0
    }

    .main-menu-2 .banner-block {
        height: 100%
    }

    .main-menu-2 .partner-block {
        display: none
    }

    .main-menu-2 .drop-menu_2 {
        height: 100%
    }
}

@media (max-height: 510px) {
    .tags .item > a {
        font-size: 11px
    }

    .prod-card-tile.prod-card-tile_opened {
        display: none;
        height: 40px;
        border-top: 2px solid #ccc;
        border-left: none
    }

    .related-news .sl-nav-mob, .related-products .sl-nav-mob {
        display: none
    }

    .tags .item > a {
        font-size: 11px
    }

    .reserved-panel .tab-content {
        margin-top: -57px
    }

    .reserved-panel .tags {
        top: -63px
    }

    .main-slider__btn {
        width: 42px
    }
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }

    .visible-print-block {
        display: block !important
    }

    .visible-print-inline {
        display: inline !important
    }

    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

@keyframes donut-spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes bouncing-loader {
    to {
        opacity: .1;
        transform: translate3d(0, -1rem, 0)
    }
}

.mm-opener {
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none
}

.mm-opener.it-works {
    opacity: 1;
    pointer-events: auto
}

.icon-bonus-1 {
    display: inline-block;
    margin-right: 5px
}

.icon-bonus-1:before {
    display: inline-block;
    width: .9em;
    height: .9em;
    content: ' ';
    background-image: url(/local/templates/html/images/sprite_svg.svg);
    background-repeat: no-repeat;
    background-position: -.2em -260.1em;
    background-size: 5.7em 585.5em;
    font-size: 10px
}

.icon-bonus-2 {
    display: inline-block;
    margin-right: 5px
}

.icon-bonus-2:before {
    position: relative;
    top: 0;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/css/../images/icon_bonus_card.png);
    background-repeat: no-repeat;
    font-size: 10px
}

.icon-bonus-3 {
    display: inline-block;
    margin-right: 5px
}

.icon-bonus-3:before {
    position: relative;
    top: 0;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/css/../images/icon_bonus_card_x3.png);
    background-repeat: no-repeat;
    font-size: 10px
}

.icon-bonus-4 {
    display: inline-block;
    margin-right: 5px
}

.icon-bonus-4:before {
    position: relative;
    top: 0;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/css/../images/icon_bonus_card_x4.png);
    background-repeat: no-repeat;
    font-size: 10px
}

.icon-bonus-5 {
    display: inline-block;
    margin-right: 5px
}

.icon-bonus-5:before {
    position: relative;
    top: 0;
    display: inline-block;
    width: 1.6em;
    height: 1.6em;
    content: ' ';
    background-image: url(/local/templates/html/css/../images/icon_bonus_card_x5.png);
    background-repeat: no-repeat;
    font-size: 10px
}

.breadcrumb-drop {
    position: static
}

.breadcrumb-drop:hover {
    position: relative
}

.custom-color .about-certificates .next:hover, .custom-color .about-certificates .prev:hover, .custom-color .about-range .menu .item_1:before, .custom-color .accord-section .accord-link:after, .custom-color .accord-section .accord-link:before, .custom-color .accord-section.closed .accord-link:hover:after, .custom-color .accord-section.closed .accord-link:hover:before, .custom-color .accordion .acc-link:hover .icon:after, .custom-color .accordion .acc-link:hover .icon:before, .custom-color .btn-primary, .custom-color .btn-status.btn-available, .custom-color .category-list .item_i.open .btn-toggle span, .custom-color .category-list .item_i.open .btn-toggle span:after, .custom-color .category-list .item_i.open .btn-toggle span:before, .custom-color .container-form input[type=submit], .custom-color .ear-promo .inner-wrap, .custom-color .filter-params .acc-link:hover .icon:after, .custom-color .filter-params .acc-link:hover .icon:before, .custom-color .form-control--select .form-control--select_item:hover, .custom-color .jq-checkbox:not(.formstyler-img).checked .jq-checkbox__div, .custom-color .jq-radio:not(.formstyler-img).checked .jq-radio__div:before, .custom-color .jq-selectbox li:hover, .custom-color .main-advance a.item:hover, .custom-color .main-menu-2:before, .custom-color .main-menu-mob .item_1 .link-wrap_1 > a:not(.icon_1), .custom-color .main-menu-mob .item_1 .link-wrap_1 > span, .custom-color .main-nav::before, .custom-color .main-partners .next:hover, .custom-color .main-partners .prev:hover, .custom-color .main-promo .item .mark-preview, .custom-color .main-promo .paginator a.selected, .custom-color .main-slider .sl-pagination.lg a::after, .custom-color .main-slider .sl-pagination.lg a:before, .custom-color .main-slider .sl-pagination.sm a.selected, .custom-color .main-solutions .bg, .custom-color .mark-sale, .custom-color .offers-list .filter .f-item.active, .custom-color .offers-list .item .mark-preview, .custom-color .pagination li.active > a, .custom-color .pagination li.active > span, .custom-color .prod-table-list.list-catalog .mark-sale, .custom-color .prod-table-list.series-catalog .mark-sale, .custom-color .reviews-list .btn-toggle:hover span, .custom-color .reviews-list .btn-toggle:hover span:after, .custom-color .reviews-list .btn-toggle:hover span:before, .custom-color .sl-element .discount, .custom-color .sl-nav__next:hover, .custom-color .sl-nav__prev:hover, .custom-color .solution-menu .link-wrap.active, .custom-color .solution-menu .link-wrap:hover, .custom-color .tags .item.active > a, .custom-color .user-panel .sd-item.all-results {
    background-color: #634f9a
}

.custom-color .btn-primary:hover, .custom-color .btn-status.btn-available:focus, .custom-color .btn-status.btn-available:hover, .custom-color .container-form input[type=submit]:hover, .custom-color .container-list-menu .item_1--catalog:hover, .custom-color .main-menu-2 .flexMenu-viewMore:hover > a, .custom-color .main-menu-2 .flexMenu-viewMore:hover > a:hover, .custom-color .main-menu-2 .item_1.active > a, .custom-color .main-menu-2 .item_1.active > span, .custom-color .main-menu-2 .item_1.hover > a, .custom-color .main-menu-2 .item_1.hover > a:hover, .custom-color .main-menu-2 .item_1:hover > a, .custom-color .main-menu-2 .item_1:hover > a:hover, .custom-color .user-panel .sd-item.all-results:hover {
    background-color: #4b397d
}

.custom-color .category-list .item.promotion .btn-toggle span, .custom-color .category-list .item.promotion .btn-toggle span:after, .custom-color .category-list .item.promotion .btn-toggle span:before {
    background-color: #fff
}

.custom-color .accord-section .accord-link, .custom-color .accord-section.closed .accord-link:hover, .custom-color .accordion .acc-link:hover .icon, .custom-color .b-count__input:hover, .custom-color .breadcrumb-drop ol > li .wrap-drop:hover > a, .custom-color .breadcrumb-drop ol > li .wrap-drop:hover > span, .custom-color .collection-group .wrap-toggle .btn-close:hover, .custom-color .comments .wrap-toggle .btn-toggle:hover, .custom-color .contacts-drop__phone-num, .custom-color .document-list .doc-item > a:hover .file .paper, .custom-color .document-list .doc-item > a:hover .file .paper:before, .custom-color .document-list .doc-item > a:hover .file .txt, .custom-color .jq-checkbox:not(.formstyler-img).checked .jq-checkbox__div, .custom-color .prod-card-group .wrap-toggle .btn-close:hover, .custom-color .prod-card-line .controls-basket .count:hover .count-input, .custom-color .prod-card-table .controls-basket .count:hover .count-input, .custom-color .prod-card-tile .controls-basket .count:hover .count-input, .custom-color .prod-table-list .wrap-toggle .btn-close:hover, .custom-color .reviews-list .wrap-btn-all .btn-all:active, .custom-color .reviews-list .wrap-btn-all .btn-all:hover, .custom-color .sl-element .pager .sl-item.selected:before, .custom-color .sl-trademarks .wrap-btn-all .btn-all:active, .custom-color .sl-trademarks .wrap-btn-all .btn-all:hover, .custom-color .user-panel .item.search .wrap-form.opened .input {
    border-color: #634f9a
}

.custom-color .b-count__btn-mns:before, .custom-color .prod-card-line .controls-basket .count .btn-minus:before, .custom-color .prod-card-table .controls-basket .count .btn-minus:before, .custom-color .prod-card-tile .controls-basket .count .btn-minus:before {
    border-top-color: #634f9a
}

.custom-color .b-count__btn-pls:before, .custom-color .prod-card-line .controls-basket .count .btn-plus:before, .custom-color .prod-card-table .controls-basket .count .btn-plus:before, .custom-color .prod-card-tile .controls-basket .count .btn-plus:before {
    border-bottom-color: #634f9a
}

.custom-color .cssload-whirlpool, .custom-color .cssload-whirlpool::after, .custom-color .cssload-whirlpool::before, .custom-color .document-list .doc-item > a:hover .file .paper:after {
    border-left-color: #634f9a
}

.custom-color .main-menu-mob .item_1 + .item_1 {
    border-top-color: #4b397d
}

.custom-color .about-range .menu .item_1 > a:hover, .custom-color .accord-section .accord-link, .custom-color .accordion .acc-link:hover .title, .custom-color .add-goods__plus, .custom-color .add-wrap__btn-add, .custom-color .basket-delivery .delivery-info.error, .custom-color .basket-table .delivery-info.error, .custom-color .basket-table .prod-title a.hover, .custom-color .basket-table .prod-title a:hover, .custom-color .basket-table .td-promocode .btn-link.collapsed:hover, .custom-color .basket-table-mob .prod-list .fullprice.sale .val, .custom-color .basket-tabs .nav-tabs li .tab-head span.count, .custom-color .basket-tabs .nav-tabs li.active .tab-head span, .custom-color .breadcrumb-drop ol > li, .custom-color .breadcrumb-drop ol > li .list-drop li > a:hover, .custom-color .breadcrumb-drop ol > li .wrap-drop:hover > a, .custom-color .breadcrumb-drop ol > li .wrap-drop:hover > span, .custom-color .cabinet-menu .item_1.active > a, .custom-color .cabinet-menu .item_1.active > span:not(.indicator), .custom-color .category-list .text .count, .custom-color .category-list .text a:hover, .custom-color .collection-group .wrap-toggle .btn-close:hover, .custom-color .comments .wrap-toggle .btn-toggle:hover, .custom-color .contacts-list .block-btn .btn-contacts, .custom-color .contacts-phones__link--text.contacts-phones__link--text, .custom-color .content-404 .big-title, .custom-color .document-list .doc-item > a:hover, .custom-color .document-list .doc-item > a:hover .file .txt, .custom-color .filter-params .acc-link:hover .title, .custom-color .filter-params .checkbox .count, .custom-color .filter-params .trigger-section .trigger-link:hover, .custom-color .filter-params.brands li > a .count, .custom-color .filter-params.brands li > a:hover, .custom-color .filter-view .switch-sort .item.active .sort-link, .custom-color .g-wrap ul:not(.list-reset) > li:before, .custom-color .header-top-menu .item:hover, .custom-color .main-promo .item:hover .ttl, .custom-color .main-solutions .all-wrap a, .custom-color .menu-foot .item_1.active > a, .custom-color .menu-foot .item_1.active > a:hover, .custom-color .menu-foot .item_1.active > span, .custom-color .menu-foot .item_1 > a:hover, .custom-color .news-card .ttl a.hover, .custom-color .news-card .ttl a:hover, .custom-color .offers-list .filter .f-item .count, .custom-color .offers-list .item:hover .ttl, .custom-color .page-title .pt-links a, .custom-color .pagination li > a:hover, .custom-color .price-wrap_sale .price-wrap__cur-cur, .custom-color .price-wrap_sale .price-wrap__cur-val, .custom-color .prod-card .p-price .p-price-cur.sale .cur, .custom-color .prod-card .p-price .p-price-cur.sale .val, .custom-color .prod-card .p-title a.hover, .custom-color .prod-card .p-title a:hover, .custom-color .prod-card-group .wrap-toggle .btn-close:hover, .custom-color .prod-card-line .price-wrap .price-cur.sale .cur, .custom-color .prod-card-line .price-wrap .price-cur.sale .val, .custom-color .prod-card-table .price-wrap .price-cur.sale .cur, .custom-color .prod-card-table .price-wrap .price-cur.sale .val, .custom-color .prod-card-tile .price-wrap .price-cur.sale .cur, .custom-color .prod-card-tile .price-wrap .price-cur.sale .val, .custom-color .prod-table-list .wrap-toggle .btn-close:hover, .custom-color .product-tabs .nav-tabs li .tab-head span.count, .custom-color .product-tabs .nav-tabs li.active .tab-head span, .custom-color .reviews-list .wrap-btn-all .btn-all:active, .custom-color .reviews-list .wrap-btn-all .btn-all:hover, .custom-color .sl-trademarks .wrap-btn-all .btn-all:active, .custom-color .sl-trademarks .wrap-btn-all .btn-all:hover, .custom-color .title-differ .d-ttl .d-count, .custom-color .user-panel .item .count, .custom-color .user-panel-mob .item .count, .custom-color a {
    color: #458381
}

.custom-color .basket-table .td-promocode .btn-link, .custom-color .cabinet-menu .item_1 > a:hover, .custom-color .main-products .promo-block a.item.action:hover .link-more span, .custom-color .p a:not(.btn):focus, .custom-color .p a:not(.btn):hover, .custom-color .p-crd-info__link-txt:hover, .custom-color .page-title .pt-links a:hover, .custom-color .price-item_red, .custom-color a:focus, .custom-color a:hover, .custom-color p a:not(.btn):focus, .custom-color p a:not(.btn):hover, .custom-color.main a.d-ttl:hover {
    color: #458381
}

.custom-color .btn-primary, .custom-color .btn-primary:hover, .custom-color .btn-success, .custom-color .btn-success:hover, .custom-color .category-list .item.promotion .text a:hover, .custom-color .category-list .item.promotion .text:hover, .custom-color .container-form input[type=submit], .custom-color .container-form input[type=submit]:hover, .custom-color .main-menu-2 .flexMenu-viewMore:hover > a, .custom-color .main-menu-2 .flexMenu-viewMore:hover > a:hover, .custom-color .main-menu-2 .item_1.hover > a, .custom-color .main-menu-2 .item_1.hover > a:hover, .custom-color .main-menu-2 .item_1:hover > a, .custom-color .main-menu-2 .item_1:hover > a:hover, .custom-color .pagination li.active > a:hover {
    color: #fff
}

.contacts-drop__tcell-phone.contacts-drop__tcell-phone a, .contacts-phones a, .custom-color .categories-list__item, a.title-wrap__ttl {
    color: #000
}

.contacts-phones__link:hover, .custom-color .categories-list__item:hover {
    color: #5cd3cf
}

.custom-color .contacts-list .block-btn .btn-contacts .icon:before, .custom-color .filter-view .switch-sort .sort-link .icon:before, .custom-color .main-solutions .icon:before, .custom-color .pagination li:last-child i:before, .custom-color .solution-menu .icon:before, .custom-color .tm-gallery .link-pic .bg:before {
    background-image: url(/local/templates/html/images/sprite_svg_blue.svg)
}

.custom-color .ic2-icon_bonus_card:before, .custom-color .icon-bonus-2:before, .custom-color .icon-bonus:before {
    background-image: url(/local/templates/html/css/../images/icon_bonus_card_blue.png)
}

.footer-c {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    border-top: 1px solid #e7e7e7;
    background: #575756
}

.payment-icons {
    max-width: 100%;
    padding-top: 8px
}

.copyright-text {
    color: #fff;
    font-size: 13px
}

.item--awards {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.coins-pic {
    display: inline-flex;
    align-items: center;
    padding-left: 10px
}

.coins-pic img {
    width: auto;
    height: 36px
}

.b24-widget-button-crmform {
    background-image: url(/local/templates/html/images/icons/Icon.svg) !important;
    background-size: 80% !important
}

.b24-widget-button-icon-container div[data-b24-crm-button-icon=crmform] {
    background-image: url(/local/templates/html/images/icons/Icon.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% !important
}

.b24-widget-button-icon-container div[data-b24-crm-button-icon=crmform] svg {
    display: none
}

.custom-color #jvlabelWrap, .custom-color #jvlabelWrap *, .custom-color .__jivoMobileButton, .custom-color .__jivoMobileButton *, .custom-color .leaf_f8f._bottom_d1d {
    display: none !important;
    visibility: hidden;
    opacity: 0
}

.b24-widget-button-block .tooltip {
    font-size: 14px
}

.b24-widget-button-bottom .tooltip.fade {
    display: none !important;
    visibility: hidden;
    opacity: 0
}

.btn-video::before {
    position: absolute;
    left: 5px;
    width: 30px;
    height: 31px;
    content: '';
    background-image: url(/local/templates/html/images/icons/film.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.btn-video {
    position: relative;
    padding: 10px 10px;
    padding-left: 50px;
    border-radius: 3px
}

.xdsoft_datetimepicker {
    position: absolute;
    z-index: 99999;
    display: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    padding-top: 2px;
    padding-left: 0;
    color: #333;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .506);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 210px;
    border: 0;
    background: 0 0
}

.xdsoft_datetimepicker button {
    border: none !important
}

.xdsoft_noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    position: static;
    display: inline-block;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    float: left;
    width: 224px;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    float: left;
    width: 58px;
    margin-top: 0;
    margin-left: 8px;
    text-align: center
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    display: inline-block;
    opacity: .5;
    width: 9px;
    height: 20px;
    vertical-align: middle;
    background-position: -92px -19px
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    margin-left: 5px;
    background-position: -70px 0
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    position: relative;
    display: block;
    opacity: .5;
    overflow: hidden;
    width: 20px;
    min-width: 0;
    height: 30px;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
    text-indent: 100%;
    border: 0 none;
    outline: medium none;
    background-color: transparent;
    background-repeat: no-repeat;
    -ms-filter: 'alpha(opacity=50)';
    filter: 'alpha(opacity=50)'
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    display: block;
    float: none;
    width: 30px;
    height: 15px;
    margin-top: 7px;
    margin-left: 14px;
    background-position: -40px -15px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next, .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-right: 14px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin-top: 0;
    margin-bottom: 7px;
    background-position: -40px 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    overflow: hidden;
    height: 151px;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    height: 25px;
    cursor: pointer;
    text-align: center;
    color: #666;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    border-bottom-width: 0;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: 'alpha(opacity=100)';
    filter: 'alpha(opacity=100)'
}

.xdsoft_datetimepicker .xdsoft_label {
    position: relative;
    z-index: 9999;
    display: inline;
    float: left;
    width: 182px;
    margin: 0;
    padding: 5px 3px;
    cursor: pointer;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    position: absolute;
    z-index: 101;
    top: 30px;
    right: 0;
    display: none;
    overflow-y: hidden;
    max-height: 160px;
    border: 1px solid #ccc;
    background: #fff
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: #fff;
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    width: 100%;
    border-collapse: collapse
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    height: 25px;
    padding: 0;
    cursor: pointer;
    text-align: right;
    vertical-align: middle;
    color: #666;
    border: 1px solid #ddd;
    border-collapse: collapse;
    background: #f5f5f5;
    font-size: 12px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    color: #000;
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    color: #000;
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #fff;
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .5;
    cursor: default;
    -ms-filter: 'alpha(opacity=50)';
    filter: 'alpha(opacity=50)'
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: 'alpha(opacity=20)';
    filter: 'alpha(opacity=20)'
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    color: #fff !important;
    background: #3af !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    cursor: default;
    text-align: center;
    color: #999;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_copyright {
    float: none;
    clear: both;
    margin-left: 8px;
    color: #ccc !important;
    font-size: 10px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar > .xdsoft_scroller {
    height: 20px;
    border-radius: 3px;
    background: #ccc !important
}

.xdsoft_scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 7px;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    right: auto;
    left: 0
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    color: #ccc;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    background: #000;
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, .506)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: #999;
    border-top: 1px solid #222;
    background: #0a0a0a
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    color: #000;
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #999;
    border: 1px solid #222;
    background: #0a0a0a
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    color: #000;
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    color: #000;
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    color: #000;
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000 !important;
    background: #007fff !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    width: 100%;
    margin-top: 5px;
    color: #454551;
    border: 1px solid #ddd !important;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    position: relative;
    height: 28px;
    padding: 4px 17px 4px 33px;
    color: #82878c;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
    background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
    font-family: museo-sans, 'Book Antiqua', sans-serif;
    font-size: 12px;
    font-weight: 300;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0)
}

.xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:focus span, .xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #fff));
    background: -webkit-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: -o-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: -ms-linear-gradient(top, #f4f8fa 0, #fff 73%);
    background: linear-gradient(to bottom, #f4f8fa 0, #fff 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0)
}

.left-nav {
    padding: 10px 10px 10px 10px;
    background-color: #f5f5f5
}

.left-nav__item {
    padding: 10px 0;
    border-bottom: 1px solid #d3d3d3
}

.left-nav__item.menu_level_2 {
    margin-bottom: 0 !important;
    padding: 0;
    border: none
}

.left-nav__item + .left-nav__item {
    padding-top: 6.5px
}

.left-nav__link {
    -webkit-transition: color .2s;
    transition: color .2s;
    color: #000
}

.no-touch .left-nav__link:hover {
    color: #5cd3cf
}

.left-nav__link:not(.menu_level_2), span.left-nav__link {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    cursor: pointer;
    line-height: 20px
}

.left-nav__link.is-active:not(.menu_level_2), span.left-nav__link {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    cursor: default;
    color: #5cd3cf;
    line-height: 20px
}

.left-nav__link.is-active.menu_level_2 {
    color: #5cd3cf
}

.left-nav__link:not(.menu_level_2)::before, span.left-nav__link::before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    margin-right: 10px;
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: middle;
    border: 2px solid;
    border-width: 0 2px 2px 0
}

.left-nav__link.is-active:not(.menu_level_2)::before, span.left-nav__link::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.left-nav__text--big {
    font-size: 20px;
    font-weight: 700
}

.left-nav__count-items {
    padding-left: 5px;
    color: #545555;
    font-size: 10px
}

.g-header {
    background: #fff
}

.ears {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ear {
    position: sticky;
    z-index: 2;
    top: 72px;
    bottom: 0;
    overflow: hidden;
    height: calc(100vh - 72px);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto auto
}

.ear__img-box {
    position: absolute;
    top: 0;
    display: block
}

.ear img {
    display: inline-block;
    vertical-align: top
}

.ear__link {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ear--left {
    left: 0
}

.ear--left .ear__img-box {
    right: 0
}

.ear--right {
    right: 0
}

.ear--right .ear__img-box {
    left: 0
}

@media (min-width: 768px) {
    .ear {
        width: calc((100% - 750px) / 2)
    }
}

@media (min-width: 1024px) {
    .ear {
        width: calc((100% - 980px) / 2)
    }
}

@media (min-width: 1280px) {
    .ear {
        width: calc((100% - 1270px) / 2)
    }
}

@media (min-width: 1600px) {
    .ear {
        width: calc((100% - 1570px) / 2)
    }
}

.header-menu-lvl1 {
    position: relative;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 0 auto !important;
    padding: 0 !important
}

.header-menu-lvl1__item {
    position: relative;
    margin-left: 41px
}

.header-menu-lvl1__item::before {
    position: absolute;
    top: 50%;
    left: -20px;
    display: block;
    width: 1px;
    height: 20px;
    margin-top: -9px;
    content: '';
    background: rgba(255, 255, 255, .25)
}

.header-menu-lvl1__item:first-child::before, .header-menu-lvl1__item:last-child::before {
    display: none
}

.header-menu-lvl1__link {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    transition: color ease .3s, background .3s;
    text-decoration: none;
    color: #fff;
    font-family: OpenSans-Regular;
    font-size: 15px;
    line-height: 1.3
}

.header-menu-lvl1__link:focus, .header-menu-lvl1__link:hover {
    transition: color ease .3s, background .3s;
    text-decoration: none;
    color: #575756;
    background: #fff
}

.header-menu-lvl1__link.with-submenu {
    position: relative;
    padding-right: 25px
}

.header-menu-lvl1__link.with-submenu::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    content: '';
    transition-duration: .3s;
    transform: translateY(-50%) rotate(-45deg);
    border-bottom: 1px solid;
    border-left: 1px solid
}

.header-menu-lvl1__link.with-submenu:hover::after {
    transform: translateY(-50%) rotate(135deg)
}

.header-menu-lvl1__link.with-submenu:hover + .header-menu-lvl2, .header-menu-lvl2:hover {
    visibility: visible;
    opacity: 1;
    transition: visibility ease .3s, opacity ease .3s
}

.header-menu-lvl1__link .icon {
    margin-left: 5px;
    fill: #fff
}

.header-menu-lvl1__link:hover .icon {
    fill: #575756
}

.header-menu-lvl1__item:last-child {
    width: 125px
}

.header-menu-lvl1__item:last-child .header-menu-lvl1__link {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    transform: translate(0, -50%);
    border: 1px solid #dbe0e2;
    background: #458381
}

.header-menu-lvl1__item:last-child .header-menu-lvl1__link:focus, .header-menu-lvl1__item:last-child .header-menu-lvl1__link:hover {
    background: #fff
}

.header-menu-lvl2 {
    position: absolute !important;
    z-index: 10;
    top: 100%;
    right: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    max-height: 70vh;
    margin: 0 !important;
    padding: 15px 10px !important;
    transition: visibility ease .3s, opacity ease .3s;
    border: 1px solid #f1f1f1;
    background-color: #fff
}

.header-menu-lvl2 {
    -webkit-overflow-scrolling: auto;
    -moz-overflow-scrolling: auto;
    -ms-overflow-scrolling: auto;
    -o-overflow-scrolling: auto
}

.header-menu-lvl2::-webkit-scrollbar {
    width: 4px;
    cursor: pointer;
    -webkit-appearance: none
}

.header-menu-lvl2::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    background-color: #e0e0e0
}

.header-menu-lvl2::-webkit-scrollbar-track {
    background-color: #e0e0e0
}

.header-menu-lvl2::-webkit-scrollbar-track-piece {
    background-color: #e0e0e0
}

.header-menu-lvl2::-webkit-scrollbar-thumb {
    width: 0;
    height: 0;
    border-radius: 5px;
    background-color: #aaa
}

.header-menu-lvl2::-webkit-scrollbar-corner {
    width: 0;
    height: 0;
    background-color: #e0e0e0
}

.header-menu-lvl2::-webkit-resizer {
    background-color: #e0e0e0
}

.header-menu-lvl2__item.active .header-menu-lvl2__link {
    color: #5cd3cf
}

.header-menu-lvl2__link {
    display: block;
    overflow: hidden;
    max-width: 100%;
    margin: 0 0 10px;
    text-decoration: none;
    text-overflow: ellipsis;
    color: #323232;
    font-size: 13px;
    line-height: 1.2
}

.header-menu-lvl2__link:focus, .header-menu-lvl2__link:hover {
    text-decoration: none
}

.header-menu-lvl1__item:first-child .header-menu-lvl2 {
    min-width: 100%
}

.header-menu-lvl1__item:nth-child(2) .header-menu-lvl2 {
    width: 250px
}

@media (max-width: 1599px) {
    .header-menu-lvl1__item {
        margin-left: 21px
    }

    .header-menu-lvl1__item::before {
        left: -10px
    }
}

.slam-copyright {
    text-decoration: none;
    color: #fff;
    font-family: OpenSans-Regular;
    font-size: 12px
}

.row-align-center {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.lazy-img-wrap {
    position: relative;
    overflow: hidden
}

.pic .lazy-img-wrap {
    display: block;
    height: 100%
}

.lazy-img-wrap.loaded .preloader {
    display: none
}

.header-menu-lvl1 [id*=bx_incl_area] {
    display: flex
}

.section-expert__row > [id*=bx_incl_area] {
    max-width: 50%
}

.section-expert__row > [id*=bx_incl_area] .section-expert__right {
    flex: 0 0 100%;
    max-width: 100%
}

.js_ajax_opacity {
    position: relative
}

.js_ajax_opacity:after {
    position: absolute;
    z-index: 111;
    top: 200px;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    content: '';
    background: url(/local/templates/html/images/processing.gif) no-repeat center center;
    background-size: cover
}

@media (min-width: 1024px) {
    .footer-phones {
        display: none
    }
}

@media (max-width: 1023px) {
    .footer-wrap {
        display: flex
    }

    .footer-phones .contacts-phones__link {
        display: block;
        margin: 0 0 15px
    }

    .footer-phones .contacts-phones__link--text {
        color: #458381
    }

    .footer-icons .pic {
        display: flex
    }

    .p-card-tile {
        height: auto;
        max-height: 100%
    }
}

@media (max-width: 575px) {
    .pagination li:first-child {
        margin-right: 2px
    }

    .pagination li:last-child {
        margin-left: 2px
    }

    .pagination li:first-child i {
        margin-right: 2px
    }

    .pagination li:last-child i {
        margin-left: 2px
    }

    .pagination li {
        margin: 0
    }

    .pagination li > a, .pagination li > span {
        width: 25px;
        height: 25px
    }

    .footer-wrap {
        display: block
    }

    .footer-icons {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin: 30px 0 0
    }

    .footer-icons .pic .lazy-img-wrap {
        max-width: 60px
    }

    .scroll-to {
        right: -55px;
        bottom: 20px
    }
}

#modalPhonesList .contacts-drop {
    padding-bottom: 20px
}

.catalog-categories a {
    text-decoration: none
}

.catalog-categories .catalog-categories__prev-category-title {
    position: relative;
    display: flex;
    padding-left: 20px;
    text-transform: uppercase
}

.catalog-categories .catalog-categories__prev-category-title::before {
    position: absolute;
    top: 50%;
    left: 8px;
    width: 8px;
    height: 8px;
    content: '';
    transform: rotate(-45deg) translateY(-50%);
    border-top: 1px solid;
    border-left: 1px solid
}

.catalog-categories ul.list-reset .catalog-categories__sub-list {
    padding: 0 0 0 40px
}

.catalog-categories ul.list-reset .catalog-categories__sub-list li:before {
    content: none
}

@media (min-width: 1024px) {
    .catalog-categories ul.list-reset .catalog-categories__sub-list li .is-active {
        display: block;
        margin-left: -10px;
        padding: 4px 10px;
        pointer-events: none;
        color: #484848;
        border-radius: 1px;
        background: #f6f6f6
    }
}

@media (max-width: 1023px) {
    .filter-view {
        margin-bottom: 10px
    }

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

    .catalog-categories .catalog-categories__prev-category-title {
        display: none
    }

    .catalog-categories ul.list-reset .catalog-categories__sub-list {
        display: flex;
        overflow-x: auto;
        margin: 0 -15px;
        padding: 0 15px
    }

    .catalog-categories ul.list-reset .catalog-categories__sub-list li {
        display: flex;
        margin: 0 10px 5px 0;
        white-space: nowrap
    }

    .catalog-categories ul.list-reset .catalog-categories__sub-list li a {
        padding: 16px;
        border: 1px solid #e7e7e7;
        border-radius: 2px
    }

    .catalog-categories ul.list-reset .catalog-categories__sub-list li .is-active {
        padding: 16px;
        color: #484848;
        border: 1px solid #f6f6f6;
        border-radius: 2px;
        background: #f6f6f6
    }
}

.user-panel-mob .item.phones .drop-block-phones {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-panel-mob .item.phones.open .drop-block-phones {
    display: block;
}

.user-panel-mob .item.phones .icon:before {
    width: 1.6em;
    height: 1.6em;
    background-image: url(/local/templates/html/images/icons/phone.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.user-panel-mob .item.phones.open .icon:before {
    background-image: url(/local/templates/html/images/icons/phone-active.svg);
    color: #458381;
}

.user-panel-mob .item.phones.open {
    background: #d4d2d2;
}

.user-panel-mob .item.phones .drop-block-phones:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 600%;
    margin-left: -300%;
    background: #d4d2d2;
    box-shadow: 0 7px 10px rgb(0 0 0 / 30%);
}

.drop-block-phones .mob-cont {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.drop-block-phones .mob-cont span {
    position: static !important;
    z-index: 1;
    padding: 10px;
    font-size: 14px !important;
}

.drop-block-phones .mob-cont a {
    width: 100%;
    font-size: 22px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    margin-right: 0;
}

.drop-block-phones .mob-cont a.contacts-phones__link--text {
    display: none;
}

.drop-block-phones .mob-cont .contacts-drop {
    z-index: 1;
    width: 100%;
    padding: 0;
    box-shadow: none;
    background: none;
}

.drop-block-phones .mob-cont .contacts-drop__tcell-city,
.drop-block-phones .mob-cont .contacts-drop__tcell-phone {
    padding: 0 !important;
    font-size: 18px;
    width: 50%;
    border-bottom: none;
}

.drop-block-phones table tbody tr {
    display: none;
}

.drop-block-phones table tbody tr:first-of-type {
    display: block;
}

.drop-block-phones .mob-cont br {
    display: none;
}

.form-control-checkbox {
    display: none;
}

.form-control-checkbox + .js_checkbox {
    position: relative;
    border: 1px solid #dbe0e2;
    border-radius: 2px;
    background: #f6f6f6;
    width: 20px;
    height: 20px;
    margin: 0 9px 0 0;
    cursor: pointer;
}

.form-control-checkbox + .js_checkbox.checked {
    background: #458381;
    border: 1px solid #458381;
}

.form-control-checkbox + .js_checkbox.checked:before {
    font-family: sprite;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    color: #fff;
    font-size: 10px;
    transform: translate(-50%, -50%);
    line-height: 1.4;
}

@media (max-width: 1023px) {
    .p-card-tile.p-card-tile_catalog {
        height: 337px;
        max-height: 337px;
    }
}

.prod-drop__controls {
    padding: 5px 0;
}

.add-wrap__item_pos {
    padding-left: 17px;
}

.subscribe-footer-wrap {
    background-color: #EBEBEB;
    font-size: 14px;
    width: 100%;
}

.subscribe-footer {
    margin: 0px auto;
}

.subscribe-footer form {
    display: inline-block;
    position: relative;
}

.subscribe-footer .subscribe-icon {
    display: inline-block;
}

.subscribe-intro {
    display: inline-block;
    position: relative;
}

.subscribe-form-fields {
    position: relative;
    display: inline-block;
}

.subscribe-footer input[name="asd_email"] {
    background: #F6F6F6;
    border: 1px solid #DBE0E2;
    border-radius: 4px;
    padding: 0 12px;
    height: 44px;
}

.subscribe-footer input[type="email"]::placeholder {
    color: #828282;
    line-height: 22px;
}

.subscribe-footer input[type="submit"] {
    color: #FFFFFF;
    height: 44px;
    background: #478381;
    border: none;
    border-radius: 4px;
}

.subscribe-footer .result_error {
    color: #D61414;
    position: absolute;
    bottom: 13px;
}

.subscribe-footer .result_success {
    max-width: 513px;
    margin: 0px auto;
}

.subscribe-footer .result_success p {
    position: absolute;
    top: 26px;
    padding-left: 50px;
    max-width: 454px;
}

.subscribe-footer .result_success a {
    color: #478381;
}

@media screen and (max-width: 609px) {
    .subscribe-footer-wrap {
        position: absolute;
        z-index: 50;
        bottom: 509px;
        margin-bottom: 0px;
        height: 138px;
    }

    .menu-foot::after {
        margin-bottom: 113px;
    }

    .subscribe-footer {
        padding: 24px 15px 4px;
    }

    .subscribe-form-fields {
        display: block;
        top: -20px;
    }

    .subscribe-intro {
        font-size: 13px;
        line-height: 14px;
        top: -33px;
        left: 34px;
        max-width: calc(100% - 30px);
    }

    .subscribe-footer .subscribe-icon, .subscribe-footer .subscribe-icon object {
        height: 30px;
    }

    .subscribe-footer input[name="asd_email"] {
        width: calc(100% - 109px);
        font-size: 13px;
    }

    .subscribe-footer input[type="submit"] {
        width: 104px;
        font-size: 13px;
        padding: 5px auto;
    }

    .subscribe-footer .result_error {
        bottom: 6px;
    }

    .subscribe-footer #asd_subscribe_res {
        font-size: 13px;
    }

}

@media screen and (max-width: 389px) {
    .subscribe-footer-wrap {
        bottom: 500px;
        height: 152px;
    }

    .subscribe-intro {
        top: -39px;
    }

    .subscribe-form-fields {
        top: -26px;
    }

    .subscribe-footer .result_success object {
        position: relative;
        left: calc(50% - 22px);
    }

    .subscribe-footer .result_success p {
        position: static;
        padding-left: 0;
        max-width: 100%;
    }
}

@media screen and (max-width: 609px) and (min-width: 389px) {
    .subscribe-footer .result_success {
        padding-top: 20px;
    }

    .subscribe-footer .result_success p {
        top: 46px;
    }
}

@media screen and (min-width: 610px) {
    .subscribe-footer-wrap {
        position: absolute;
        z-index: 50;
        bottom: 278px;
        margin-bottom: 94px;
    }

    .menu-foot::after {
        margin-bottom: 60px;
    }

    .subscribe-footer {
        padding: 24px 15px 21px;
        max-width: 100%;
    }

    .subscribe-footer .subscribe-icon, .subscribe-footer .subscribe-icon object {
        height: 30px;
    }

    .subscribe-intro {
        max-width: 232px;
        bottom: 0px;
        padding: 0 4px;
        font-size: 13px;
        line-height: 14px;
    }

    .subscribe-form-fields {
        bottom: 9px;
    }

    .subscribe-footer input[name="asd_email"] {
        width: 204px;
        font-size: 13px;
    }

    .subscribe-footer input[type="submit"] {
        font-size: 13px;
        width: 104px;
    }

    .subscribe-footer #asd_subscribe_res {
        font-size: 13px;
    }

    .subscribe-footer .result_error {
        margin-left: 268px;
    }
}

@media screen and (min-width: 768px) {
    .subscribe-footer {
        max-width: 750px;
    }

    .subscribe-intro {
        max-width: 337px;
        line-height: 18px;
    }

    .subscribe-footer input[name="asd_email"] {
        width: 238px;
    }

    .subscribe-footer .result_error {
        margin-left: 374px;
    }
}

@media (min-width: 1024px) {
    .subscribe-footer-wrap {
        position: relative;
        margin-bottom: 0;
        bottom: 0;
    }

    .subscribe-footer {
        padding: 24px 30px 21px;
        max-width: 990px;
    }

    .subscribe-footer .subscribe-icon, .subscribe-footer .subscribe-icon object {
        height: 45px;
    }

    .subscribe-intro {
        max-width: 427px;
        bottom: 6px;
        padding: 0 8px;
        font-size: 14px;
        line-height: 22px;
    }

    .subscribe-form-fields {
        bottom: 15px;
    }

    .subscribe-footer input[name="asd_email"] {
        width: 324px;
        font-size: 14px;
    }

    .subscribe-footer input[type="submit"] {
        width: 124px;
        font-size: 14px;
    }

    .subscribe-footer #asd_subscribe_res {
        font-size: 14px;
    }

    .subscribe-footer .result_error {
        margin-left: 480px;
    }
}