/* Start:/local/css/style.css?1775454122553655*/
/**
 * Переменные
 **/
/****
 * Миксины, разное
 ****/
/****
 * Внешние либы, ресеты
 ****/
/* normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * Prevent iOS text size adjust after orientation change, without disabling
 * user zoom.
 */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a,
input {
    -webkit-tap-highlight-color: transparent;
}

*:focus {
    outline: none;
}

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
    quotes: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 */
img {
    border: 0;
    /* 1 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**
 * Попапы
 **/
.popup {
    background: #ffffff;
    position: relative;
    max-width: 500px;
    min-width: 100px;
    padding-bottom: 38px;
}

.popup h2 {
    font: bold 24px/28px Arial, sans-serif;
    color: #000;
    text-align: center;
    padding: 35px 20px 0;
    margin-bottom: 20px;
}

.popup h2:first-child {
    margin-top: 0;
}

.popup .close {
    transition: all 0.3s linear;
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -106px -183px no-repeat;
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
    z-index: 10;
}

.popup .close:hover {
    transform: rotate(180deg);
}

.popup .close:before {
    width: 26px;
    height: 26px;
    position: absolute;
    content: '';
    top: -5px;
    left: -5px;
    cursor: pointer;
}

.popup .row {
    margin-top: 16px;
    padding: 0 30px;
    position: relative;
}

.popup .row.disabled label {
    color: #cccccc;
}

.popup .row.center-align {
    text-align: center;
    justify-content: center;
}

.popup .row.wide {
    margin-top: 20px;
    background: #f8f8f8;
    padding-top: 16px;
    padding-bottom: 18px;
    display: none;
}

.popup .row > span {
    display: block;
    font: normal 12px/18px Arial, sans-serif;
    color: #666;
    padding-top: 11px;
}

.popup .row .button {
    padding: 0 20px;
    margin-top: 13px;
}

.popup .row .button:before,
.popup .row .button:after {
    width: 51%;
}

.popup .row a {
    font: normal 14px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.popup .row a:focus,
.popup .row a:hover {
    text-decoration: underline;
}

.popup .checkbox {
    margin-top: 22px;
    font-size: 14px;
    color: #333;
}

.popup.popup-login .row label a {
    font-size: 12px;
}

.popup.popup-login .row .button {
    margin-top: 15px;
    padding: 0 53px;
}

.popup.popup-password .row > span {
    padding-top: 17px;
}

.popup.popup-password .row .button {
    margin-top: 9px;
    padding: 0 36px;
}

.popup.popup-change-password .row .button {
    margin-top: 15px;
    padding: 0 44px;
}

.popup.popup-thanks {
    width: 100%;
}

.popup.popup-thanks h2 {
    padding-top: 4px;
    margin-bottom: 0;
    line-height: 31px;
}

.popup.popup-thanks p {
    margin-top: 12px;
    padding: 0 30px;
    font: 14px/20px Arial, sans-serif;
    text-align: center;
    color: #666;
}

.popup.popup-thanks .row.order {
    background: url(/local/css/../images/order-processed.png) 50% 100% no-repeat;
    height: 140px;
    padding-top: 39px;
    margin-top: 0;
}

.popup.popup-thanks .row .button {
    padding: 0 30px;
    height: 31px;
    margin-top: 9px;
    line-height: 31px;
}

.popup.popup-confirm {
    padding: 20px 20px 38px;
}

.popup.popup-confirm h2 {
    padding: 10px 20px 0;
}

.popup .form .row label {
    margin-right: 20px;
    min-width: 80px;
}

.popup-feedback .form textarea.input {
    height: 100px;
    resize: none;
}

.popup.popup-calculator {
    width: 100%;
}

.popup-feedback-xname {
    display: block;
    height: 0.1px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: 0.1px;
    border: 0;
    opacity: 0.01;
}

/* Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
    /* Firefox 10-34 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    /* modern */
    -webkit-filter: grayscale(1);
    /* Firefox 35+ */
    filter: grayscale(1);
    /* IE 6-9 */
    filter: gray;
}

.grayscale.grayscale-fade {
    transition: filter 0.5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter 0.5s;
        transition: -webkit-filter 0.5s;
    }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter: none;
}

.grayscale.grayscale-replaced > svg {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
    opacity: 0;
}

/* jQuery UI - v1.11.4 - 2016-07-04
* http://jqueryui.com
* Includes: core.css, autocomplete.css, datepicker.css, menu.css, slider.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

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

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

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** add datepicker
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
*/
.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/** add datepicker
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0; // support: IE7
    // support: IE10, see #8844
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

// icon support
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

// left-aligned
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

// right-aligned
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
*/
.ui-slider {
    position: relative;
    text-align: left;
}

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

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

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

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

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

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

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

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

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

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

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

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

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

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

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

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

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

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

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

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

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

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

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

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

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: alpha(opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35);
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

/*
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("/local/css/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("/local/css/images/ui-icons_444444_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("/local/css/images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("/local/css/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("/local/css/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("/local/css/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("/local/css/images/ui-icons_cc0000_256x240.png");
}
*/
/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

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

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

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

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    margin: 0;
    padding: 5px;
    background: #666666;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* support: IE8 */
    border-radius: 8px;
}

/*
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

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

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

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    width: 9px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -42px no-repeat;
    left: 50%;
    margin-left: -5px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-next span {
    transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px 0.4em;
    cursor: pointer;
    min-height: 0;
    /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

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

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

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

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

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

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

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

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

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

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

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

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

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single:focus {
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

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

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

/*
 * jQuery Slot Machine v3.0.1
 * https:// github.com/josex2r/jQuery-SlotMachine
 *
 * Copyright 2014 Jose Luis Represa
 * Released under the MIT license
 */
.slotMachineNoTransition {
    -webkit-transition: none !important;
    transition: none !important;
}

/*
.slotMachineBlurFast {
    -webkit-filter: blur(5px);
            filter: blur(5px);
}

.slotMachineBlurMedium {
    -webkit-filter: blur(3px);
            filter: blur(3px);
}

.slotMachineBlurSlow {
    -webkit-filter: blur(2px);
            filter: blur(2px);
}

.slotMachineBlurTurtle {
    -webkit-filter: blur(1px);
            filter: blur(1px);
}
*/
.slotMachineGradient {
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(25%, #000000), color-stop(75%, #000000), color-stop(100%, rgba(0, 0, 0, 0)));
}

/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

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

.fancybox-skin {
    position: relative;
    /*background: #f9f9f9;*/
    /*color: #444;*/
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

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

.fancybox-inner {
    overflow: hidden;
}

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

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

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

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

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('/local/css/../images/fancybox_sprite.png');
}

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

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('/local/css/../images/fancybox/loading.gif') center center no-repeat;
}

.fancybox-close {
    transition: all 0.3s linear;
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -106px -183px no-repeat;
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
    z-index: 10;
    z-index: 8100;
}

.fancybox-close:hover {
    transform: rotate(180deg);
}

.fancybox-close:before {
    width: 26px;
    height: 26px;
    position: absolute;
    content: '';
    top: -5px;
    left: -5px;
    cursor: pointer;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-nav span:after {
    width: 9px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -42px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -5px;
}

.fancybox-prev span {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.fancybox-next span {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.fancybox-next span:after {
    transform: rotate(180deg);
}

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

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

/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

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

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

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('/local/css/../images/fancybox/overlay.png');
}

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

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

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

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

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

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

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

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

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

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        /* background-image: url('/local/css/fancybox_sprite@2x.png'); */
        /* background-size: 44px 152px; */
        /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('/local/css/../images/fancybox/loading@2x.gif');
        /*background-size: 24px 24px; */
        /*The size of the normal image, half the size of the hi-res image*/
    }
}

/****
 * Основные стили
 ****/
/**
 * Основные стили сайта
 */
html {
    min-height: 100vh;
}

.login-by-sms-link {
    cursor: pointer;
}

body {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

header,
footer,
.footer-assortment {
    flex-shrink: 0;
}

.width-wrap {
    width: 940px;
    margin: 0 auto;
    box-sizing: border-box;
}

.content-area > .page-background-image ~ * {
    position: relative;
}

.content-area {
    padding: 0 0 40px;
    background-color: #d7d9e3;
    flex: 1 0 auto;
    position: relative;
}

.content-area h1 {
    font: bold 24px/28px Arial;
    margin: 26px 0 24px;
    position: relative;
}

.content-area .page-background-image {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 462px;
}

.content-area .page-background-image + .width-wrap h1 {
    margin: 0;
    padding: 30px 30px 0;
}

.content-area .page-background-image + .width-wrap .breadcrumbs span {
    color: #fff;
}

.content-area .page-background-image + .width-wrap .breadcrumbs a {
    color: #fff;
}

.content-area .page-background-image + .width-wrap .breadcrumbs a:after {
    width: 3px;
    height: 5px;
    background: url(/local/css/../images/sprite.png) -401px -96px no-repeat;
}

.notton {
    display: inline-block;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    height: 45px;
    padding: 0 18px;
    background: transparent;
    font: bold 16px/41px Arial, sans-serif;
    color: #000;
    border: 2px solid #000;
    text-align: center;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}

.notton span {
    position: relative;
    z-index: 2;
    font-weight: bold;
}

.notton.transparent-yellow {
    border-width: 0;
    box-shadow: inset 0 0 0 2px #fecc00;
    height: 45px;
    margin: 10px 0;
    width: 100%;
    background: transparent;
    font: bold 14px/45px Arial, sans-serif;
    color: #000;
}

.notton.transparent-yellow:before {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 2px;
    bottom: 2px;
}

.blue-button {
    background: #393186;
    text-decoration: none;
    padding: 7px 10px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    border: none;
    white-space: nowrap;
    transition: color 0.3s;
}

.blue-button:hover {
    color: #fecc00;
}

.underlined-link {
    position: relative;
    text-decoration: none;
    color: #393186;
}

.underlined-link:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 17px;
    left: 0;
    border-bottom: 1px dashed #393186;
}

.underlined-link:hover:after {
    content: '';
    display: none;
    position: absolute;
    width: 100%;
    top: 17px;
    left: 0;
    border-bottom: 1px dashed #393186;
}

.underlined-link:before {
    width: 11px;
    height: 6px;
    background: url(/local/css/../images/sprite.svg) -226px -39px no-repeat;
    content: '';
    position: absolute;
    top: 57%;
    right: -17px;
    transform: translateY(-50%);
}

.underlined-link.open:before {
    transform: translateY(-50%) rotate(180deg);
}

.button {
    transition: all 0.3s linear;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    height: 45px;
    padding: 0 18px;
    background: transparent;
    font: bold 16px/41px Arial, sans-serif;
    color: #000;
    border: 2px solid #000;
    text-align: center;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}

.button:before,
.button:after {
    transition: all 0.15s linear;
    content: '';
    position: absolute;
    background: #000;
    width: calc(50% + 3px);
    bottom: 200%;
    height: 300%;
    z-index: 1;
}

.button span {
    position: relative;
    z-index: 2;
    font-weight: bold;
}

.button:before {
    left: -1px;
    transform: skewY(20deg);
}

.button:after {
    right: -1px;
    transform: skewY(-20deg);
}

.button:hover {
    color: #fff;
}

@media (min-width: 769px) {
    .button:hover:before,
    .button:hover:after {
        bottom: -75%;
    }
}

.button.yellow {
    border: none;
    height: 31px;
    padding: 2px 13px 0 10px;
    background: #fecc00;
    font: bold 14px/29px Arial, sans-serif;
    color: #000;
}

.button.yellow:hover {
    color: #fff;
}

.button.yellow-no-border {
    border: none;
    height: 45px;
    padding: 2px 13px 0 10px;
    background: #fecc00;
    font: bold 14px/45px Arial, sans-serif;
    color: #000;
}

.button.yellow-no-border:hover {
    color: #fecc00;
}

.button.yellow-no-border.card span:after {
    width: 17px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -65px -162px no-repeat;
}

.button.white {
    border: 0;
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff;
    letter-spacing: 0.075em;
    line-height: 45px;
}

.button.white:before,
.button.white:after {
    background: #fff;
}

.button.white:hover {
    color: #c7cfdd;
    box-shadow: inset 0 0 0 1px #fff;
}

.button.transparent-yellow {
    border-width: 0;
    box-shadow: inset 0 0 0 2px #fecc00;
    height: 45px;
    background: transparent;
    font: bold 14px/45px Arial, sans-serif;
    color: #000;
}

.button.transparent-yellow:before,
.button.transparent-yellow:after {
    background: #fecc00;
}

.button.transparent-yellow:hover:before,
.button.transparent-yellow:hover:after {
    background: #fecc00;
}

@media (min-width: 769px) {
    .button.transparent-yellow.active:before,
    .button.transparent-yellow.active:after {
        bottom: -75%;
    }
}

.button.transparent-yellow.already-added {
    cursor: default;
}

.button.card span {
    margin-left: 26px;
}

.button.card span:before,
.button.card span:after {
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    top: 0;
    left: -26px;
}

.button.card span:before {
    width: 17px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -86px -162px no-repeat;
}

.button.card span:after {
    width: 17px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -107px -162px no-repeat;
    opacity: 0;
}

.button.card:hover:not(.transparent-yellow) span:before {
    opacity: 0;
}

.button.card:hover:not(.transparent-yellow) span:after {
    opacity: 1;
}

.text-button {
    display: inline-block !important;
    margin: 0 20px;
    border-bottom: 1px dashed #999;
    cursor: pointer;
}

.text-button:hover {
    border-bottom-color: transparent;
}

.rub {
    font-family: 'rub' !important;
}

.clear {
    display: block !important;
    clear: both !important;
}

.er-404 {
    text-align: center;
    color: #666;
    font: normal 14px/20px Arial, sans-serif;
    margin-top: 87px;
}

.er-404 img {
    width: 100%;
    max-width: 391px;
}

.er-404 h1 {
    font-size: 33px;
    color: #333;
    margin: 2px 0 28px;
}

.er-404 .not-found-text a {
    color: #393186;
}

.tooltip {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -207px -184px no-repeat;
    font-size: 0;
    position: relative;
    display: inline-block;
    cursor: pointer;
    top: 2px;
    left: 5px;
}

.gray-info-block {
    position: relative;
    margin-top: -3px;
    padding: 17px 20px 18px;
    background: #91949b;
    font: 14px/20px Arial, sans-serif;
    color: #fff;
}

.gray-info-block a {
    color: #fff;
}

.gray-info-block a:hover {
    text-decoration: none;
}

.gray-info-block.hidden {
    display: none;
}

.total-block {
    display: flex;
    padding: 22px 0;
}

.total-block .info {
    flex-grow: 1;
    padding: 0 20px;
    font: 12px/18px Arial, sans-serif;
    color: #999;
}

.total-block .order-block {
    margin-top: -2px;
    flex-shrink: 0;
    width: 293px;
}

.total-block .order-block .price-line {
    padding: 0 20px 0 21px;
    height: 20px;
    overflow: hidden;
    font: 14px/20px Arial, sans-serif;
    color: #333;
    vertical-align: bottom;
}

.total-block .order-block .price {
    float: right;
}

.total-block .order-block .total-line {
    margin: 17px 0 0;
    padding: 13px 20px;
    border: 2px solid #000;
    font: bold 24px/36px Arial, sans-serif;
}

.total-block .order-block .order-line {
    margin-top: 20px;
    text-align: right;
}

.total-block .order-block .button {
    font: bold 14px/45px Arial, sans-serif;
}

.total-block .order-block .button.card {
    width: 233px;
    padding: 0 0 0 33px;
}

.total-block .order-block .button.card span:before {
    top: 2px;
}

.eye {
    width: 26px;
    height: 10px;
    cursor: pointer;
    top: 38px;
    left: 15px;
    position: absolute;
    user-select: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6a9.77 9.77 0 0 1 8.82 5.5 9.77 9.77 0 0 1-8.82 5.5A9.77 9.77 0 0 1 3.18 11.5 9.77 9.77 0 0 1 12 6zm0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5z' fill='%23dbdbdb'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.eye:before {
    width: 40px;
    height: 30px;
    content: '';
    position: absolute;
    top: -14px;
    right: -7px;
}

.eye.active {
    width: 26px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='%23dbdbdb'%3E%3Cpath clip-rule='evenodd' d='M22.693 1.55a.857.857 0 0 0-1.093.297L19.153 6.144a15.7 15.7 0 0 0-5.139-1.18c-4.693 0-9.233 2.882-12.894 8.3L1.105 13.285a.857.857 0 0 0-.013.019.857.857 0 0 0 .1.552c2.702 4.013 5.885 6.641 9.256 7.745l-1.949 3.42a.857.857 0 0 0 .71 1.284c.17 0 .34-.053.483-.155l.346-.203a.857.857 0 0 0 .31-1.172L23.332 2.86a.857.857 0 0 0-.31-1.172l-.346-.203a.857.857 0 0 0-.483-.155zm-4.6 6.457a13.986 13.986 0 0 0-4.078-.346c-3.41 0-6.94 1.854-10.075 5.805-.3.379-.3.932 0 1.311 2.35 2.962 4.922 4.746 7.499 5.454l1.347-2.366a5.143 5.143 0 0 1-2.812-3.088c0-2.379 1.824-4.308 4.073-4.308.737 0 1.42.22 1.986.6l1.34-2.354zm-7.054 4.307a2.571 2.571 0 0 0-.407 1.36c0 1.19.92 2.152 2.046 2.152.677 0 1.247-.349 1.593-.886l1.737-3.049a2.571 2.571 0 0 0-1.112-.3c-1.126 0-2.046.96-2.046 2.152 0 .768.843 1.687 1.902 1.764l1.737-3.048a2.571 2.571 0 0 0-1.112-.3 2.571 2.571 0 0 0-2.046 1.015z' fill-rule='evenodd'/%3E%3Cpath d='M14.687 22.176c4.444-.261 8.718-3.107 12.2-8.245a.857.857 0 0 0 .113-.351.857.857 0 0 0-.113-.504c-1.338-1.978-2.793-3.617-4.33-4.9l-1.06 1.86c.883.76 1.747 1.665 2.583 2.719.301.379.301.932 0 1.311-2.522 3.178-5.299 5-8.064 5.591l-1.338 2.349z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 33px;
    right: 39px;
}

.eye.active:before {
    top: -9px;
    right: -9px;
}

@media print {
    span.logo {
        -webkit-print-color-adjust: exact;
    }
}

.content-area .right-panel .result-empty {
    padding-top: 30px;
    padding-bottom: 30px;
}

#pagetitle span {
    font-size: 16px;
    vertical-align: bottom;
    display: inline-block;
    margin: 2px 0 -2px 8px;
}

.form .row label.focus-hoock {
    margin-bottom: 0;
}

@font-face {
    font-family: 'rub';
    src: url('/local/css/fonts/rubl/rouble.eot');
    src: local('ALS Rubl'), local('ALSRubl'), url('/local/css/fonts/rubl/rouble.woff') format('woff'), url('/local/css/fonts/rubl/rouble.ttf') format('truetype'), url('/local/css/fonts/rubl/rouble.svg#ALSRubl') format('svg');
}

@font-face {
    font-family: 'notoSans';
    src: url('/local/css/fonts/notoSans/NotoSans.eot');
    src: local('Noto Sans'), local('NotoSans'), url('/local/css/fonts/notoSans/NotoSans.woff') format('woff'), url('/local/css/fonts/notoSans/NotoSans.ttf') format('truetype');
}

@font-face {
    font-family: 'notoSans-Bold';
    src: url('/local/css/fonts/notoSans/NotoSans-Bold.eot');
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('/local/css/fonts/notoSans/NotoSans-Bold.woff') format('woff'), url('/local/css/fonts/notoSans/NotoSans-Bold.ttf') format('truetype');
}

.breadcrumbs {
    margin-top: 15px;
}

.breadcrumbs a,
.breadcrumbs span {
    display: inline-block;
    font: normal 12px/18px Arial;
    color: #717171;
    margin-right: 22px;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
}

.breadcrumbs a:hover,
.breadcrumbs span:hover {
    text-decoration: none;
}

.breadcrumbs a:hover:before,
.breadcrumbs span:hover:before {
    border: none;
}

.breadcrumbs a:before,
.breadcrumbs span:before {
    content: '';
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #717171;
    top: 16px;
}

.breadcrumbs a:after,
.breadcrumbs span:after {
    width: 3px;
    height: 5px;
    background: url(/local/css/../images/sprite.png) -406px -96px no-repeat;
    content: '';
    position: absolute;
    top: 7px;
    right: -12px;
}

.breadcrumbs a:last-child:after,
.breadcrumbs span:last-child:after {
    display: none;
}

@media screen and (max-width: 940px) {
    .breadcrumbs {
        padding: 0 10px;
    }
}

@media screen and (max-width: 768px) {
    .breadcrumbs {
        margin-top: 50px;
    }
}

/**
 *
 */
.bx-filter {
    width: 100%;
    min-width: 220px;
    font-family: Arial, sans-serif;
}

.bx-filter .bx-filter-section {
    position: relative;
    padding-top: 26px;
}

.bx-filter .bx-filter-section > .row {
    padding: 0 5px;
}

.bx-filter .bx-filter-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
}

/*Sections*/
.bx-filter .bx-filter-parameters-box {
    position: relative;
}

.bx-filter .bx-filter-parameters-box-title {
    font-size: 13px;
    padding-bottom: 7px;
}

@media (min-width: 992px) {
    .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) {
        clear: both;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) {
        clear: both;
    }
}

.bx-filter .bx-filter-parameters-box-title span {
    color: #039be5;
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

.bx-filter .bx-filter-parameters-box-title span:hover {
    border-color: #039be5;
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover {
    border-color: transparent;
}

.bx-filter .bx-filter-block {
    display: none;
    box-sizing: content-box;
}

.bx-filter .bx-filter-button-box .bx-filter-block,
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block {
    display: block;
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub {
    font-size: 14px;
    font-style: normal;
    display: block;
    padding-bottom: 5px;
}

/*
* INPUTS
*
*/
.bx-filter .bx-filter-input-container input {
    display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #ccd5db;
    border-radius: 2px;
    background: #fff;
    outline: none;
}

/*
COLOR
*/
.bx-ios .bx-filter .bx-filter-input-container input {
    background-image: -webkit-linear-gradient(#fff 0%, #fff 100%);
    background-image: linear-gradient(#fff 0%, #fff 100%);
}

.bx-filter .bx-filter-button-box {
    clear: both;
}

/*
*Track
*
*/
.bx-filter .bx-ui-slider-track-container {
    padding: 17px 6px 25px;
}

.bx-filter .bx-ui-slider-track {
    position: relative;
    height: 7px;
}

.bx-filter .bx-ui-slider-part {
    position: absolute;
    top: -6px;
    width: 1px;
    height: 17px;
    background: #a2bfc7;
}

.bx-filter .bx-ui-slider-part.p1 {
    left: -1px;
}

.bx-filter .bx-ui-slider-part.p2 {
    left: 25%;
}

.bx-filter .bx-ui-slider-part.p3 {
    left: 50%;
}

.bx-filter .bx-ui-slider-part.p4 {
    left: 75%;
}

.bx-filter .bx-ui-slider-part.p5 {
    right: -1px;
}

.bx-filter .bx-ui-slider-part span {
    font-size: 11px;
    position: absolute;
    top: -16px;
    left: 50%;
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #000;
}

.bx-filter .bx-ui-slider-part.p2 span,
.bx-filter .bx-ui-slider-part.p3 span,
.bx-filter .bx-ui-slider-part.p4 span {
    color: #6b8086;
}

.bx-filter .bx-ui-slider-range,
.bx-filter .bx-ui-slider-pricebar,
.bx-filter .bx-ui-slider-pricebar-vd,
.bx-filter .bx-ui-slider-pricebar-vn,
.bx-filter .bx-ui-slider-pricebar-v {
    position: absolute;
    top: 0;
    bottom: 0;
}

.bx-filter .bx-ui-slider-range {
    z-index: 100;
}

.bx-filter .bx-ui-slider-pricebar {
    z-index: 100;
}

.bx-filter .bx-ui-slider-pricebar-vd {
    z-index: 60;
}

.bx-filter .bx-ui-slider-pricebar-vn {
    z-index: 70;
}

.bx-filter .bx-ui-slider-pricebar-v {
    z-index: 80;
}

.bx-filter .bx-ui-slider-handle {
    position: absolute;
    display: block;
    border: none;
    font-size: 0;
}

.bx-filter .bx-ui-slider-handle.right,
.bx-filter .bx-ui-slider-handle.left {
    width: 6px !important;
    height: 6px !important;
    top: -2px !important;
}

.bx-filter .bx-ui-slider-handle:hover {
    cursor: grab;
}

.bx-filter .bx-ui-slider-handle:active {
    cursor: grabbing;
}

.bx-filter .bx-ui-slider-handle.left {
    left: 0;
}

.bx-filter .bx-ui-slider-handle.right {
    right: 0;
}

/*
*	Select
*
*/
.bx-filter .bx-filter-select-container {
    display: block;
    box-sizing: border-box;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}

.bx-filter .bx-filter-select-block {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 33px 0 10px;
    border: none;
    border-radius: 2px;
    background: #fff;
}

.bx-filter .bx-filter-select-text {
    overflow: hidden;
    max-width: 100%;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: 12px/28px Arial, sans-serif;
}

.bx-filter .bx-filter-select-text.fix {
    min-width: 120px;
}

.bx-filter .bx-filter-select-text label {
    cursor: pointer;
}

.bx-filter .bx-filter-select-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 28px;
    cursor: pointer;
}

.bx-filter .bx-filter-select-arrow:after {
    width: 12px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -3px;
}

/*
*	Select popup
*
*/
.bx-filter-select-popup {
    background: #fff;
    padding: 0;
    min-width: 173px;
}

.bx-filter-select-popup ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bx-filter-select-popup ul li {
    display: block;
    text-align: left;
    vertical-align: middle;
}

.bx-filter-select-popup ul li:first-child {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.bx-filter-select-popup ul li label {
    font-size: 14px;
    line-height: 26px;
    display: block;
    text-align: left !important;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
    padding: 0 5px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #575757;
}

.bx-filter-select-popup ul li label.selected,
.bx-filter-select-popup ul li label:hover {
    color: #000;
    background: #f3f8fa;
}

.bx-filter-select-popup ul li label.disabled {
    color: #b8b8b8;
    background: transparent;
}

.bx-filter-select-popup ul li .bx-filter-param-text {
    line-height: 34px !important;
}

/*
* TAGS
*
*/
.bx-filter .bx-filter-tag {
    padding: 18px;
}

.bx-filter .bx-tag-link {
    font-size: 12px;
    text-decoration: none;
    text-shadow: none;
}

.bx-filter .bx-tag-link.bx-active,
.bx-filter .bx-tag-link:hover {
    color: #1d3d46;
}

/*
*	LABEL
*
*/
.bx-filter .bx-filter-param-label.dib {
    display: inline-block;
}

.bx-filter .bx-filter-param-text {
    font-weight: normal;
}

.bx-filter .bx-filter-param-label.disabled .bx-filter-param-text {
    color: #6c6c6c;
}

.bx-filter-select-popup .bx-filter-param-label.bx-active {
    background: #f3f8fa;
}

/*
*	Checkbox / Radio
*
*/
.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
    display: block;
    text-align: left;
}

.bx-filter span.bx-spm {
    font-size: 18px;
    line-height: 23px;
    display: inline-block;
    height: 23px;
    margin: 0 10px;
    vertical-align: middle;
    color: #000;
}

.bx-filter-select-popup .bx-filter-select-text-icon,
.bx-filter .bx-filter-select-text-icon {
    line-height: 33px;
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-top: -4px;
    margin-right: 2px;
    vertical-align: middle;
    border-radius: 2px;
}

/*
* 	BIZ
*
*/
.bx-filter .bx-filter-parameter-biz {
    font-size: 14px;
    line-height: 15px;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    color: #1485ce;
    border-bottom: 1px dashed;
}

.bx-filter .bx-filter-parameter-biz:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}

.bx-filter .bx-filter-parameter-biz.bx-active {
    position: relative;
    color: #000;
    border-color: transparent;
}

/*
* 	Result Popup
*
*/
.bx-filter .bx-filter-popup-result {
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    z-index: 915;
    display: none;
    margin-top: -7px;
    margin-left: 10px;
    padding: 0 10px;
    white-space: nowrap;
    color: #3f3f3f;
    min-height: 37px;
    line-height: 18px;
    border: 1px solid #c6dce7;
}

.bx-filter .bx-filter-popup-result.left {
    border-width: 2px 10px 2px 2px;
}

.bx-filter .bx-filter-popup-result.right {
    border-width: 2px 2px 2px 10px;
}

.bx-filter .bx-filter-popup-result.right {
    left: 97%;
}

.bx-filter .bx-filter-popup-result.left {
    right: 97%;
}

.bx-filter-horizontal .bx-filter-popup-result {
    display: inline-block;
    position: relative;
    left: auto;
    right: auto;
    bottom: -7px;
}

.bx-filter .bx-filter-popup-result a {
    color: #0073a3;
    line-height: 10px;
}

.bx-filter .bx-filter-popup-result a:hover {
    text-decoration: none;
}

.bx-filter .bx-filter-popup-result-close {
    display: none;
}

@media (max-width: 768px) {
    .bx-touch .bx-filter .bx-filter-popup-result {
        font-size: 12px;
        line-height: 14px;
        position: fixed !important;
        z-index: 1001;
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        margin-top: 0;
        margin-left: 0;
        width: auto;
        height: auto;
        padding: 10px;
        border-radius: 2px;
        border: 1px solid #c6dae7;
        background: rgba(255, 255, 255, 0.9);
    }

    .bx-touch .bx-filter .bx-filter-popup-result br {
        display: none;
    }

    .bx-filter .bx-filter-popup-result .arrow {
        display: none;
    }
}

.bx-filter.bx-blue .bx-filter-input-container input:focus {
    border-color: #499fd8;
}

.bx-filter.bx-blue .bx-ui-slider-track {
    background: #e7e7e7;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vd {
    background: #849da4;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
    background: #a8dff3;
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
    background: #499fd8;
}

.bx-filter.bx-blue .bx-filter-select-container.bx-active,
.bx-filter.bx-blue .bx-filter-select-container:focus {
    border-color: #499fd8;
}

.bx-filter.bx-blue .bx-filter-tag {
    border-top: 1px solid #d7eaf7;
    border-bottom: 1px solid #d7eaf7;
}

.bx-filter.bx-blue .bx-tag-link {
    color: #68939e;
}

div > .popup-window {
    margin: -3px 0 0 -1px;
}

.bx-filter .radio {
    display: block;
    padding: 0 0 10px 0;
}

.bx-filter .radio + .radio {
    padding-left: 0;
}

.catalog-blocks {
    margin: 0 0 -20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catalog-blocks .block {
    transition: all 0.3s linear;
    display: flex;
    flex-direction: column;
    width: 460px;
    padding: 12px 30px 32px 29px;
    margin: 0 0 20px;
    box-sizing: border-box;
    background: #fff;
}

.catalog-blocks .block h2 {
    transition: all 0.3s linear;
    font: bold 24px/30px Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 12px 0 13px;
    border-bottom: 1px solid #e5e5e5;
}

.catalog-blocks .block .button {
    transition: all 0.3s linear;
    opacity: 0;
}

.catalog-blocks .block:hover {
    background: #fecc00;
}

.catalog-blocks .block:hover h2 {
    border-bottom-color: transparent;
}

.catalog-blocks .block:hover .button {
    opacity: 1;
}

.catalog-blocks .block .sections {
    flex-grow: 1;
    columns: 2;
    padding: 20px 0 15px;
}

.catalog-blocks .block .section {
    display: block;
    align-items: center;
    font: 14px/20px Arial, sans-serif;
    color: #666;
    text-decoration: none;
}

.catalog-blocks .block .section img {
    transition: all 0.3s linear;
    margin-right: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    filter: grayscale(100%);
}

.catalog-blocks .block .section span {
    display: inline-block;
    padding: 5px 0 1px;
    margin: 0 0 10px;
}

.catalog-blocks .block .section:hover img {
    filter: grayscale(0%);
}

.catalog-blocks .block .section:hover span {
    text-decoration: underline;
}

.page-content .left-panel.floating.fixed .filter {
    position: fixed;
    top: 50px;
}

.flex-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.flex-wrapper .page-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.flex-wrapper .toggle-btn {
    display: none;
    justify-content: space-between;
    width: 115px;
    max-width: 115px;
    box-sizing: border-box;
    position: relative;
    border: 2px solid #393186;
    color: #393186;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    transition: background 0.3s;
}

.flex-wrapper .toggle-btn.active {
    display: inline-flex;
}

.flex-wrapper .toggle-btn:hover {
    background: #fecc00;
}

.flex-wrapper .toggle-btn .icon {
    position: relative;
    margin-left: 8px;
}

.flex-wrapper .toggle-btn .icon:before {
    width: 15px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -2px no-repeat;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.flex-wrapper .filter {
    display: none !important;
    background: #fff;
    padding: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.flex-wrapper .filter.active {
    display: block !important;
}

.flex-wrapper .filter-line {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    background: #f5f5f5;
}

.flex-wrapper .filter-line .filter-unit {
    width: 201px;
    max-width: 201px;
    display: flex;
    flex-direction: column;
    color: #393186;
    font-weight: bold;
    font-size: 14px;
    margin: 0 24px 20px 0;
}

.flex-wrapper .filter-line .filter-unit .title {
    margin-bottom: 16px;
}

.flex-wrapper .filter-line .filter-unit .title .rub {
    font-weight: normal;
}

.flex-wrapper .filter-line .filter-unit select {
    padding: 5px;
}

.flex-wrapper .filter-line .filter-unit .price-slider-inputs {
    display: flex;
    flex-direction: column;
    padding-right: 20px;
}

.flex-wrapper .filter-line .filter-unit .price-slider-inputs .inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
}

.flex-wrapper .filter-line .filter-unit .price-slider-inputs .inputs input {
    max-width: 60px;
    padding: 8px 10px;
    border: 1px solid #e6e6e6;
}

.flex-wrapper .filter-controller {
    display: flex;
    padding: 20px;
    justify-content: space-between;
}

.flex-wrapper .filter-controller .button {
    margin: 0 50px 0 0 !important;
}

.flex-wrapper .filter-controller .borderless {
    border: none;
    background: inherit;
    color: #393186;
}

.flex-wrapper .filter-controller .options {
    display: flex;
}

.flex-wrapper .filter-controller .options .reset {
    font-size: 12px;
    position: relative;
}

.flex-wrapper .filter-controller .options .reset:before {
    width: 17px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -65px -183px no-repeat;
    position: absolute;
    content: '';
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.flex-wrapper .filter-controller .options .reset:hover {
    color: #fecc00;
}

.flex-wrapper .filter-controller .options .reset:hover:before {
    width: 17px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -44px -162px no-repeat;
}

.flex-wrapper .filter-controller .hide {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    margin-top: 1px;
}

.flex-wrapper .filter-controller .hide:before {
    width: 8px;
    height: 8px;
    background: url(/local/css/../images/sprite.svg) -226px -101px no-repeat;
    position: absolute;
    content: '';
    left: -15px;
    top: 48%;
    transform: translateY(-50%);
}

.flex-wrapper .filter-controller .hide:hover {
    color: #fecc00;
}

.flex-wrapper .filter-controller .hide:hover:before {
    width: 8px;
    height: 8px;
    background: url(/local/css/../images/sprite.svg) -226px -89px no-repeat;
}

.flex-wrapper .catalog-content {
    display: flex;
}

.filter button.button {
    display: block;
    margin: 20px auto 0;
    padding: 2px 53px 0;
    font-size: 16px;
    line-height: 16px;
}

.filter .checkbox {
    display: block;
    margin-top: 1px;
    margin-bottom: 5px;
}

.filter .checkbox.action-products {
    margin-left: 20px;
    margin-top: 24px;
}

.filter.bx-filter .bx-ui-slider-track {
    height: 2px;
}

.filter.bx-filter .bx-ui-slider-pricebar-vn {
    background: #dcdcdc;
}

.filter.bx-filter .bx-ui-slider-pricebar-v {
    background: #393186;
}

.filter.bx-filter .bx-ui-slider-handle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #393186;
    top: -3px;
}

.filter.bx-filter .bx-ui-slider-handle:after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: '';
    left: -6px;
    top: -6px;
}

.filter.bx-filter .bx-ui-slider-handle.left {
    margin-left: -4px;
}

.filter.bx-filter .bx-ui-slider-handle.right {
    margin-right: -4px;
}

.filter .reset-filter {
    color: #393186;
    font: 12px/18px Arial, sans-serif;
    display: block;
    margin: 16px auto 0;
    padding-left: 23px;
    width: 128px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3A%238ba0c6%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M9.99%208.628l-1.36%201.36L5%206.36%201.37%209.99.01%208.627%203.64%205%20.01%201.37%201.37.01%205%203.64%208.63.01l1.36%201.36L6.36%205l3.63%203.628z%22%20id%3D%22path-1%22%20class%3D%22cls-2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") 3px 4px no-repeat;
    border: none;
}

.filter .reset-filter:before {
    width: 10px;
    height: 10px;
    background: url(/local/css/../images/sprite.png) -389px -96px no-repeat;
    opacity: 0.5;
    position: absolute;
    content: '';
    top: 20px;
    left: 13px;
}

.filter .reset-filter:hover:before {
    transition: all 0.3s linear;
    transform: rotate(180deg);
}

.filter-block {
    padding: 5px 20px 3px 20px;
    position: relative;
    background: #f5f5f5;
}

.filter-block.filled:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #fecc00;
    content: '';
}

.filter-block.deny-expanded {
    background: #fff;
    padding-top: 18px;
}

.filter-block .title {
    transition: all 0.3s linear;
    font: bold 14px/18px Arial, sans-serif;
    color: #393186;
    position: relative;
    padding: 13px 11px 16px 0;
    cursor: pointer;
}

.filter-block .title:after {
    transition: all 0.3s linear;
    background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
    width: 12px;
    height: 7px;
    opacity: 0.4;
    content: '';
    position: absolute;
    top: 21px;
    right: 0;
}

.filter-block:hover {
    background: #fff;
}

.filter-block:hover .title {
    color: #000;
}

.filter-block:hover .title:after {
    opacity: 1;
}

.filter-block:after {
    position: absolute;
    content: '';
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e6e6e6;
}

.filter-block .content {
    display: none;
    padding-bottom: 5px;
}

.filter-block .content.price-slider-inputs input {
    -webkit-appearance: none;
    font: normal 12px/18px Arial, sans-serif;
    box-sizing: border-box;
    width: 80px;
    height: 30px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    line-height: 30px;
    padding: 1px 9px 0 9px;
}

.filter-block.open .title:after {
    transform: rotate(180deg);
}

.filter-block.open .content {
    display: block;
}

.filter-block .select {
    width: 180px;
}

.toogle-filter {
    width: 30px;
    height: 30px;
    transition: all 0.3s linear;
    position: relative;
    padding: 10px 20px;
    margin-left: auto;
    border: 2px solid #393186;
    color: #393186;
    font-weight: bold;
    text-align: center;
    display: none;
    cursor: pointer;
    z-index: 11;
}

.toogle-filter.open {
    display: block;
}

.checkbox-select-container {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #c8c7c7;
    transition: border-color 0.3s;
    max-height: 28px;
}

.checkbox-select-container:hover {
    cursor: pointer;
    border-color: #000;
}

.checkbox-select-container .selected-checkboxes {
    display: flex;
    position: relative;
    max-height: 28px;
    height: 28px;
    max-width: 201px;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__row {
    width: 177px;
    height: 28px;
    display: block;
    position: relative;
    box-sizing: border-box;
    max-height: 28px;
    padding: 5px;
    overflow: hidden;
    color: #000;
    font-weight: normal;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__row:after {
    width: 100%;
    height: 7px;
    content: '';
    position: absolute;
    left: 1px;
    top: 22px;
    background: #f5f5f5;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__row .name {
    margin: 4px;
    position: relative;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__row .name:not([data-no-filter="Y"]):after {
    position: absolute;
    content: ';';
    right: -6px;
    top: 0;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__arrow {
    width: 28px;
    height: 28px;
    position: relative;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__arrow:after {
    width: 7px;
    height: 4px;
    background: url(/local/css/../images/sprite.svg) -226px -113px no-repeat;
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__arrow.open:after {
    transform: rotate(180deg) translate(-50%, -50%);
}

.checkbox-select-container .dropdown-select {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 28px;
    left: -2px;
    max-width: 201px;
    width: 201px;
    border: 1px solid #e6e6e6;
    background: #fff;
    z-index: 80;
}

.checkbox-select-container .dropdown-select.active {
    display: flex;
}

.checkbox-select-container .dropdown-select .checkbox-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 20px;
}

.checkbox-select-container .dropdown-select .checkbox-container input[type=checkbox] {
    width: 0;
    height: 0;
    opacity: 0;
}

.checkbox-select-container .dropdown-select .checkbox-container * {
    z-index: -1;
}

.checkbox-select-container .dropdown-select .checkbox-container:hover {
    background: #e6e6e6;
    cursor: pointer;
}

.checkbox-select-container .dropdown-select .checkbox-container input[type=checkbox]:checked + .checkbox-immitator:after {
    width: 10px;
    height: 8px;
    background: url(/local/css/../images/sprite.svg) -226px -77px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.checkbox-select-container .dropdown-select .checkbox-container .checkbox-immitator {
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 10px;
    min-width: 16px;
}

.checkbox-select-container .dropdown-select .checkbox-container .checkbox-immitator .immitator {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #000;
}

@media (max-width: 480px) {
    .flex-wrapper .filter .filter-line {
        justify-content: center;
    }

    .flex-wrapper .filter .filter-line .filter-unit .price-slider-inputs {
        padding-right: 0;
    }

    .flex-wrapper .filter .filter-controller {
        flex-direction: column;
    }

    .flex-wrapper .filter .filter-controller button,
    .flex-wrapper .filter .filter-controller button.transparent-yellow#set_filter {
        margin: 20px auto 0;
    }

    .flex-wrapper .filter .filter-controller .options {
        flex-direction: inherit;
    }
}

/**
 * Раскладка страницы с панелями
 * Левая - навигация
 * Правая - контент
 */
.page-content.paneled {
    display: flex;
    align-items: stretch;
}

.page-content.paneled .left-panel {
    width: 220px;
    margin-right: 20px;
    flex-shrink: 0;
}

.page-content.paneled .left-panel .column-content {
    width: 180px;
    padding: 12px 20px;
    background: #f7f7f7;
}

.page-content.paneled .right-panel {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}

.page-content.paneled.oversized {
    align-items: flex-start;
}

.page-content.paneled.panel-reverted .left-panel {
    order: 2;
    margin-right: 0;
    margin-left: 20px;
}

.page-content.paneled.panel-reverted .right-panel {
    order: 1;
}

.page-content .left-panel {
    width: 180px;
    position: relative;
}

.page-content .left-panel ul.navigation {
    background: #f5f5f5;
}

.page-content .left-panel h4 {
    margin: 0;
    padding: 13px 0;
    font: bold 16px/24px Arial, sans-serif;
}

.page-content .left-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-content .left-panel ul a {
    transition: all 0.2s linear;
    display: block;
    position: relative;
    padding: 17px 30px 14px 20px;
    margin: 0 -20px;
    font: normal 14px/20px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.page-content .left-panel ul li.active a {
    background: #fff;
    color: #000;
    text-decoration: none;
    box-shadow: 0 0 0 1px #e6e6e6, 0 1px 0 0 #e6e6e6;
}

.page-content .left-panel .navigation a.active,
.page-content .left-panel .navigation a:hover {
    color: #000;
    background: #fff;
    box-shadow: 0 0 0 1px #e6e6e6, 0 1px 0 0 #e6e6e6;
}

.page-content .left-panel.floating.fixed .column-content {
    position: fixed;
    top: 50px;
}

.page-content .left-panel.floating.fixed.on-bottom {
    margin-bottom: 0;
}

.page-content .left-panel.floating.fixed.on-bottom .column-content {
    position: absolute;
    top: auto;
}

.page-content .left-panel.floating.absoluted .column-content {
    position: absolute;
}

.page-content .left-panel.floating.absoluted.on-bottom {
    margin-bottom: 0;
}

.page-content .left-panel.floating.absoluted.on-bottom .column-content {
    position: absolute;
    top: auto;
}

.page-content .right-panel {
    background: #fff;
}

.page-content .right-panel .padded-content {
    padding: 30px;
}

.vacancy-page .column-content {
    width: 180px;
    padding: 12px 20px;
    background: #f7f7f7;
}

.personal-page .page-content.paneled .left-panel {
    width: 225px;
    padding: 0;
}

.personal-page .page-content.paneled .left-panel .column-content {
    width: 225px;
    padding: 0;
}

@media screen and (max-width: 750px) {
    .page-content .column-content {
        width: auto;
        position: static !important;
    }

    .page-content.floating.fixed .column-content {
        position: static !important;
    }

    .page-content.floating.fixed.on-bottom .column-content {
        position: static !important;
    }

    .page-content.paneled {
        display: block;
    }

    .page-content.paneled .left-panel {
        width: auto;
        margin: 0 10px 30px;
    }

    .page-content.paneled .left-panel ul {
        font-size: 0;
    }

    .page-content.paneled .left-panel li {
        display: inline-block;
        width: 200px;
        vertical-align: top;
    }

    .page-content.paneled .left-panel .navigation a {
        padding: 14px 10px;
        margin: 0;
    }

    .page-content.paneled .left-panel .navigation a:before {
        left: 10px;
        right: 10px;
    }

    .page-content.paneled .right-panel {
        margin: 0 10px;
        width: auto;
    }
}

.footer-assortment {
    display: none;
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
}

footer {
    min-height: 282px;
    background: #91949b;
}

footer .width-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 20px 0 0;
}

footer .to-top {
    width: 30px;
    height: 30px;
    transition: all 0.3s linear;
    position: fixed;
    right: calc(50% - 581px);
    bottom: 267px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    cursor: default;
}

footer .to-top:before {
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
    background: #91949b;
}

footer .to-top:after {
    width: 30px;
    height: 30px;
    background: url(/local/css/../images/sprite.svg) -2px -104px no-repeat;
    content: '';
    position: absolute;
    z-index: 2;
}

footer .to-top:hover {
    border-radius: 0;
}

footer .to-top.visible {
    opacity: 1;
    cursor: pointer;
}

footer .info {
    width: 200px;
    padding: 24px 0 0;
}

footer .info .logo {
    width: 161px;
    height: 63px;
    background: url(/local/css/../images/sprite.png) 0px -248px no-repeat;
    display: block;
    margin: 0 0 11px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    footer .info .logo {
        background-size: 213px 155.5px;
        background-position: 0px 0px;
    }
}

footer .info .phone {
    margin: 0 0 13px;
}

footer .info .phone span {
    display: block;
    font: 11px/14px Arial, sans-serif;
    color: #fff;
}

footer .info .phone a {
    display: block;
    font: bold 18px/24px Arial, sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    text-decoration: none;
}

footer .info .feedback {
    margin: 0 0 18px;
    font-size: 0;
}

footer .info .feedback .button {
    padding-left: 37px;
}

footer .info .feedback .button:hover .icon-feedback-white {
    opacity: 1;
}

footer .info .feedback .icon-feedback {
    width: 17px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -166px -144px no-repeat;
    position: absolute;
    left: -27px;
    top: 1px;
}

footer .info .feedback .icon-feedback-white {
    width: 17px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -138px -120px no-repeat;
    transition: all 0.3s linear;
    position: absolute;
    left: -27px;
    top: 1px;
    opacity: 0;
}

footer .info .copyright {
    margin: 0 0 4px;
    font: bold 12px/18px Arial, sans-serif;
    color: rgba(255, 255, 255, 0.5);
}

footer .info .creator {
    position: relative;
    font: 11px/14px Arial, sans-serif;
    color: #fff;
}

footer .info .creator .slon {
    width: 21px;
    height: 14px;
    background: url(/local/css/../images/sprite.png) -377px -80px no-repeat;
    position: absolute;
    right: 100%;
    margin-right: 14px;
    cursor: pointer;
}

footer .info .creator a {
    transition: all 0.3s linear;
    text-decoration: none;
    color: #fff;
}

footer .info .creator a:hover {
    color: rgba(255, 255, 255, 0.5);
}

footer .menu {
    padding: 41px 0 0;
    width: 200px;
}

footer .menu h4 {
    margin: 0 0 14px;
    padding: 0;
    font: bold 18px/39px Arial, sans-serif;
    color: #fff;
    border-bottom: 1px solid #9ea1a7;
}

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

footer .menu ul li {
    margin: 9px 0;
    padding: 0;
}

footer .menu ul a {
    transition: all 0.3s linear;
    text-decoration: none;
    font: 12px/18px Arial, sans-serif;
    letter-spacing: 0.02em;
    color: #cdced1;
}

footer .menu ul a:hover,
footer .menu ul a.current {
    color: #fff;
}

/**
 * Формы и инпуты
 **/
.form .input {
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding-left: 9px;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    font: normal 12px/30px Arial, sans-serif;
    -webkit-appearance: none;
}

.form .input:disabled {
    background: rgba(255, 221, 0, 0.12);
}

.form .input.error {
    border-color: #DC0C0C;
}

.form .input:focus:not(.error) {
    outline: none;
    border-color: #91949b;
}

.form textarea.input {
    line-height: 24px;
    resize: vertical;
    max-height: 100px;
}

.form .row label {
    display: block;
    font: bold 14px/18px Arial, sans-serif;
    color: #666666;
    margin-bottom: 6px;
}

.form .row label.error {
    background: #DC0C0C;
    color: #fff;
    position: relative;
    top: -1px;
    font: normal 12px/15px Arial, sans-serif;
    padding: 4px 8px 2px;
    border-radius: 0 0 2px 2px;
}

.confirm-phone-modal {
    padding-top: 20px;
}

.confirm-phone-modal .row label {
    margin: 0;
    color: #333;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.confirm-phone-modal h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    color: #333;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-bottom: 1px solid #e6e6e6;
}

.confirm-phone-modal-wrap .form input {
    height: 50px;
    padding-right: 50px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background: #FFF;
    overflow: hidden;
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.confirm-phone-modal-wrap .form input:focus {
    border: 2px solid var(--blue, #857FC3);
    background: #FFF;
}

.confirm-phone-modal-wrap .form button {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid #393186;
    background: #FFF;
    color: #393186;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    transition: color 0.3s, border 0.3s;
}

.confirm-phone-modal-wrap .form button:hover {
    color: #857FC3;
    border: 1px solid #857FC3;
}

/* Checkbox */
.checkbox {
    position: relative;
    cursor: pointer;
}

.checkbox span {
    font: normal 12px/16px Arial, sans-serif;
    display: block;
    padding: 2px 0 0 29px;
}

.checkbox input[type=checkbox]:not(checked) {
    position: absolute;
    opacity: 0;
}

.checkbox input[type=checkbox]:not(checked) + i {
    position: absolute;
    padding: 0 0 0 29px;
}

.checkbox input[type=checkbox]:not(checked) + i:before {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    position: absolute;
    content: '';
    top: -1px;
    left: 0;
    border: 1px solid #000;
}

.checkbox input[type=checkbox]:checked + i:before {
    background: url(/local/css/../images/sprite.svg) -118px -138px no-repeat;
    width: 20px;
    height: 20px;
}

/* Radio */
.radio {
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

.radio span {
    color: #999;
    font: normal 14px/20px Arial, sans-serif;
    display: inline-block;
    padding: 0 0 0 9px;
    vertical-align: top;
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0;
}

.radio input[type=radio] + i {
    transition: all 0.2s linear;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    box-shadow: inset 0 0 0 9px #fff, inset 0 0 0 9px #393186;
}

.radio input[type=radio]:checked + i {
    border-color: #000;
    box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 9px #393186;
}

.radio input[type=radio]:checked + i + span {
    color: #000;
}

.radio + .radio {
    padding-left: 25px;
}

.radio.small input[type=radio] + i {
    width: 16px;
    height: 16px;
    line-height: 20px;
    vertical-align: middle;
}

.radio.small span {
    padding: 0 0 0 5px;
}

.radio-group .title {
    margin-right: 14px;
    font: bold 16px/20px Arial, sans-serif;
}

/* Select */
.select2-container {
    font: 12px/18px Arial, sans-serif;
}

.select2-container .select2-selection {
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    height: 30px;
    position: relative;
}

.select2-container .select2-selection .select2-selection__arrow {
    width: 30px;
    height: 29px;
    top: 0;
    right: 0;
}

.select2-container .select2-selection .select2-selection__arrow b {
    width: 12px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
    border: none;
    margin-top: -3px;
    margin-left: -8px;
}

.select2-container .select2-dropdown {
    border-color: #e6e6e6;
}

.select2-container--open .select2-selection__arrow b {
    transform: rotate(180deg);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ccc;
    color: #000;
}

.filter-line {
    display: flex;
    padding: 20px;
    flex-wrap: wrap;
    background: #fff;
}

.filter-line .filter-unit {
    display: flex;
    width: 201px;
    max-width: 201px;
    flex-direction: column;
    margin: 0 auto 20px 0;
    font-weight: bold;
    font-size: 14px;
}

.filter-line .filter-unit .title {
    margin: 0 auto 16px 0;
    position: relative;
    color: #393186;
}

.filter-line .filter-unit .title .rub {
    font-weight: normal;
}

.filter-line .filter-unit select {
    padding: 5px;
}

.filter-line .filter-unit .price-slider-inputs {
    display: flex;
    flex-direction: column;
}

.filter-line .filter-unit .price-slider-inputs .inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
}

.filter-line .filter-unit .price-slider-inputs .inputs input {
    max-width: 60px;
    padding: 8px 10px;
    border: 1px solid #e6e6e6;
}

header {
    /* Верхняя линия с переключателем и авторизацией */
    /* Информация - лого, телефон, счётчики */
    /* Корзина, Отложенные, Сравнение */
}

header .mobile-logo-block {
    display: none;
}

header .auth-line {
    height: 37px;
    background: #fff;
    padding-top: 2px;
    font: normal 12px/37px Arial, sans-serif;
}

header .auth-line .type-toggler {
    float: left;
}

header .profile {
    padding: 0 15px 0 0;
    float: right;
    color: #999;
    letter-spacing: 0.017em;
}

header .profile .register {
    padding-left: 0;
}

header .profile > a {
    position: relative;
    display: inline-block;
    color: #1c4695;
    text-decoration: none;
    padding-left: 25px;
}

header .prof-icon {
    transition: all 0.15s linear;
    position: relative;
    display: inline-block;
    color: #1c4695;
    text-decoration: none;
    padding-left: 25px;
}

header .prof-icon:after,
header .prof-icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
}

header .prof-icon:after {
    transition: all 0.15s linear;
    opacity: 0;
}

header .prof-icon:hover {
    color: #000;
}

header .prof-icon:hover:after {
    opacity: 1;
}

header .prof-icon.search:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -42px -204px no-repeat;
    margin: 0 10px -4px 0;
}

header .prof-icon.search:after {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -42px -204px no-repeat;
}

header .prof-icon.search .search-block {
    position: absolute;
    top: 30px;
    background: #fff;
    right: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

header .prof-icon.search .search-suggest {
    display: none;
}

header .prof-icon.login:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -2px -204px no-repeat;
    margin: 0 10px -4px 0;
}

header .prof-icon.login:after {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -22px -204px no-repeat;
}

header .prof-icon.username {
    padding-left: 22px;
    vertical-align: top;
}

header .prof-icon.username:before {
    width: 16px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -169px -162px no-repeat;
    margin: 0 6px -3px 0;
}

header .prof-icon.username:after {
    width: 16px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -149px -162px no-repeat;
}

header .prof-icon.logout {
    margin-left: 44px;
    padding-left: 23px;
}

header .prof-icon.logout:before {
    width: 17px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -23px -183px no-repeat;
    margin: 0 5px -4px 0;
}

header .prof-icon.logout:after {
    width: 17px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -44px -183px no-repeat;
}

header .info {
    height: 105px;
    background: #f7f7f7;
}

header .info .prof-icon {
    display: none;
    height: 21px;
    width: 22px;
    margin-left: 0;
    padding-left: 0;
}

header .info .prof-icon:before,
header .info .prof-icon:after {
    top: 4px;
    opacity: 1;
}

header .info .width-wrap {
    display: flex;
    height: 105px;
    padding: 0 7px 0 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

header .info .sep {
    width: 1px;
    height: 44px;
    background: #dedede;
}

header .info .logo-block .logo {
    transition: all 0.3s linear;
    display: inline-block;
    text-decoration: none;
}

header .info .logo-block img {
    background-image: url("/local/css/../../images/new_logo.svg");
    background-size: contain;
    width: 152px;
    height: 59px;
}

header .info .logo-block a.logo:hover {
    opacity: 0.75;
}

header .info .phone span {
    display: block;
    font: 11px/14px Arial, sans-serif;
    color: #666;
    white-space: nowrap;
}

header .info .phone a {
    transition: all 0.3s linear;
    display: block;
    font: bold 18px/24px Arial, sans-serif;
    letter-spacing: 0.02em;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

header .info .phone a:hover {
    color: #264f96;
}

header .info-block {
    position: relative;
    padding-left: 39px;
    text-decoration: none;
    display: block;
}

header .info-block .text {
    transition: all 0.15s linear;
    font: 12px/16px Arial, sans-serif;
    color: rgba(0, 0, 0, 0.54);
}

header .info-block .count {
    transition: all 0.15s linear;
    display: inline-block;
    margin: 3px 0 -3px;
    height: 10px;
    padding: 3px 6px 2px;
    background: #fecc00;
    border-radius: 4px;
    font: bold 10px/10px Arial, sans-serif;
    color: #000;
}

header .info-block .icon {
    position: absolute;
    content: '';
    display: inline-block;
    left: 0;
    top: 50%;
    margin-top: -13px;
}

header .info-block.compare .icon {
    width: 22px;
    height: 26px;
    background: url(/local/css/../images/sprite.svg) -36px -104px no-repeat;
    left: 4px;
}

header .info-block.favorites .icon {
    width: 24px;
    height: 23px;
    background: url(/local/css/../images/sprite.svg) -138px -29px no-repeat;
    margin-top: -11px;
}

header .info-block.basket .icon {
    width: 25px;
    height: 24px;
    background: url(/local/css/../images/sprite.svg) -80px -104px no-repeat;
    margin-top: -11px;
}

header .info-block:hover .text {
    color: #000;
}

header .info-block:hover .count {
    background: #254e96;
    color: #fff;
}

header .info-block:hover.compare .icon {
    width: 22px;
    height: 26px;
    background: url(/local/css/../images/sprite.svg) -109px -45px no-repeat;
}

header .info-block:hover.favorites .icon {
    width: 24px;
    height: 23px;
    background: url(/local/css/../images/sprite.svg) -138px -2px no-repeat;
}

header .info-block:hover.basket .icon {
    width: 25px;
    height: 24px;
    background: url(/local/css/../images/sprite.svg) -109px -104px no-repeat;
}

header .info-block.disabled {
    cursor: default;
}

header .info-block.disabled:hover .text {
    color: rgba(0, 0, 0, 0.54);
}

header .info-block.disabled:hover .count {
    background: #fecc00;
    color: #000;
}

header .info-block.disabled:hover.compare .icon {
    width: 22px;
    height: 26px;
    background: url(/local/css/../images/sprite.svg) -36px -104px no-repeat;
}

header .info-block.disabled:hover.favorites .icon {
    width: 24px;
    height: 23px;
    background: url(/local/css/../images/sprite.svg) -138px -29px no-repeat;
}

header .info-block.disabled:hover.basket .icon {
    width: 25px;
    height: 24px;
    background: url(/local/css/../images/sprite.svg) -80px -104px no-repeat;
}

header .search-block {
    width: 210px;
    height: 30px;
    padding: 10px 10px 10px 20px;
}

header .search-block form {
    height: 28px;
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 10px;
    border: 1px solid #dddee1;
    border-radius: 2px;
}

header .search-block input[type=text] {
    width: 160px;
    margin-top: 1px;
    height: 24px;
    border: 0;
    padding: 0;
    font: 14px/24px Arial, sans-serif;
    color: #666;
}

header .search-block input[type=text]::placeholder {
    color: #dddee2;
}

header .search-block input[type=text]:focus {
    outline: none;
}

header .search-block input[type=text]:focus + button {
    background: #6E66C3;
}

header .search-block button[type=submit] {
    width: 36px;
    height: 30px;
    transition: all 0.3s linear;
    position: absolute;
    top: -1px;
    right: -1px;
    background: #c8d0de;
    border: 0;
    border-radius: 0 2px 2px 0;
    font-size: 0;
}

header .search-block button[type=submit]:after {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -62px -204px no-repeat;
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

header .search-block button[type=submit]:hover,
header .search-block button[type=submit]:active {
    background: #6E66C3;
    outline: none;
}

header {
    /* меню */
}

header .menu {
    height: 50px;
    background: #f7f7f7;
}

header .menu .width-wrap {
    height: 50px;
    background: #fff;
    display: flex;
    flex-direction: row;
}

header .menu #bx_incl_area_2 {
    width: 100vh;
}

header.menu-collapsed .header-wrapper {
    display: flex;
    justify-content: space-between;
}

header.menu-collapsed .auth-line {
    display: none;
}

header.menu-collapsed .width-wrap {
    width: auto;
}

header.menu-collapsed .mobile-logo-block {
    display: block;
    flex-grow: 1;
}

header.menu-collapsed .mobile-logo-block .logo {
    display: block;
    text-decoration: none;
    position: relative;
    min-width: 51px;
    height: 40px;
    padding: 0 5px;
}

header.menu-collapsed .mobile-logo-block .logo:after {
    width: 51px;
    height: 14px;
    background: url(/local/css/../images/sprite.png) -324px -80px no-repeat;
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -26px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    header.menu-collapsed .mobile-logo-block .logo:after {
        background-size: 213px 155.5px;
        background-position: -162px 0px;
    }
}

header.menu-collapsed .mobile-logo-block a.logo:hover {
    opacity: 0.75;
}

header.menu-collapsed .info {
    display: block;
    width: 47%;
    min-width: 187px;
    order: 2;
    height: 40px;
    background: #fff;
}

header.menu-collapsed .info .width-wrap {
    height: 40px;
}

header.menu-collapsed .info .logo-block,
header.menu-collapsed .info .phone {
    display: none;
}

header.menu-collapsed .info .prof-icon {
    display: inline-block;
}

header.menu-collapsed .info .prof-icon:hover {
    opacity: 0.6;
}

header.menu-collapsed .menu {
    display: flex;
    height: 40px;
    order: 1;
    flex-grow: 1;
    max-width: 180px;
    background: transparent;
}

header.menu-collapsed .menu .width-wrap {
    height: 40px;
}

header.menu-collapsed .menu .menu-items > li:not(.catalog) {
    display: none;
}

header.menu-collapsed .menu .menu-items > li.catalog {
    font: bold 14px/40px Arial, sans-serif;
    padding: 0 6px;
}

header.menu-collapsed .menu .menu-items > li.catalog span:after {
    margin-left: 5px;
}

header.menu-collapsed .menu .search-block {
    display: none;
}

header.menu-collapsed .sep {
    display: none;
}

header.menu-collapsed .info-block {
    padding-left: 30px;
    margin: 0 4px;
}

header.menu-collapsed .info-block .icon {
    transform: scale(0.75);
}

header.menu-collapsed .info-block .text {
    display: none;
}

header.menu-collapsed .info-block .count {
    margin: 6px 0 -6px -17px;
    position: relative;
}

header.fixed {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    background: #fff;
    box-shadow: 0 0 3px #000;
    animation: menuShow 0.3s;
}

header.fixed .header-wrapper {
    max-width: 940px;
    margin: 0 auto;
}

header.fixed + .content-area {
    padding-top: 194px;
}

header.mobile.fixed + .content-area {
    padding-top: 40px;
}

header .menu-items {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}

header .menu-items > li {
    flex-grow: 1;
    font: bold 16px/50px Arial, sans-serif;
    color: #000;
}

header .menu-items > li a {
    display: block;
    color: #264f96;
    text-decoration: none;
    text-align: center;
}

header .menu-items > li a span {
    transition: all 0.3s linear;
    display: inline-block;
}

header .menu-items > li a:hover span {
    box-shadow: inset 0 2px 0 #254e96;
}

header .menu-items > li.current a {
    color: #000;
    cursor: default;
}

header .menu-items > li.current span {
    box-shadow: inset 0 2px 0 #fc0;
}

header .menu-items > li.current:hover span {
    box-shadow: inset 0 2px 0 #fc0;
}

header .menu-items .catalog-menu {
    position: relative;
    background: #393186;
    /*
      ul {
          display: none;
          position: absolute;
          z-index: 150;
          margin: 0;
          padding: 0;
          list-style: none;
          background: #d1d2d7;

          a {
              color: #666;
              display: block;
          }

          li {
              margin: 5px 0;
              white-space: nowrap;

              a {
                  padding: 10px 20px;
              }

              &:hover {
                  background: #a6b1c7;
                  &:after {
                      .size(0);
                      content: '';
                      position: absolute;
                      left: 100%;
                      margin-top: -24px;
                      border-left: 5px solid #a6b1c7;
                      border-top: 5px solid transparent;
                      border-bottom: 5px solid transparent;
                      z-index: 51;
                  }

                  > a {
                      color: #fff;
                  }
                  > ul {
                      display: block;
                  }
              }
          }

          ul {
              top: 0;
              left: 100%;
              border-left: 1px solid #a6b1c7;

              li {
                  position: relative;
                  a {
                      padding: 5px 15px;
                      font: bold 14px/16px @font;
                  }
                  &:hover:after {
                      margin-top: -18px;
                  }
              }

              ul {
                  margin: -5px 0;

                  li:hover:after {
                      display: none;
                  }
              }
          }

          a {
              text-align: left;
              font: bold 14px/18px @font;
          }
      }

      > ul {
          left: 0;
      }

      &:hover {
          background: #d1d2d7;
          > a {
              color: #000;
              span {
                  box-shadow: none;
              }
          }
          > ul {
              display: block;
          }
      }*/
}

header .menu-items .catalog-menu a {
    color: #fff;
}

header .menu-items .catalog-menu li.current > a {
    color: #000;
}

header .menu-items .catalog-menu span {
    display: inline-block;
    padding: 0 0 0 3px;
}

header .menu-items .catalog-menu span:after {
    width: 19px;
    height: 19px;
    background: url(/local/css/../images/sprite.svg) -166px -2px no-repeat;
    content: '';
    display: inline-block;
    margin: 4px 0 -4px 23px;
    opacity: 0.2;
}

header .menu-items .catalog-menu .catalog-dropdown {
    display: none;
    position: absolute;
    z-index: 150;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #d1d2d7;
    text-align: left;
}

header .menu-items .catalog-menu .catalog-dropdown a {
    display: block;
    margin: 5px 0;
    padding: 10px 20px;
    color: #666;
    text-align: left !important;
    font: 700 14px/18px Arial, sans-serif;
}

header .menu-items .catalog-menu .catalog-dropdown a.hovered,
header .menu-items .catalog-menu .catalog-dropdown a:hover {
    background: #a6b1c7;
    color: #fff;
}

header .menu-items .catalog-menu .catalog-dropdown .first-levels {
    min-width: 240px;
}

header .menu-items .catalog-menu .catalog-dropdown .second-levels {
    padding: 1px 0;
    border-left: 1px solid #a6b1c7;
    background: #d1d2d7;
}

header .menu-items .catalog-menu .catalog-dropdown .second-levels a {
    padding: 5px 15px;
    font: 700 14px/16px Arial, sans-serif;
}

header .menu-items .catalog-menu .catalog-dropdown .third-levels {
    padding: 1px 0;
    border-left: 1px solid #a6b1c7;
    background: #d1d2d7;
}

header .menu-items .catalog-menu .catalog-dropdown .third-levels a {
    padding: 5px 15px;
    font: 700 14px/16px Arial, sans-serif;
}

header .menu-items .catalog-menu .catalog-dropdown .second-level {
    display: none;
    width: 250px;
}

header .menu-items .catalog-menu .catalog-dropdown .second-level:hover {
    display: block;
}

header .menu-items .catalog-menu .catalog-dropdown .third-level {
    display: none;
    width: 250px;
}

header .menu-items .catalog-menu .catalog-dropdown .third-level:hover {
    display: block;
}

header .menu-items .catalog-menu .catalog-dropdown .parentHovered {
    display: block;
}

header .menu-items .catalog-menu:hover .catalog-dropdown {
    flex-direction: row;
    display: flex;
}

header.fixed .menu-items .catalog-menu:hover .catalog-dropdown {
    margin-left: -6px;
}

@keyframes menuShow {
    0% {
        top: -40px;
    }
    100% {
        top: 0;
    }
}

.numeric-input {
    position: relative;
}

.numeric-input a {
    transition: all 0.2s linear;
    display: inline-block;
    position: relative;
    line-height: 30px;
    vertical-align: middle;
    opacity: 0.6;
}

.numeric-input a.minus {
    width: 20px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -50px -138px no-repeat;
}

.numeric-input a.plus {
    width: 20px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -2px -138px no-repeat;
}

.numeric-input a:hover {
    opacity: 1;
}

.numeric-input .input.number {
    width: 100%;
    box-sizing: border-box;
    padding-left: 9px;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
    font: normal 12px/30px Arial, sans-serif;
    -webkit-appearance: none;
    width: 80px;
    height: 30px;
    margin: 0 9px;
    vertical-align: middle;
    padding: 0;
    text-align: center;
}

.numeric-input .input.number:disabled {
    background: rgba(255, 221, 0, 0.12);
}

.numeric-input .input.number.error {
    border-color: #DC0C0C;
}

.numeric-input .input.number:focus:not(.error) {
    outline: none;
    border-color: #91949b;
}

.numeric-input.narrow {
    display: inline-block;
    margin: 0;
    min-width: 120px;
    position: relative;
}

.numeric-input.narrow .input.number {
    width: 40px;
}

.pagination {
    text-align: center;
    padding: 11px 0 31px;
    font: bold 14px/18px Arial, sans-serif;
}

.pagination a {
    transition: all 0.3s linear;
    color: #000000;
    width: 26px;
    height: 26px;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 13px;
    margin: 0 4px;
}

.pagination a.prev {
    width: 21px;
    height: 12px;
    background: url(/local/css/../images/sprite.svg) -138px -56px no-repeat;
    margin-right: 10px;
}

.pagination a.prev:hover {
    opacity: 0.5;
    background-color: transparent;
}

.pagination a.next {
    width: 21px;
    height: 12px;
    background: url(/local/css/../images/sprite.svg) -138px -56px no-repeat;
    transform: rotate(180deg);
    margin-left: 20px;
}

.pagination a.next:hover {
    opacity: 0.5;
    background-color: transparent;
}

.pagination a.prev,
.pagination a.next {
    position: relative;
}

.pagination a.prev:before,
.pagination a.next:before {
    width: 36px;
    height: 25px;
    position: absolute;
    content: '';
    top: -6px;
    left: -7px;
}

.pagination a:hover {
    background-color: #fecc00;
}

.pagination .current {
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    padding: 3px;
    display: inline-block;
    border-radius: 13px;
    border: 2px solid #ffde06;
    margin: 0 4px;
}

.pagination .dots {
    margin: 0 7px;
    font-weight: bold;
}

.product-list.table {
    padding: 0 30px;
}

.product-list.table .product-block {
    transition: all 0.3s linear;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin: 30px 0 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
}

.product-list.table .product-block.in-action .photo-stub,
.product-list.table .product-block.in-action .photo {
    position: relative;
}

.product-list.table .product-block.in-action .photo-stub:before,
.product-list.table .product-block.in-action .photo:before {
    width: 42px;
    height: 42px;
    background: url(/local/css/../images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    content: '';
    right: 14px;
    bottom: -13px;
}

.product-list.table .product-block:before {
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    height: 1px;
    background: #ccc;
    left: 0;
    right: 0;
    bottom: -20px;
}

.product-list.table .product-block:after {
    transition: all 0.3s linear;
    position: absolute;
    outline: 2px solid #fff;
    border: 2px solid #fff;
    content: '';
    z-index: -1;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    box-shadow: 0 0 0 18px #fff, 0 0 0 18px #fff;
}

.product-list.table .product-block > a,
.product-list.table .product-block .photo {
    width: 190px;
    height: auto;
    flex-shrink: 0;
}

.product-list.table .product-block .description {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
}

.product-list.table .product-block .description h3 {
    font: bold 16px/20px Arial, sans-serif;
    color: #666;
    margin: 6px 0;
    padding-right: 50px;
}

.product-list.table .product-block .description h3 a {
    color: #666;
    text-decoration: none;
}

.product-list.table .product-block .description h3 a:hover {
    text-decoration: underline;
}

.product-list.table .product-block .description > span {
    font: 12px/18px Arial, sans-serif;
    color: #a9a9a9;
}

.product-list.table .product-block .description .services {
    margin-top: 7px;
}

.product-list.table .product-block .description .services span {
    white-space: nowrap;
    background: #e8edf4;
    font: 12px/28px Arial, sans-serif;
    color: #333;
    padding: 4px 5px;
    margin-right: 4px;
}

.product-list.table .product-block .description .services span:first-child {
    border: 1px solid #dddee1;
    background: #fff;
    padding: 3px 9px;
}

.product-list.table .product-block .description .button.card {
    margin: 10px 0 0;
    min-width: 160px;
    text-align: center;
}

.product-list.table .product-block .description .button.card span {
    margin-left: 26px;
}

.product-list.table .product-block .bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px;
}

.product-list.table .product-block .bottom .price {
    margin-top: 10px;
}

.product-list.table .product-block .bottom .price .price-by-card,
.product-list.table .product-block .bottom .price .price-new {
    font: bold 24px/28px Arial, sans-serif;
}

.product-list.table .product-block .bottom .price .price-by-card .unit,
.product-list.table .product-block .bottom .price .price-new .unit {
    font-size: 14px;
}

.product-list.table .product-block .bottom .price .price-old {
    display: block;
    text-decoration: line-through;
    font-size: 14px;
    color: #666;
    margin-top: -4px;
}

.product-list.table .product-block .bottom .price .price-name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.product-list.table .product-block .bottom .price .price-by-card {
    color: #393186;
}

.product-list.table .product-block .bottom .price hr {
    margin: 0 0 5px;
    border: 1px solid #000000;
}

.product-list.table .product-block .bottom.by-card {
    margin-top: 0;
}

.product-list.table .product-block .bottom.by-card .price {
    margin-top: 3px;
    min-width: 150px;
}

.product-list.table .product-block .bottom:not(.by-card) hr,
.product-list.table .product-block .bottom:not(.by-card) .price-name:not(.not-hidden) {
    display: none;
}

.product-list.table .product-block .action {
    position: absolute;
    top: 5px;
    right: 0;
}

.product-list.table .product-block .action .compare:after {
    left: auto;
    right: 0;
}

.product-list.table .product-block:hover {
    position: relative;
}

.product-list.table .product-block:hover:before {
    opacity: 0;
}

@media (min-width: 769px) {
    .product-list.table .product-block:hover:after {
        box-shadow: 0 0 0 19px #fff, 0 0 0 21px #fc0;
    }
}

.product-list.table .product-block.no-photo {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fc0;
    border: 1px solid #e6e6e6;
    padding: 14px 0;
    margin: 22px 0 40px;
}

.product-list.table .product-block.no-photo .action {
    top: 12px;
    right: 8px;
}

.product-list.table .product-block.no-photo:hover {
    transition: all 0.3s linear;
    box-shadow: 0 0 0 9px #fff, 0 0 0 11px #fc0;
    border-color: transparent;
}

.product-list.table .product-block.no-photo.in-action .action:before {
    width: 42px;
    height: 42px;
    background: url(/local/css/../images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    content: '';
    left: -55px;
    bottom: -8px;
}

.right-panel .product-list.block .product-block {
    margin: 0 17px;
}

.product-list.block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 26px 12px 0;
    position: relative;
}

.product-list.block .product-block {
    position: relative;
    width: 190px;
    margin: 0 19px;
    padding-bottom: 87px;
}

.product-list.block .product-block.in-action {
    top: 0;
}

.product-list.block .product-block.in-action .photo {
    position: relative;
}

.product-list.block .product-block.in-action .photo:before {
    width: 42px;
    height: 42px;
    background: url(/local/css/../images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    content: '';
    right: 14px;
    bottom: -13px;
}

.product-list.block .product-block h3 {
    font: bold 14px/18px Arial, sans-serif;
    color: #666;
    padding: 27px 0 0;
    margin: 0 0 5px;
    max-height: 36px;
    overflow: hidden;
}

.product-list.block .product-block h3 a {
    color: #666;
    text-decoration: none;
}

.product-list.block .product-block h3 a:hover {
    text-decoration: underline;
}

.product-list.block .product-block .bx-wrapper .bx-pager {
    margin-top: -10px;
}

.product-list.block .product-block .bx-wrapper + h3 {
    margin-top: 0;
    padding-top: 8px;
}

.product-list.block .product-block .link-in-gallery + h3 {
    margin-top: 0;
    padding-top: 8px;
}

.product-list.block .product-block .product-container {
    transition: all 0.3s linear;
    position: relative;
    width: 190px;
    z-index: 1;
    background: transparent;
}

.product-list.block .product-block .product-container .short-descr {
    max-height: 32px;
    overflow: hidden;
    display: block;
    font: 12px/16px Arial, sans-serif;
    color: #999;
}

.product-list.block .product-block .product-container:after {
    transition: all 0.3s linear;
    position: absolute;
    outline: 2px solid #fff;
    border: 2px solid #fff;
    content: '';
    z-index: -1;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: -57px;
    box-shadow: 0 0 0 8px #fff, 0 0 0 8px #fff;
}

.product-list.block .product-block span.not-buy {
    width: 190px;
    height: 40px;
    display: block;
    margin-top: 13px;
    border-top: 2px solid #fecc00;
    border-bottom: 2px solid #fecc00;
    font: bold 14px/43px Arial, sans-serif;
    color: #000;
    text-align: center;
}

.product-list.block .product-block .notton,
.product-list.block .product-block .button {
    display: none;
}

.product-list.block .product-block:before {
    transition: all 0.3s linear;
    height: 1px;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 28px;
    background: #ccc;
}

.product-list.block .product-block .price {
    color: #333;
    min-width: 120px;
    text-align: right;
}

.product-list.block .product-block .price > span {
    display: block;
}

.product-list.block .product-block .price .price-old {
    font: 14px/18px Arial, sans-serif;
    color: #666;
    text-decoration: line-through;
    display: block;
    height: 18px;
}

.product-list.block .product-block .price .price-by-card,
.product-list.block .product-block .price .price-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: bold 24px/28px Arial, sans-serif;
}

.product-list.block .product-block .price .price-new {
    font: 400 24px/28px Arial, sans-serif;
}

.product-list.block .product-block .price .price-by-card {
    color: #393186;
}

.product-list.block .product-block .price .price-name {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.product-list.block .product-block .price .price-content {
    min-width: 60%;
    flex-shrink: 0;
    margin-left: auto;
}

.product-list.block .product-block .price .unit {
    font-size: 14px;
}

.product-list.block .product-block .price hr {
    width: 60%;
    margin: 0 0 5px 40%;
    border: 1px solid #000000;
}

.product-list.block .product-block .price:not(.by-card) hr,
.product-list.block .product-block .price:not(.by-card) .price-name:not(.not-hidden) {
    display: none;
}

.product-list.block .product-block .notton.transparent-yellow,
.product-list.block .product-block .button.transparent-yellow {
    width: 190px;
    margin-top: 12px;
    background: #fff;
    position: absolute;
    bottom: -56px;
    left: 0;
}

.product-list.block .product-block .action {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.product-list.block .product-block .action .compare,
.product-list.block .product-block .action .favorite {
    transition: all 0.3s linear;
    background: none;
    opacity: 0;
    position: relative;
}

.product-list.block .product-block .action .compare:before,
.product-list.block .product-block .action .favorite:before {
    content: none;
    display: none;
}

.product-list.block .product-block .action .compare.active:before,
.product-list.block .product-block .action .favorite.active:before {
    display: none;
}

.product-list.block .product-block .action .compare:after,
.product-list.block .product-block .action .favorite:after {
    z-index: 1;
}

.product-list.block .product-block .action .compare u,
.product-list.block .product-block .action .favorite u {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.product-list.block .product-block .action .compare i,
.product-list.block .product-block .action .favorite i {
    content: '';
    position: absolute;
    z-index: 6;
}

.product-list.block .product-block .action .compare b,
.product-list.block .product-block .action .favorite b {
    transition: all 0.3s linear;
    width: 36px;
    height: 36px;
    background: #c7cfde;
    position: absolute;
    margin: -8px;
    opacity: 0;
    z-index: 4;
}

.product-list.block .product-block .action .compare u {
    display: block;
    width: 18px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -74px -138px no-repeat;
}

.product-list.block .product-block .action .compare u:after {
    width: 18px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -142px -138px no-repeat;
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    opacity: 0;
}

.product-list.block .product-block .action .compare.active u:after {
    opacity: 1;
}

.product-list.block .product-block .action .compare.active b {
    opacity: 0 !important;
}

.product-list.block .product-block .action .favorite u {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -138px -72px no-repeat;
}

.product-list.block .product-block .action .favorite u:after {
    width: 20px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -138px -96px no-repeat;
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    opacity: 0;
}

.product-list.block .product-block .action .favorite.active u:after {
    opacity: 1;
}

.product-list.block .product-block .action .favorite.active b {
    opacity: 0 !important;
}

.product-list.block .product-block .action .favorite.active,
.product-list.block .product-block .action .compare.active {
    opacity: 1;
}

.product-list.block .product-block .action .favorite.active u:after,
.product-list.block .product-block .action .compare.active u:after {
    opacity: 1;
}

.product-list.block .product-block .action .compare b {
    border-radius: 0 0 5px 0;
}

.product-list.block .product-block .action .favorite b {
    border-radius: 0 0 0 5px;
}

.product-list.block .product-block:hover .product-container {
    background: #fff;
    z-index: 10;
}

.product-list.block .product-block:hover .product-container:after {
    box-shadow: 0 0 0 19px #fff, 0 0 0 21px #fecc00;
}

.product-list.block .product-block:hover .product-container .notton,
.product-list.block .product-block:hover .product-container .button {
    display: block;
}

.product-list.block .product-block:hover:before {
    opacity: 0;
}

@media (min-width: 769px) {
    .product-list.block .product-block:hover .action .compare,
    .product-list.block .product-block:hover .action .favorite {
        opacity: 1;
    }
}

@media (max-width: 769px) {
    .product-list.block .product-block:hover .action .compare,
    .product-list.block .product-block:hover .action .favorite {
        opacity: 1;
    }
}

@media (min-width: 769px) {
    .product-list.block .product-block:hover .action .compare b,
    .product-list.block .product-block:hover .action .favorite b {
        opacity: 1;
    }
}

@media (max-width: 769px) {
    .product-list.block .product-block:hover .action .compare b,
    .product-list.block .product-block:hover .action .favorite b {
        opacity: 1;
    }
}

.product-list.block .product-block.no-photo {
    height: 160px;
    border: 1px solid #e6e6e6;
    margin: 0 6px 12px;
    padding: 10px;
}

.product-list.block .product-block.no-photo.product-in-basket-border {
    border-color: #fecc00;
}

.product-list.block .product-block.no-photo .product-container {
    position: relative;
}

.product-list.block .product-block.no-photo.in-action .action:before {
    width: 42px;
    height: 42px;
    background: url(/local/css/../images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    content: '';
    right: 31px;
    bottom: -11px;
}

.product-list.block .product-block.no-photo h3 {
    padding-top: 45px;
    margin-top: 0;
}

.product-list.block .product-block.no-photo .photo {
    display: none;
}

.product-list.block .product-block.no-photo .action {
    right: 1px;
    left: 1px;
}

.product-list.block .product-block.no-photo:hover {
    border-color: transparent;
}

.product-list.block .product-block.no-photo:before {
    display: none;
}

.product-list.block .advice-block {
    height: 310px;
}

.product-block > .bx-wrapper {
    width: 190px;
    flex-shrink: 0;
}

.product-block .photo-stub {
    width: 190px;
    height: 170px;
    flex-shrink: 0;
    background: url('/local/css/../images/no-photo.svg') 50% 50% no-repeat #f5f5f5;
}

.product-block .photo {
    transition: all 0.3s linear;
    background-color: #f5f5f5;
    line-height: 170px;
}

.product-block .photo .prepare-gallery .one-photo {
    display: none;
}

.product-block .photo .prepare-gallery .one-photo:first-child {
    display: block;
}

.product-block .photo .one-photo {
    width: 190px;
    height: 170px;
    flex-shrink: 0;
    line-height: 170px;
    text-align: center;
}

.product-block .photo img {
    vertical-align: middle;
}

.product-block .bx-pager {
    margin: 6px 0 0 -3px;
}

.product-block .bx-pager-item {
    display: inline-block;
}

.product-block .bx-pager-item a {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    font-size: 0;
}

.product-block .bx-pager-item a:after {
    width: 7px;
    height: 7px;
    margin: 4px;
    content: '';
    display: block;
    position: absolute;
    background: #c7cfde;
    border-radius: 50%;
}

.product-block .bx-pager-item a.active:after {
    background: #333;
}

.product-block:hover .photo {
    background-color: transparent;
}

.product-block .action {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 1;
    background: #224c98;
    padding: 4px;
}

.product-block .action a {
    display: inline-block;
}

.product-block .action .compare {
    transition: all 0.3s linear;
    width: 18px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -96px -138px no-repeat;
    margin-right: 13px;
    position: relative;
}

.product-block .action .compare:hover:after,
.product-block .action .compare:hover:before {
    opacity: 1;
}

.product-block .action .compare:before {
    transition: all 0.3s linear;
    width: 18px;
    height: 20px;
    background: url(/local/css/../images/sprite.svg) -142px -138px no-repeat;
    position: absolute;
    content: '';
    opacity: 0;
}

.product-block .action .compare:after {
    transition: all 0.3s linear;
    top: -40px;
    left: 0;
    position: absolute;
    margin-left: 0;
    opacity: 0;
    background: #393186;
    color: #fff;
    font: 12px/16px Arial, sans-serif;
    content: attr(data-status);
    white-space: nowrap;
    padding: 6px 10px;
    text-align: center;
}

.product-block .action .compare.active:before {
    opacity: 1;
}

.product-block .action .compare.active i {
    background: url(/local/css/../images/sprite.png) -346px -96px no-repeat;
    width: 18px;
    height: 18px;
    content: '';
    position: absolute;
    top: 7px;
    right: -8px;
    z-index: 3;
    background-color: #fecc00;
    border-radius: 50%;
}

.product-block .action .favorite:before {
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    opacity: 0;
    width: 20px;
    height: 20px;
}

.product-block .action .favorite:after {
    transition: all 0.3s linear;
    opacity: 0;
    background: #393186;
    color: #fff;
    font: 12px/16px Arial, sans-serif;
    content: attr(data-status);
    white-space: nowrap;
    padding: 6px 10px;
    top: -40px;
    right: 0;
    text-align: center;
    position: absolute;
}

.product-block .action .favorite.active:before {
    opacity: 1;
}

.product-block .action .favorite:hover:after,
.product-block .action .favorite:hover:before {
    opacity: 1;
}

/*
.price {
    color: #333;
    min-width: 120px;

    & > span {
        display: block;
    }

    .price-old {
        font: 14px/18px @font;
        color: #666;
        text-decoration: line-through;
    }

    .unit {
        font-size: 14px;
    }
}
*/
.order-block .price {
    text-align: right;
}

.quantity-scale {
    width: 27px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
}

.quantity-scale:before {
    width: 3px;
    height: 10px;
    content: '';
    position: absolute;
    top: 4px;
    background: #adadad;
    box-shadow: 6px 0 0 0 #adadad, 12px 0 0 0 #adadad, 18px 0 0 0 #adadad, 24px 0 0 0 #adadad;
}

.quantity-scale.count-1:before {
    background: #adadad;
    box-shadow: 6px 0 0 0 #adadad, 12px 0 0 0 #adadad, 18px 0 0 0 #adadad, 24px 0 0 0 #666;
}

.quantity-scale.count-2:before {
    background: #adadad;
    box-shadow: 6px 0 0 0 #adadad, 12px 0 0 0 #adadad, 18px 0 0 0 #666, 24px 0 0 0 #666;
}

.quantity-scale.count-3:before {
    background: #adadad;
    box-shadow: 6px 0 0 0 #adadad, 12px 0 0 0 #666, 18px 0 0 0 #666, 24px 0 0 0 #666;
}

.quantity-scale.count-4:before {
    background: #adadad;
    box-shadow: 6px 0 0 0 #666, 12px 0 0 0 #666, 18px 0 0 0 #666, 24px 0 0 0 #666;
}

.quantity-scale.count-5:before {
    background: #666;
    box-shadow: 6px 0 0 0 #666, 12px 0 0 0 #666, 18px 0 0 0 #666, 24px 0 0 0 #666;
}

/**
 * Пустой результат. Для поиска и корзины.
 */
.content-area .result-empty {
    padding: 60px 0 60px 10px;
    text-align: center;
    background: #fff;
}

.content-area .result-empty i {
    width: 140px;
    height: 140px;
    display: block;
    position: relative;
    margin: 0 auto;
    background: #f5f5f5;
    border-radius: 50%;
}

.content-area .result-empty i:after {
    content: '';
    position: absolute;
}

.content-area .result-empty h4 {
    margin: 23px 0 13px;
    font: bold 24px/32px Arial, sans-serif;
    color: #333;
}

.content-area .result-empty p {
    margin: 0 0 26px;
    font: 14px/18px Arial, sans-serif;
    color: #666;
}

.content-area .result-empty.basket i:after {
    width: 50px;
    height: 48px;
    background: url(/local/css/../images/sprite.png) -324px -30px no-repeat;
    left: 49px;
    top: 50px;
}

.content-area .result-empty.search i:after {
    width: 48px;
    height: 48px;
    background: url(/local/css/../images/sprite.png) -376px -30px no-repeat;
    left: 46px;
    top: 46px;
}

/**
 * Слайдер товаров внутри таба (например "Сопутствующие товары" в Корзине или на Детальной товара)
 **/
.slider-in-tab {
    position: relative;
}

.slider-in-tab .control {
    position: absolute;
    top: 24%;
    cursor: pointer;
}

.slider-in-tab .control a {
    width: 100%;
    height: 100%;
    display: block;
}

.slider-in-tab .control.prev {
    width: 9px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -189px -44px no-repeat;
    left: -14px;
}

.slider-in-tab .control.next {
    width: 9px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -189px -44px no-repeat;
    transform: rotate(180deg);
    right: -14px;
}

.tabs-content .slider-in-tab .product-list.block.slide {
    justify-content: flex-start;
}

footer {
    /* слон игра */
}

footer .game {
    transition: all 0.3s linear;
    position: relative;
    z-index: 10;
    height: 0;
    overflow: hidden;
}

footer .game .machines {
    position: relative;
    margin-top: 15px;
    float: left;
}

footer .game .machines:after {
    width: 5px;
    height: 15px;
    background: #fff;
    position: absolute;
    content: '';
    bottom: 12px;
    right: -9px;
}

footer .game .start-game {
    width: 29px;
    height: 30px;
    background: url('/local/css/../images/slon-lever.png') no-repeat;
    float: left;
    transition: all 0.15s ease;
    position: relative;
    bottom: -2px;
    left: 6px;
    cursor: pointer;
    transform-origin: 0px 100%;
}

footer .game .start-game.rotate {
    transform: rotate(90deg);
}

footer .game .randomizeMachine {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: -3px;
    background: #c8c9cd;
    background: -moz-linear-gradient(top, #c8c9cd 0%, #ffffff 50%, #c8c9cd 100%);
    background: -webkit-linear-gradient(top, #c8c9cd 0%, #ffffff 50%, #c8c9cd 100%);
    background: linear-gradient(to bottom, #c8c9cd 0%, #ffffff 50%, #c8c9cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c9cd', endColorstr='#c8c9cd', GradientType=0);
}

footer .game .randomizeMachine:nth-child(2) {
    margin-right: -4px;
}

footer .game .randomizeMachine .ico {
    width: 30px;
    height: 30px;
    background: url('/local/css/../images/slon-sprite.png') no-repeat;
}

footer .game .randomizeMachine .ico.a {
    background-position: 6px 6px;
}

footer .game .randomizeMachine .ico.b {
    background-position: 5px -25px;
}

footer .game .randomizeMachine .ico.c {
    background-position: 6px -55px;
}

footer .game .randomizeMachine .ico.d {
    background-position: 4px -84px;
}

footer .game .randomizeMachine .ico.e {
    background-position: 4px -114px;
}

footer .game .randomizeMachine .ico.f {
    background-position: 5px -148px;
}

footer .game .randomizeMachine .ico.g {
    background-position: 4px -179px;
}

footer .game .randomizeMachine .ico.h {
    background-position: 4px -212px;
}

footer .game span {
    font: 11px/15px Arial, sans-serif;
    color: #fff;
    display: block;
    margin: 8px 0 0 -15px;
}

footer .game span a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}

footer .game span.start {
    margin-top: 14px;
    position: relative;
}

footer .game span.start:after {
    position: absolute;
    content: '';
    width: 55px;
    height: 74px;
    background: url('/local/css/../images/slon-arrow.png');
    bottom: 6px;
    right: 15px;
}

footer .game span.prize,
footer .game span.retry {
    display: none;
}

/**
 * Tabs
 **/
.tabs {
    display: block;
    width: 100%;
}

.tabs > ul.tabs-caption {
    margin: 0;
    padding: 0 0 0 4px;
    font: bold 14px/18px Arial, sans-serif;
    color: #333;
}

.tabs > ul.tabs-caption a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    margin: -20px;
    padding: 0 20px;
}

.tabs > ul.tabs-caption > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    background: #91949b;
    color: #fff;
    margin: 0 0 0 -4px;
}

.tabs > ul.tabs-caption > li:hover {
    background: #d6d6d7;
}

.tabs > ul.tabs-caption > li.active,
.tabs > ul.tabs-caption > li.active:hover {
    background: #f7f7f7;
    color: #000;
}

.tabs > ul.tabs-caption > li.active {
    background: #f5f5f5;
}

.tabs > .tabs-content {
    display: none;
    padding-top: 18px;
}

.tabs > .tabs-content.active {
    display: block;
}

.tabs.main {
    margin-top: 25px;
}

.tabs.main > ul.tabs-caption {
    margin: 0 -30px;
    background: #e8edf4;
}

.tabs.main > ul.tabs-caption > li {
    background: transparent;
    color: #393186;
    border-top: 2px solid transparent;
}

.tabs.main > ul.tabs-caption > li.active,
.tabs.main > ul.tabs-caption > li:hover {
    background: #fff;
    color: #000;
    border-color: #fc0;
}

.tabs.main > .tabs-content .product-list.block.slide .product-block {
    margin: 0 12px;
    height: 400px;
}

.tabs.main > .tabs-content .product-list.block.slide .product-block:before {
    display: none;
}

/**
 * Типовой текстовый блок
 */
.text-block {
    color: #333;
}

.text-block > *:first-child {
    margin-top: 0;
}

.text-block p,
.text-block ul,
.text-block ol,
.text-block table {
    font: normal 14px/20px Arial, sans-serif;
    margin: 0 0 20px;
}

.text-block h6 {
    padding: 0;
    margin: 0 0 24px;
    font: normal 16px/24px Arial, sans-serif;
    font-style: italic;
    color: #666;
}

.text-block h5 {
    font: normal 16px/21px Arial, sans-serif;
    color: #333;
    margin: 2px 0 10px;
}

.text-block ul {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    position: relative;
    left: 11px;
}

.text-block ul li {
    position: relative;
    padding: 2px 0 2px 22px;
}

.text-block ul li:before {
    width: 3px;
    height: 3px;
    content: '';
    position: absolute;
    border-radius: 50%;
    background: #393186;
    left: 11px;
    top: 12px;
}

.text-block p + ul {
    margin-top: -18px;
}

.text-block .picture {
    float: left;
    background: #f7f7f7;
    margin: 0 31px 18px 0;
}

.text-block .picture img {
    display: block;
    margin: 0 auto;
}

.text-block .picture .description {
    font: italic 12px/18px Arial, sans-serif;
    color: #7f7f7f;
    padding: 17px 20px 15px;
    display: inline-block;
}

.text-block blockquote {
    font: normal 14px/20px Arial, sans-serif;
    color: #333;
    margin: 1px 0;
    position: relative;
}

.text-block blockquote *:last-child:after {
    width: 15px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -207px -116px no-repeat;
    content: '';
    display: inline-block;
    position: relative;
    bottom: -4px;
    right: -2px;
    transform: scale(0.8) rotate(180deg);
}

.text-block blockquote p {
    position: relative;
}

.text-block blockquote p:before {
    width: 15px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -207px -116px no-repeat;
    content: '';
    position: absolute;
    left: -24px;
    top: 4px;
}

.text-block table {
    width: 100%;
    font: normal 13px/16px Arial, sans-serif;
    color: #666;
}

.text-block table td,
.text-block table th {
    text-align: left;
    padding: 12px 10px 12px;
}

.text-block table tr {
    border-bottom: 1px solid #e6e6e6;
}

.text-block table tr:hover:not(:first-child) {
    cursor: pointer;
    background: #f5f5f5;
}

.text-block .scroll-table {
    overflow-x: auto;
}

.type-toggler {
    white-space: nowrap;
}

.type-toggler .text {
    color: #393186;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: 0.017em;
}

.type-toggler .text.current {
    color: #666;
    cursor: default;
}

.type-toggler .toggle {
    width: 28px;
    height: 16px;
    margin: 0 6px;
    padding: 0 2px;
    box-sizing: border-box;
    display: inline-block;
    border: 2px solid #fc0;
    border-radius: 8px;
    line-height: 12px;
    cursor: pointer;
    text-align: left;
}

.type-toggler .handle {
    width: 8px;
    height: 8px;
    transition: all 0.2s linear;
    display: inline-block;
    background: #fc0;
    border-radius: 12px;
}

.type-toggler .handle.left {
    margin-left: 0;
}

.type-toggler .handle.right {
    margin-left: 12px;
}

.catalog-left-menu {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}

.catalog-left-menu a {
    display: inline-block;
    background: #393186;
    padding: 20px 40px 20px 15px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    transition: 0.3s;
}

.catalog-left-menu a:hover {
    background: #fecc00;
    color: #000;
}

.catalog-left-menu a.active {
    background: #fecc00;
    color: #000;
    cursor: default;
}

.burger {
    display: none;
}

@media (max-width: 1200px) {
    .catalog-left-menu {
        flex-wrap: wrap;
    }

    .catalog-left-menu a {
        flex-basis: 225px;
        max-height: 76px;
        padding: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 480px) {
    .catalog-left-menu {
        display: none;
        padding: 0 10px;
        flex-direction: row;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .catalog-left-menu.active {
        display: flex;
    }

    .catalog-left-menu a {
        margin: 0 auto;
        width: 100% !important;
        max-width: 100% !important;
    }

    .burger {
        display: inline-block;
        margin: 10px auto 10px 10px;
    }
}

.catalog-wrap {
    box-sizing: border-box;
    max-width: 703px;
    padding: 0 10px;
    flex-grow: 1;
}

.catalog-wrap .catalog-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.catalog-wrap .catalog-card {
    display: flex;
    margin: 0 10px 20px;
    width: calc(33.333% - 20px);
    min-height: 521px;
    box-sizing: border-box;
    position: relative;
    flex-direction: column;
    background: #fff;
}

.catalog-wrap .catalog-card .clickable-card {
    padding: 20px 20px 0;
    background-color: #fff;
    flex-grow: 1;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    transition: color 0.3s, background-color 0.3s;
}

.catalog-wrap .catalog-card .clickable-card:hover {
    background: #fecc00;
    color: #000;
}

.catalog-wrap .catalog-card .preview {
    padding: 20px 20px 0;
}

.catalog-wrap .catalog-card .preview img {
    margin-bottom: 20px;
}

.catalog-wrap .catalog-card .preview .title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: auto;
    word-break: break-word;
}

.catalog-wrap .catalog-card .preview .line {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin-top: 20px;
}

.catalog-wrap .catalog-card .children-list {
    display: flex;
    flex-grow: 1;
    position: relative;
}

.catalog-wrap .catalog-card .children-list .list-inner {
    display: flex;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    background-color: #fff;
    transition: outline-color 0.3s, background-color 0.3s;
}

.catalog-wrap .catalog-card .children-list .list-inner.active {
    outline: 1px solid #393186;
    background-color: #f5f5f5;
}

.catalog-wrap .catalog-card .children-list .list-inner .category-link {
    display: inline;
    margin: 8px 16px 8px 20px;
    padding-right: 10px;
    color: #717171;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s;
}

.catalog-wrap .catalog-card .children-list .list-inner .category-link:first-of-type {
    margin: 16px 16px 8px 20px;
}

.catalog-wrap .catalog-card .children-list .list-inner .category-link:last-of-type {
    margin: 8px 16px 16px 20px;
}

.catalog-wrap .catalog-card .children-list .list-inner .category-link.hidden {
    display: none;
}

.catalog-wrap .catalog-card .children-list .list-inner .category-link:hover {
    color: #fecc00;
}

.catalog-wrap .catalog-card .children-list .list-inner .togglers {
    display: none;
    margin-top: auto;
}

.catalog-wrap .catalog-card .children-list .list-inner .togglers.active {
    display: block;
}

.catalog-wrap .catalog-card .children-list .list-inner .togglers .plus-cats {
    display: none;
    margin: auto auto 26px 16px;
}

.catalog-wrap .catalog-card .children-list .list-inner .togglers .plus-cats.active {
    display: inline-block;
}

.catalog-wrap .catalog-card .children-list .list-inner .togglers .hide-cats {
    display: none;
    margin: auto auto 26px 16px;
}

.catalog-wrap .catalog-card .children-list .list-inner .togglers .hide-cats.active {
    display: inline-block;
}

.catalog-wrap .section-banner {
    margin: 0 10px 20px;
    min-height: 521px;
    width: calc(33.333% - 20px);
}

@media (max-width: 1024px) {
    .catalog-wrap .section-banner,
    .catalog-wrap .catalog-card {
        width: calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .catalog-wrap .section-banner,
    .catalog-wrap .catalog-card {
        width: calc(100% - 20px);
    }
}

.row {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

.row .col {
    max-width: 221px;
    width: 221px;
}

@media screen and (max-width: 768px) {
    .col {
        max-width: 100%;
        width: 100%;
    }
}

.section-banner {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 16px 0;
    background: #fecc00;
}

.section-banner .banner-title {
    position: relative;
    padding-bottom: 26px;
    font: bold 24px/34px Arial, sans-serif;
    color: #393186;
}

.section-banner .banner-title:after {
    width: 49px;
    height: 3px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: currentColor;
}

.section-banner .banner-text {
    padding: 26px 0 13px;
    font: 14px/20px Arial, sans-serif;
    color: #000;
}

.section-banner .banner-picture {
    margin: auto -16px 0;
    font-size: 0;
    line-height: 0;
}

.section-banner .banner-picture img {
    max-width: 100%;
}

/****
 * Страницы
 ****/
/**
 * Главная страница
 */
.main-page .slider {
    height: 198px;
}

.main-page .slider .slides,
.main-page .slider .bx-wrapper {
    height: 150px;
    overflow-y: hidden;
    background: #c7cfde;
}

.main-page .slider a.slide[href=""] {
    cursor: default;
}

.main-page .slider .slide {
    box-sizing: border-box;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font: 36px/42px Arial, sans-serif;
    padding: 10px 42px;
    background: center center no-repeat;
    background-size: cover;
}

.main-page .slider .slide.slide-img {
    padding: 0;
}

.main-page .slider .slide.slide-img img {
    display: block;
    width: 100%;
    height: auto;
}

.main-page .slider .slide p {
    margin: 0;
    padding: 0;
}

.main-page .slider .slide .button {
    margin-left: 20px;
}

.main-page .slider .pager {
    height: 48px;
    text-align: center;
}

.main-page .slider .pager .bx-pager {
    height: 27px;
    margin: 10px 0;
    display: inline-block;
    font-size: 0;
}

.main-page .slider .pager .bx-pager-item {
    width: 27px;
    height: 27px;
    display: inline-block;
}

.main-page .slider .pager .bx-pager-item a {
    width: 17px;
    height: 17px;
    display: inline-block;
    padding: 5px;
    position: relative;
}

.main-page .slider .pager .bx-pager-item a:before {
    transition: all 0.15s linear;
    width: 1px;
    height: 1px;
    content: '';
    position: absolute;
    background: #91949b;
    border-radius: 50%;
    left: 13px;
    top: 13px;
    box-shadow: 0 0 0 0 #91949b, 0 0 0 0 #D7D9E3, 0 0 0 3px #91949b;
}

.main-page .slider .pager .bx-pager-item a.active:before {
    box-shadow: 0 0 0 3px #91949b, 0 0 0 6px #D7D9E3, 0 0 0 8px #91949b;
}

.main-page .catalog-blocks .button {
    float: right;
    border-color: #fff;
}

.main-page .catalog-blocks .button .button:after,
.main-page .catalog-blocks .button .button:before {
    display: none;
}

.main-page .catalog-blocks .button .button:hover {
    border-color: #000;
    color: #000;
}

.main-page.is-touch .catalog-blocks .block:hover {
    background: #fff;
}

.main-page.is-touch .catalog-blocks .block .button {
    opacity: 1;
}

@media (max-width: 480px) {
    .main-page .row {
        flex-direction: column;
    }
}

/**
 * Корзина
 */
.cart-page .page-content {
    background: #fff;
    padding: 21px 30px 50px;
    position: relative;
}

.cart-page .cart-table .header {
    font-size: 0;
    border-bottom: 1px solid #ccc;
}

.cart-page .cart-table .header div {
    display: inline-block;
    font: bold 14px/40px Arial, sans-serif;
    color: #333;
}

.cart-page .cart-table .header .description {
    width: 380px;
}

.cart-page .cart-table .header .price {
    width: 120px;
}

.cart-page .cart-table .header .weight {
    width: 87px;
}

.cart-page .cart-table .header .count {
    width: 150px;
}

.cart-page .cart-table .header .total {
    width: 110px;
}

.cart-page .cart-table .product {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    font-size: 0;
    text-align: left;
}

.cart-page .cart-table .product > div {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.cart-page .cart-table .product .remove {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 9px;
    top: 59px;
    cursor: pointer;
}

.cart-page .cart-table .product .remove:after {
    width: 13px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -189px -99px no-repeat;
    transition: all 0.2s linear;
    content: '';
    position: absolute;
}

.cart-page .cart-table .product .remove:hover:after {
    transform: rotate(90deg);
}

.cart-page .cart-table .product .photo {
    width: 110px;
    height: 100px;
    background: #f5f5f5;
    text-align: center;
    line-height: 100px;
}

.cart-page .cart-table .product .photo img {
    vertical-align: middle;
    max-width: 100%;
}

.cart-page .cart-table .product .photo .photo-stub {
    width: 110px;
    height: 100px;
    background: url('/local/css/../images/no-photo.svg') 50% 50% no-repeat;
}

.cart-page .cart-table .product .description {
    padding: 3px 21px 0;
    width: 197px;
}

.cart-page .cart-table .product .description h4 {
    margin: 0 0 7px;
    padding: 0;
    font: bold 14px/20px Arial, sans-serif;
    color: #666;
}

.cart-page .cart-table .product .description h4 a {
    font: bold 14px/20px Arial, sans-serif;
    color: #666;
    text-decoration: none;
}

.cart-page .cart-table .product .description h4 a:hover {
    text-decoration: underline;
}

.cart-page .cart-table .product .description span {
    display: block;
    margin: 0 0 12px;
    padding: 0;
    font: 12px/16px Arial, sans-serif;
    color: #666;
}

.cart-page .cart-table .product .description > a {
    display: inline-block;
    position: relative;
    padding-right: 25px;
    font: 12px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.cart-page .cart-table .product .description > a:after {
    width: 16px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -63px -91px no-repeat;
    transition: all 0.2s linear;
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
}

.cart-page .cart-table .product .description > a:hover:after {
    right: -5px;
}

.cart-page .cart-table .product .delimiter {
    width: 1px;
    height: 80px;
    margin: 10px 31px 0 0;
    background: #e5e5e5;
}

.cart-page .cart-table .product .price {
    padding-top: 35px;
    width: 120px;
    font: bold 14px/20px Arial, sans-serif;
    color: #333;
}

.cart-page .cart-table .product .price .price-old {
    font: 12px/16px Arial, sans-serif;
    text-decoration: line-through;
}

.cart-page .cart-table .product .weight {
    padding-top: 35px;
    width: 87px;
    font: 14px/20px Arial, sans-serif;
    color: #666;
}

.cart-page .cart-table .product .count {
    padding-top: 30px;
    width: 140px;
}

.cart-page .cart-table .product .count .numeric-input input {
    width: 60px;
}

.cart-page .cart-table .product .total {
    padding-top: 31px;
    padding-right: 47px;
    width: 105px;
    font: bold 14px/28px Arial, sans-serif;
    text-align: right;
}

.cart-page .cart-table .product .product-service {
    position: relative;
    margin-top: 21px;
    display: block;
    background: #f5f5f5;
    padding: 20px 0 20px 20px;
    text-align: right;
}

.cart-page .cart-table .product .product-service > div {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.cart-page .cart-table .product .product-service .photo {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #e5e5e5;
}

.cart-page .cart-table .product .product-service .description {
    padding: 5px 21px 0 19px;
}

.cart-page .cart-table .product .product-service .description h4 {
    margin: 0;
}

.cart-page .cart-table .product .product-service .description span {
    line-height: 18px;
}

.cart-page .cart-table .product .product-service .delimiter {
    height: 70px;
}

.cart-page .cart-table .product .product-service .total {
    text-align: right;
}

.cart-page .cart-table .product .product-service.deleted {
    text-align: left;
    padding: 12px 20px 12px 0;
}

.cart-page .cart-table .product.deleted {
    padding: 13px 20px 13px 0;
}

.cart-page .cart-table .deleted {
    text-align: left;
}

.cart-page .cart-table .deleted .text {
    padding: 0 20px;
    font: 14px/24px Arial, sans-serif;
    letter-spacing: -0.01em;
    color: #666;
}

.cart-page .cart-table .deleted .name {
    font-weight: bold;
}

.cart-page .cart-table .restore {
    float: right;
    position: relative;
    padding-right: 25px;
    font: 14px/24px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.cart-page .cart-table .restore:after {
    width: 14px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -22px no-repeat;
    transition: all 0.2s linear;
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    transform: scale(-1, 1) rotate(0);
    transform-origin: 7px 9px;
}

.cart-page .cart-table .restore:hover:after {
    transform: scale(-1, 1) rotate(179deg);
}

.cart-page .remove-all {
    width: 30px;
    height: 30px;
    transition: all 0.3s linear;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    right: 30px;
    top: 12px;
    margin-top: 12px;
}

.cart-page .remove-all:before {
    transition: all 0.3s linear;
    opacity: 0;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #224b98 transparent transparent transparent;
    top: -18px;
    right: 8px;
}

.cart-page .remove-all:after {
    transition: all 0.3s linear;
    opacity: 0;
    background: #393186;
    color: #fff;
    font: 12px/16px Arial, sans-serif;
    content: attr(data-text);
    white-space: nowrap;
    padding: 6px 10px;
    top: -46px;
    right: -25px;
    text-align: center;
    position: absolute;
}

.cart-page .remove-all:hover {
    background: #393186;
}

.cart-page .remove-all:hover:after,
.cart-page .remove-all:hover:before {
    opacity: 1;
}

.cart-page .remove-all:hover span:before {
    opacity: 0;
}

.cart-page .remove-all:hover span:after {
    opacity: 1;
}

.cart-page .remove-all span:before,
.cart-page .remove-all span:after {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -7px;
}

.cart-page .remove-all span:before {
    width: 14px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -189px -23px no-repeat;
}

.cart-page .remove-all span:after {
    width: 14px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -189px -2px no-repeat;
    opacity: 0;
}

.help-calc {
    transition: all 0.3s linear;
    position: relative;
    display: inline-block;
    margin: 17px 0 0 0;
    padding-left: 16px;
    font: 13px/20px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.help-calc:before {
    width: 9px;
    height: 12px;
    background: url(/local/css/../images/sprite.svg) -189px -161px no-repeat;
    content: '';
    position: absolute;
    left: -1px;
    top: 4px;
}

.help-calc:hover {
    color: #999;
}

@media screen and (max-width: 940px) {
    .cart-page .cart-table .products .product {
        text-align: right;
    }
}

@media screen and (max-width: 540px) {
    .cart-page .cart-table .products .product {
        text-align: left;
    }
}

/**
 * Каталог второго уровня
 */
.catalog-page .page-content {
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    display: flex;
}

.catalog-page .column {
    transition: all 0.3s linear;
    width: 480px;
    display: flex;
    flex-direction: column;
}

.catalog-page .column .section {
    transition: all 0.3s linear;
    /*
      &.open {
          background: @yellow;

          h3 {
              &:before {
                  opacity: 0;
              }
              &:after {
                  transform: rotate(180deg);
              }
          }

      }

      &:hover {
          background: @yellow;
      }
      */
}

.catalog-page .column .section:last-child h3:before {
    opacity: 0;
}

.catalog-page .column .section h3 {
    font: bold 18px/20px Arial;
    margin: 0;
    padding: 0;
    position: relative;
    /*
        &:after {
            .transit();
            .icon(@arr-down);
            content: '';
            position: absolute;
            top: 35px;
            right: 40px;
        }

        &:hover {
            cursor: pointer;
            text-decoration: underline;
            &:before {
                opacity: 0;
            }
        }
        */
}

.catalog-page .column .section h3:before {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    height: 1px;
    bottom: -1px;
    left: 21px;
    right: 0;
    background: #e5e5e5;
}

.catalog-page .column .section h3 a {
    display: block;
    padding: 28px 60px 16px 20px;
    text-decoration: none;
    color: #000;
}

.catalog-page .column .section h3 a:hover {
    background: #fecc00;
    text-decoration: underline;
}

.catalog-page .column .section .list {
    display: none;
}

.catalog-page .column .section .list ul {
    padding: 0;
    margin: 0 20px 28px;
}

.catalog-page .column .section .list li {
    list-style-type: none;
    margin: 5px 0 18px 0;
}

.catalog-page .column .section .list a {
    color: #000;
    font: normal 14px/15px Arial;
    text-decoration: none;
}

.catalog-page .column .section .list a:hover {
    text-decoration: underline;
}

.catalog-page .catalog-blocks {
    columns: 2;
    display: block;
    text-align: center;
}

.catalog-page .catalog-blocks .block {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 460px;
    padding: 17px 30px 30px 30px;
    margin-bottom: 16px;
    text-align: left;
}

.catalog-page .catalog-blocks .block h2,
.catalog-page .catalog-blocks .block > a {
    color: #000;
    font: 700 18px/20px Arial, sans-serif;
    margin: 0;
    padding: 9px 0 11px;
}

.catalog-page .catalog-blocks .block h2 a {
    font: bold 18px/20px Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

.catalog-page .catalog-blocks .block > a {
    border-bottom: none;
    padding: 9px 0 0;
    display: block;
    text-decoration: none;
}

.catalog-page .catalog-blocks .block > a:hover {
    text-decoration: underline;
}

@media (max-width: 1100px) {
    .catalog-page .catalog-page .row .catalog-wrap .catalog-card {
        margin: 0 10px 10px 0;
    }
}

@media (max-width: 768px) {
    .catalog-page .filter-unit {
        margin: 0 40px 20px 0;
    }
}

@media (max-width: 480px) {
    .catalog-page .row {
        flex-direction: column;
    }

    .catalog-page .row .catalog-wrap .left-panel {
        margin: 0 0 30px;
        width: 100%;
        max-width: 100%;
    }
}

/**
 * Карточка товара
 */
.catalog-detail-page #pagetitle {
    display: none;
}

.catalog-detail-page .page-content {
    background: #fff;
    padding: 30px 30px 50px;
    margin-top: 20px;
    position: relative;
}

.catalog-detail-page .page-content.action-list {
    background: #fff;
}

.catalog-detail-page .page-content.action-list h2:first-child {
    padding-top: 33px;
}

.catalog-detail-page .page-content.action-list.tabs h2:first-child {
    padding-top: 0;
}

.catalog-detail-page .page-content h1 {
    margin: 0 0 27px;
    width: 100%;
}

.catalog-detail-page .page-content .block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.catalog-detail-page .page-content .tabs.main {
    margin-top: 21px;
}

.catalog-detail-page .page-content .tabs.main.products {
    margin-top: 32px;
}

.catalog-detail-page .page-content .tabs.main.products > .tabs-content {
    padding-top: 4px;
}

.catalog-detail-page .page-content .tabs.main > ul.tabs-caption li {
    height: 53px;
    line-height: 50px;
    font-size: 16px;
}

.catalog-detail-page .photo-section {
    position: relative;
    width: 270px;
    margin-bottom: 15px;
}

.catalog-detail-page .photo-section .in-action {
    width: 42px;
    height: 42px;
    background: url(/local/css/../images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    left: 20px;
    top: 20px;
}

.catalog-detail-page .photo-section .photo-stub {
    width: 270px;
    height: 270px;
    background: url('/local/css/../images/no-photo.svg') 50% 50% no-repeat #f5f5f5;
}

.catalog-detail-page .photo-section .main-photo {
    width: 270px;
    height: 270px;
    margin: 0 0 10px;
    line-height: 270px;
    background-color: #f5f5f5;
    text-align: center;
    cursor: pointer;
}

.catalog-detail-page .photo-section .main-photo img {
    vertical-align: middle;
}

.catalog-detail-page .photo-section .slide {
    height: 60px;
}

.catalog-detail-page .photo-section .mini-photo {
    width: 60px;
    height: 60px;
    transition: all 0.3s linear;
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.catalog-detail-page .photo-section .mini-photo:first-child {
    margin-left: 0;
}

.catalog-detail-page .photo-section .mini-photo:hover {
    opacity: 0.8;
}

.catalog-detail-page .photo-section .bx-wrapper {
    position: relative;
}

.catalog-detail-page .photo-section .bx-controls {
    width: 100%;
    top: 0;
    position: absolute;
}

.catalog-detail-page .photo-section .bx-controls a {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 0;
}

.catalog-detail-page .photo-section .bx-controls a:after {
    width: 9px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -42px no-repeat;
    content: '';
    position: absolute;
    top: 22px;
}

.catalog-detail-page .photo-section .bx-controls .bx-prev {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.catalog-detail-page .photo-section .bx-controls .bx-prev:after {
    left: 10px;
}

.catalog-detail-page .photo-section .bx-controls .bx-next {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.catalog-detail-page .photo-section .bx-controls .bx-next:after {
    right: 10px;
    transform: rotate(180deg);
}

.catalog-detail-page .top-block .bx-wrapper {
    width: 270px;
}

.catalog-detail-page .about-section {
    max-width: 300px;
    padding: 0 15px;
    min-width: 270px;
}

.catalog-detail-page .about-section h2 {
    margin: 6px 0 7px;
    font: 16px/21px Arial, sans-serif;
    color: #333;
}

.catalog-detail-page .about-section .header > span,
.catalog-detail-page .about-section .options > span {
    /*
        padding: 7px 0 3px;
        font-size: 14px;
        display: block;
        color: #666;
      */
}

.catalog-detail-page .about-section .header > span.article,
.catalog-detail-page .about-section .options > span.article {
    padding: 1px 0 4px;
    font: 13px/18px Arial, sans-serif;
    color: #999;
}

.catalog-detail-page .about-section .services .header {
    display: none;
}

.catalog-detail-page .about-section .services .list span {
    padding: 4px 11px;
    margin-right: 4px;
    background: #e8edf4;
    font: 13px/28px Arial, sans-serif;
    color: #333;
    white-space: nowrap;
}

.catalog-detail-page .about-section .services .list span:first-child {
    background: #fff;
    padding: 3px 9px;
    border: 1px solid #dddee1;
    font-weight: bold;
}

.catalog-detail-page .about-section a {
    font: bold 14px/18px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    display: inline-block;
    margin: 9px 0 13px 0;
    border-bottom: 1px dashed transparent;
}

.catalog-detail-page .about-section a:hover {
    border-color: #393186;
}

.catalog-detail-page .about-section .action {
    margin-top: 13px;
    padding: 9px 0 13px;
}

.catalog-detail-page .about-section .action a {
    margin: 0 0 0 27px;
    position: relative;
    display: inline-block;
    font-weight: normal;
}

.catalog-detail-page .about-section .action .compare:before {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -207px -166px no-repeat;
    position: absolute;
    content: '';
    left: -24px;
    top: 3px;
}

.catalog-detail-page .about-section .action .compare.active:before {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -189px -64px no-repeat;
}

.catalog-detail-page .about-section .action .compare.active i {
    background: url(/local/css/../images/sprite.png) -346px -96px no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    background-color: #fecc00;
    border-radius: 50%;
    top: 7px;
    left: -19px;
    transform: scale(0.8);
}

.catalog-detail-page .about-section .action .favorite:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -86px -183px no-repeat;
    position: absolute;
    content: '';
    left: -20px;
}

.catalog-detail-page .about-section .action .favorite.active:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -102px -204px no-repeat;
}

.catalog-detail-page .about-section .action .sep {
    width: 1px;
    height: 17px;
    display: inline-block;
    margin: 3px 0 -3px 10px;
    border-left: 1px solid #999;
}

.catalog-detail-page .buy-section {
    width: 270px;
}

.catalog-detail-page .buy-section .tabs ul.tabs-caption {
    padding: 0;
}

.catalog-detail-page .buy-section .tabs ul.tabs-caption li {
    width: 57%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    margin: 0;
}

.catalog-detail-page .buy-section .tabs ul.tabs-caption li.gray {
    width: 43%;
}

.catalog-detail-page .buy-section .discount-header {
    display: flex;
    background: #fecc00;
    padding: 10px 10px 15px;
    font: bold 14px/18px Arial, sans-serif;
}

.catalog-detail-page .buy-section .discount-header .discount-header-left {
    width: 75%;
    position: relative;
    padding: 7px 0 0 9px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    font: bold 28px/1 Arial, sans-serif;
}

.catalog-detail-page .buy-section .discount-header .discount-header-left:before {
    width: 132px;
    height: 39px;
    background: url(/local/css/../images/sprite.svg) -2px -2px no-repeat;
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
}

.catalog-detail-page .buy-section .discount-list {
    padding: 0 20px;
    background: #fffcd6;
}

.catalog-detail-page .buy-section .discount-list .discount-list-item {
    padding: 12px 0;
    font: 12px/16px Arial, sans-serif;
}

.catalog-detail-page .buy-section .discount-list .discount-list-item + .discount-list-item {
    border-top: 1px solid #e6e6e6;
}

.catalog-detail-page .buy-section .discount-list .discount-list-item mark {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    background: transparent;
    color: #393186;
}

.catalog-detail-page .buy-section .discount-list a {
    transition: all border-bottom-color linear;
    font: bold 12px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.catalog-detail-page .buy-section .discount-list a:hover {
    border-color: #393186;
}

.catalog-detail-page .tabs-content {
    padding-top: 36px;
}

.catalog-detail-page .tabs-content .similar {
    margin-top: 25px;
}

.catalog-detail-page .tabs-content.buy {
    background: #f7f7f7;
    padding-top: 28px;
    text-align: center;
}

.catalog-detail-page .tabs-content.buy .button {
    display: inline-block;
    position: relative;
}

.catalog-detail-page .tabs-content.buy .notton:before {
    background: #f7f7f7;
}

.catalog-detail-page .tabs-content.buy .notton,
.catalog-detail-page .tabs-content.buy .button.card {
    padding: 0 44px 0 44px;
    margin-bottom: 28px;
    font-size: 14px;
}

.catalog-detail-page .tabs-content.buy .stock {
    padding: 0 0 15px;
    margin: -15px 0 0;
    text-align: center;
    border-top: none;
}

.catalog-detail-page .tabs-content.buy .stock .quantity {
    position: static;
    top: 0;
}

.catalog-detail-page .tabs-content.buy .stock .quantity .quantity-scale {
    position: relative;
}

.catalog-detail-page .tabs-content.buy .stock .quantity .quantity-scale:before {
    top: 6px;
    left: 0;
}

.catalog-detail-page .tabs-content.stocks {
    background: #f5f5f5;
    padding: 0 20px;
}

.catalog-detail-page .tabs-content.stocks span.header {
    font: 14px/18px Arial, sans-serif;
}

.catalog-detail-page .tabs-content.stocks .price-item {
    display: flex;
    width: 100%;
    padding: 16px 0;
    font-size: 16px;
    line-height: 1;
}

.catalog-detail-page .tabs-content.stocks .price-item .price-name {
    margin-right: auto;
    font-weight: normal;
}

.catalog-detail-page .tabs-content.stocks .price-item.price-by-card {
    color: #393186;
}

.catalog-detail-page .tabs-content.stocks .hidden {
    display: none;
}

.catalog-detail-page .tabs-content.stocks .toogle-stores {
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
}

.catalog-detail-page .tabs-content.stocks .toogle-stores a {
    color: #333;
    text-decoration: none;
    font: 14px/16px Arial, sans-serif;
    border-bottom: 1px dashed #333;
}

.catalog-detail-page .tabs-content.stocks .toogle-stores a:hover {
    border-bottom-color: transparent;
}

.catalog-detail-page .tabs-content.services > p:first-child {
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 10px;
    padding-bottom: 14px;
}

.catalog-detail-page .tabs-content.services > p:last-child {
    margin-top: 26px;
}

.catalog-detail-page .tabs-content.services .service {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
    display: flex;
}

.catalog-detail-page .tabs-content.services .service > div {
    min-height: 80px;
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
}

.catalog-detail-page .tabs-content.services .service > div:first-child {
    padding-left: 0;
}

.catalog-detail-page .tabs-content.services .service > div .checkbox {
    width: 20px;
    display: block;
}

.catalog-detail-page .tabs-content.services .service > div .checkbox:checked + i:before {
    width: 20px;
    height: 20px;
    background: url(/local/css/../images/sprite.png) -324px -96px no-repeat;
}

.catalog-detail-page .tabs-content.services .service .description {
    max-width: 600px;
    flex-grow: 1;
    padding-left: 15px;
    font: 13px/16px Arial, sans-serif;
    color: #666;
}

.catalog-detail-page .tabs-content.services .service .description h4 {
    margin: 0 0 5px;
}

.catalog-detail-page .tabs-content.services .service .description h4 a {
    color: #333333;
    text-decoration: none;
}

.catalog-detail-page .tabs-content.services .service .description h4 a:hover {
    color: #393186;
    text-decoration: underline;
}

.catalog-detail-page .tabs-content.services .service .description p {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 0;
}

.catalog-detail-page .tabs-content.services .service .photo {
    width: 61px;
    padding-left: 17px;
}

.catalog-detail-page .tabs-content.services .service .price {
    width: 150px;
    position: relative;
    text-align: center;
}

.catalog-detail-page .tabs-content.services .service .price:before {
    width: 1px;
    position: absolute;
    content: '';
    background: #e5e5e5;
    left: 0;
    top: 5px;
    bottom: 5px;
}

.catalog-detail-page .tabs-content.services .service .numeric-input {
    width: 26%;
}

.catalog-detail-page .tabs-content.services table {
    border-top: 1px solid #e6e6e6;
}

.catalog-detail-page .tabs-content.services table h4 {
    margin: 0 0 5px;
}

.catalog-detail-page .tabs-content.services table tr td:first-child,
.catalog-detail-page .tabs-content.services table tr td:nth-child(2),
.catalog-detail-page .tabs-content.services table tr td:nth-child(3) {
    vertical-align: top;
}

.catalog-detail-page .tabs-content.services table tr td:nth-child(4),
.catalog-detail-page .tabs-content.services table tr td:nth-child(5),
.catalog-detail-page .tabs-content.services table tr td:nth-child(6) {
    text-align: center;
}

.catalog-detail-page .tabs-content.services table tr td:nth-child(3) {
    width: 330px;
}

.catalog-detail-page .tabs-content.services table tr td:nth-child(3) p {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 0;
}

.catalog-detail-page .stock {
    position: relative;
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    padding-top: 17px;
}

.catalog-detail-page .stock .name {
    font: bold 12px/16px Arial, sans-serif;
    display: block;
}

.catalog-detail-page .stock .address {
    font: 12px/16px Arial, sans-serif;
}

.catalog-detail-page .stock a {
    color: inherit;
    text-decoration: none;
}

.catalog-detail-page .stock a:hover {
    text-decoration: underline;
}

.catalog-detail-page .stock .quantity {
    position: absolute;
    top: 17px;
    right: 0;
    display: inline-block;
    font: 11px/14px Arial, sans-serif;
    color: #a0a0a0;
}

.catalog-detail-page .stocks-section {
    width: 100%;
}

.catalog-detail-page .stocks-section .header {
    font: bold 16px/1 Arial, sans-serif;
}

.catalog-detail-page .stocks-section .stock-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 12px;
    background: #f5f5f5;
}

.catalog-detail-page .stocks-section .stock {
    width: 33.333%;
    box-sizing: border-box;
    padding: 8px 20px 0;
    margin: 14px 0 20px;
    border-top: none;
}

.catalog-detail-page .stocks-section .stock:nth-child(n) + .stock,
.catalog-detail-page .stocks-section .stock:nth-child(2n) + .stock {
    border-left: 1px solid #e6e6e6;
}

.catalog-detail-page .stocks-section .stock .quantity {
    top: 6px;
    right: 20px;
    font-size: 12px;
    color: #717171;
}

.catalog-detail-page .stocks-section .stock .name {
    font-size: 14px;
    color: #000;
    padding-bottom: 8px;
}

.catalog-detail-page .stocks-section .stock .address {
    font-size: 14px;
    line-height: 20px;
    color: #717171;
}

@media screen and (max-width: 768px) {
    .catalog-detail-page .stocks-section .stock {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .catalog-detail-page .stocks-section .stock {
        width: 100%;
    }
}

.catalog-detail-page .tabs-content.active {
    display: block;
    /* по умолчанию показываем нужный блок */
}

.catalog-detail-page .price-old {
    text-decoration: line-through;
}

.catalog-detail-page .price-by-card {
    color: #393186;
}

.catalog-detail-page .price-name {
    font-weight: normal;
}

.catalog-detail-page .price {
    display: block;
    font: bold 24px/30px Arial, sans-serif;
    color: #333;
}

.catalog-detail-page .price span.unit {
    font-size: 14px;
}

.catalog-detail-page hr {
    margin: 0;
    border: none;
    border-top: 1px solid #e6e6e6;
}

.catalog-detail-page .numeric-input {
    margin: 8px 0 26px;
}

.catalog-detail-page h3 {
    font: bold 14px/20px Arial, sans-serif;
    color: #666;
    margin-bottom: 0;
}

.catalog-detail-page .fine {
    padding: 12px 0;
    margin-top: 29px;
    position: relative;
    font: italic 12px/18px Arial, sans-serif;
    color: #999;
}

.catalog-detail-page .fine:before {
    width: 100px;
    height: 1px;
    position: absolute;
    content: '';
    background: #e6e6e6;
    top: 0;
    left: 0;
}

.catalog-detail-page .button:after,
.catalog-detail-page .button:before {
    width: 51%;
}

.catalog-detail-page .rel-prod-block .title {
    height: 53px;
    margin: 0 -30px;
    padding: 0 30px;
    background: #fff;
    color: #000;
    border-top: 2px solid #fc0;
    font: 700 16px/50px Arial, sans-serif;
}

.catalog-detail-page .rel-prod-block .product-list.block.slide {
    width: 100%;
    height: 400px;
}

.catalog-detail-page .rel-prod-block .product-list.block.slide .product-block {
    margin: 0 10px;
}

.catalog-detail-page .rel-prod-block .product-list.block.slide .product-block .action .compare:after {
    left: 0;
    right: auto;
    padding: 4px 10px;
    top: -33px;
    text-wrap: nowrap;
}

.catalog-detail-page .rel-prod-block .product-list.block.slide .product-block .action .favorite:after {
    padding: 4px 10px;
    top: -33px;
    text-wrap: nowrap;
}

.catalog-detail-page .rel-prod-block .product-list.block.slide {
    justify-content: flex-start;
}

/*
.compare {
    &:before {
        .icon(@icon-compare-14);
        position: absolute;
        content: '';
        left: -20px;
        top: 3px;
    }

    &.active{
        &:before {
            .icon(@icon-compare-14-hover);
        }
        &:after {
            .icon(@icon-check-black-small);
            .size(18px);
            position: absolute;
            content: '';
            background-color: @yellow;
            border-radius: 50%;
            top: 7px;
            left: -15px;
            transform: scale(0.8);
        }
    }
}
*/
.footer-button {
    font: bold 14px/58px Arial, sans-serif;
    color: #000;
    text-decoration: none;
    position: relative;
    display: block;
    text-align: center;
    height: 58px;
    padding-left: 24px;
    border-top: 2px dashed #d5d5d5;
}

.footer-button.calculate:before {
    width: 12px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -62px no-repeat;
    content: '';
    position: absolute;
    left: 57px;
    top: 22px;
}

.footer-button.calculate:hover {
    text-decoration: underline;
}

.calculator .footer-button {
    margin-top: 18px;
}

.calculator {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.calculator .left-col {
    max-width: 590px;
    width: 100%;
    background: #f5f5f5;
    padding: 26px 35px 26px 30px;
    box-sizing: border-box;
}

.calculator .left-col form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.calculator .left-col h3 {
    font: bold 16px/21px Arial, sans-serif;
    color: #000;
    margin: 0 0 7px;
}

.calculator .left-col h3 + span {
    display: block;
    font: 13px/18px Arial, sans-serif;
    color: #999;
}

.calculator .left-col .button {
    margin-top: 9px;
    width: 100%;
    padding: 0 23px;
    display: block;
    font-size: 14px;
}

.calculator .right-col {
    max-width: 270px;
    min-height: 270px;
    width: 100%;
    background: #f5f5f5;
    text-align: center;
    color: #333;
    box-sizing: border-box;
}

.calculator .right-col h3 {
    font: bold 16px/21px Arial, sans-serif;
    color: #333;
    margin: 28px 0 5px;
}

.calculator .right-col h3 + span {
    display: block;
    font: 13px/18px Arial, sans-serif;
    color: #333;
}

.calculator .right-col .numeric-input {
    margin-bottom: 8px;
}

.calculator .right-col .unit-text {
    font: 13px/18px Arial, sans-serif;
}

.calculator .right-col .price {
    color: #333;
    margin: 19px 0 11px;
    display: block;
}

.calculator .right-col .button {
    padding: 0 13px 0 40px;
    width: 160px;
}

.calculator .row {
    width: 50%;
    display: inline-block;
    margin-top: 16px;
}

.calculator .row.short {
    width: 44%;
}

.popup.popup-calculator .row {
    padding: 0;
}

.popup.popup-calculator .price {
    font: bold 24px/30px Arial, sans-serif;
    color: #333;
}

.popup.popup-calculator .numeric-input {
    margin: 8px 0 26px;
}

.popup.popup-calculator {
    padding: 0;
}

/**
 * PF-26447 Арсенал - обновить верстку свойств товаров
 */
.options {
    display: flex;
    flex-direction: column;
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 600px;
}

.options__item {
    display: flex;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 12px;
    border-bottom: 1px dashed #e1e2e5;
}

.options__description {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: nowrap;
    flex: 1 1 400px;
    margin-right: 8px;
}

.options__characteristic {
    justify-content: space-between;
    flex: 1 1 400px;
}

@media (min-width: 760px) {
    .options__item {
        border-bottom: none;
    }

    .options__description {
        flex: 1 1 324px;
    }

    .options__description::after {
        content: "";
        display: block;
        flex: 1 1 0px;
        margin: 0 8px;
        border-bottom: 1px dashed #e1e2e5;
    }
}

@media (min-width: 1280px) {
    .options__description {
        flex: 1 1 430px;
    }
}

@media (min-width: 1280px) {
    .options__characteristic {
        justify-content: space-between;
        flex: 1 1 430px;
    }
}

/*
 *
 * PF-27507
 * 2022-12-11
 * TODO: требуется актуализировать LESS файл !!!
 */
.catalog-detail-page .photo-section {
    width: 405px;
}

.catalog-detail-page .buy-section .header > span.article,
.catalog-detail-page .buy-section .options > span.article {
    padding: 1px 0 4px;
    font: 13px/18px Arial, sans-serif;
    color: #999;
}

.catalog-detail-page .tabs-content.stocks {
    margin-top: 12px;
}

.catalog-detail-page .stocks-section.top_position .stock {
    margin: 12px 0;
}

.catalog-detail-page .stocks-section .stock-list {
    margin-top: 0;
}

.tabs > .tabs-content {
    /*display: block; */
    margin-top: 18px;
    padding: 0;
}

.button.card span {
    margin: 0;
}

.catalog-detail-page .price span.unit,
.product-list.block .product-block .price .unit {
    font-size: 20px;
}

.catalog-detail-page .tabs-content.stocks .price-item {
    font-size: 22px;
    align-items: center;
}

.catalog-detail-page .price {
    display: block;
    /* Демонстрационный вариант, убрать при добавление в проект */
    font: 700 24px/30px Arial, sans-serif;
    color: #333;
}

.catalog-detail-page .tabs-content.buy {
    padding-top: 10px;
}

.catalog-detail-page .tabs-content.stocks .price-item .price-name {
    font-size: 16px;
}

.catalog-detail-page .buy-section .action {
    margin-top: 13px;
    padding: 9px 0 13px;
}

.catalog-detail-page .buy-section .action a {
    margin: 0 0 0 27px;
    position: relative;
    display: inline-block;
    font-weight: 400;
}

.catalog-detail-page .buy-section a {
    font-size: 14px;
    color: #393186;
    text-decoration: none;
    display: inline-block;
    margin: 9px 0 13px;
    border-bottom: 1px dashed transparent;
}

.action a:hover {
    border-color: #393186;
}

.catalog-detail-page .buy-section .action .sep {
    width: 1px;
    height: 17px;
    display: inline-block;
    margin: 3px 0 -3px 10px;
    border-left: 1px solid #999;
}

.catalog-detail-page .buy-section .action .favorite:before {
    width: 16px;
    height: 16px;
    background: url(/local/images/sprite.svg) -86px -183px no-repeat;
    position: absolute;
    content: '';
    left: -20px;
}

.catalog-detail-page .buy-section .action .compare:before {
    width: 14px;
    height: 14px;
    background: url(/local/images/sprite.svg) -207px -166px no-repeat;
    position: absolute;
    content: '';
    left: -24px;
    top: 3px;
}

@media (min-width: 320px) {
    .catalog-detail-page .photo-section .main-photo {
        width: 270px;
        height: 270px;
    }

    .catalog-detail-page .photo-section {
        width: 270px;
    }
}

@media (min-width: 768px) {
    .catalog-detail-page .photo-section .main-photo {
        width: 360px;
        height: 360px;
    }

    .catalog-detail-page .photo-section {
        width: 360px;
    }
}

@media (min-width: 1200px) {
    .catalog-detail-page .photo-section .main-photo {
        width: 405px;
        height: 405px;
    }

    .catalog-detail-page .photo-section {
        width: 405px;
    }
}

.catalog-detail-page .tabs-content.stocks .price-item.price-by-card {
    font: 700 24px/30px Arial, sans-serif;
}

.catalog-detail-page .price {
    font: 400 24px/30px Arial, sans-serif !important;
}

.catalog-detail-page .tabs-content.stocks .price-item .price-name {
    font-size: 14px;
    width: 75px;
    line-height: initial;
}

.buy-section .price-container {
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.rub {
    font-size: 17px;
}

.catalog-detail-page .price span.unit,
.catalog-detail-page .price-item span.unit,
.product-list.block .product-block .price .unit {
    font-size: 17px;
}

@media (min-width: 320px) {
    .catalog-detail-page .photo-section .main-photo img {
        max-width: 270px;
        max-height: 270px;
    }
}

@media (min-width: 768px) {
    .catalog-detail-page .photo-section .main-photo img {
        max-width: 360px;
        max-height: 360px;
    }
}

@media (min-width: 1200px) {
    .catalog-detail-page .photo-section .main-photo img {
        max-width: 405px;
        max-height: 405px;
    }
}

@media (min-width: 320px) {
    .catalog-detail-page .photo-section .main-photo {
        line-height: 270px;
    }
}

@media (min-width: 768px) {
    .catalog-detail-page .photo-section .main-photo {
        line-height: 360px;
    }
}

@media (min-width: 1200px) {
    .catalog-detail-page .photo-section .main-photo {
        line-height: 405px;
    }
}

.catalog-detail-page .numeric-input {
    margin: 5px 0 5px;
}

.catalog-detail-page .tabs-content.buy .button.card {
    padding: 0 44px;
    margin-bottom: 10px;
    font-size: 14px;
}

/**
 * Каталог лист
 */
.content-area {
    padding: 0 0 27px !important;
}

.page-title {
    margin-bottom: 20px;
}

.page-title h1,
.page-title .toggle-btn {
    margin: 26px 0 0 0;
}

.page-title .toggle-btn {
    max-height: 42px;
}

.catalog-list-page .select2-results__option {
    position: relative;
    padding-left: 30px;
    background: #fff !important;
}

.catalog-list-page .select2-results__option:hover {
    background: #f5f5f5 !important;
}

.catalog-list-page .select2-results__option:before {
    width: 16px;
    height: 16px;
    content: '';
    border: 1px solid #000;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.catalog-list-page .select2-results__option[aria-selected=true]:after {
    width: 10px;
    height: 8px;
    background: url(/local/css/../images/sprite.svg) -226px -77px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
}

.catalog-list-page .select2-selection__arrow {
    right: -7px !important;
}

.catalog-list-page .select2-selection__arrow b {
    width: 7px !important;
    height: 4px !important;
    background: url(/local/css/../images/sprite.svg) -226px -113px no-repeat !important;
}

.catalog-list-page .page-content {
    position: relative;
}

.catalog-list-page .page-content.action-list {
    background: #fff;
}

.catalog-list-page .page-content.action-list h2:first-child {
    padding-top: 33px;
    word-break: break-word;
}

.catalog-list-page .page-content.action-list.tabs h2:first-child {
    padding-top: 0;
}

.catalog-list-page .page-content h2 {
    font: bold 18px/20px Arial, sans-serif;
    color: #000;
    padding: 0 30px 23px;
    margin: 0;
    position: relative;
}

.catalog-list-page .page-content h2:before {
    position: absolute;
    content: '';
    background: #000;
    height: 2px;
    left: 30px;
    right: 30px;
    bottom: 6px;
}

.catalog-list-page .page-content h2 a {
    font: bold 14px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    position: relative;
    padding: 0 19px 0 12px;
    margin-left: 6px;
    border-left: 2px solid #ccc;
}

.catalog-list-page .page-content h2 a:after {
    width: 16px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -126px -183px no-repeat;
    position: absolute;
    content: '';
    top: 3px;
    right: -3px;
}

.catalog-list-page .page-content h2 a:hover {
    text-decoration: underline;
}

.catalog-list-page .left-panel .slider-price {
    margin-top: 18px;
    height: 2px;
    background: #e5e5e5;
    border-radius: 0;
    border: 0;
}

.catalog-list-page .left-panel .slider-price .ui-slider-range {
    background: #393186;
}

.catalog-list-page .left-panel .slider-price .ui-slider-range:before {
    width: 100%;
    height: 5px;
    position: absolute;
    content: '';
    top: -3px;
}

.catalog-list-page .left-panel .slider-price .ui-slider-handle {
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    top: -0.2em;
    margin-left: -0.2em;
    background: #393186;
}

.catalog-list-page .left-panel .slider-price .ui-slider-handle:before {
    width: 16px;
    height: 16px;
    position: absolute;
    content: '';
    top: -4px;
    left: -4px;
}

.catalog-list-page .right-panel {
    padding: 0;
}

.catalog-list-page .right-panel .header {
    padding: 10px;
    border-bottom: 1px solid #dddee1;
}

.catalog-list-page .right-panel .header .select.amount {
    width: 140px;
}

.catalog-list-page .right-panel .header .select.sort {
    width: 205px;
}

.catalog-list-page .right-panel .header .view {
    float: right;
    font-size: 0;
}

.catalog-list-page .right-panel .header .view .type {
    transition: all 0.3s linear;
    width: 34px;
    height: 30px;
    display: inline-block;
    background: #c7cfde;
    position: relative;
}

.catalog-list-page .right-panel .header .view .type.block {
    border-radius: 2px 0 0 2px;
}

.catalog-list-page .right-panel .header .view .type.block:before {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.png) -341px -118px no-repeat;
    position: absolute;
    content: '';
    top: 8px;
    left: 9px;
}

.catalog-list-page .right-panel .header .view .type.list {
    border-radius: 0 2px 2px 0;
}

.catalog-list-page .right-panel .header .view .type.list:before {
    width: 15px;
    height: 14px;
    background: url(/local/css/../images/sprite.png) -324px -118px no-repeat;
    position: absolute;
    content: '';
    top: 8px;
    left: 9px;
}

.catalog-list-page .right-panel .header .view .type.active,
.catalog-list-page .right-panel .header .view .type:hover {
    background: #393186;
}

.catalog-list-page .right-panel .show-more {
    display: none;
    position: relative;
    margin: 12px auto 42px;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s;
}

.catalog-list-page .right-panel .show-more.active {
    display: inline;
}

.catalog-list-page .right-panel .show-more:after {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 1px dashed #000;
    top: 16px;
    left: 0;
    transition: border-color 0.3s;
}

.catalog-list-page .right-panel .show-more:hover {
    color: #fecc00;
}

.catalog-list-page .right-panel .show-more:hover:after {
    border-color: #fecc00;
}

@media screen and (max-width: 1024px) {
    .catalog-list-page .toggle-btn {
        margin: 26px 10px 0 0;
    }

    .catalog-list-page .right-panel {
        margin-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .catalog-list-page .left-panel {
        margin-left: 10px;
        margin-bottom: 20px;
    }

    .catalog-list-page .page-title {
        align-items: center;
    }

    .catalog-list-page .page-title .toggle-btn {
        margin: 26px 10px 0 0;
    }

    .catalog-list-page .page-title .toggle-btn .icon {
        margin-right: 10px;
    }
}

@media screen and (max-width: 480px) {
    .catalog-list-page .page-content .page-title {
        flex-direction: column;
    }

    .catalog-list-page .page-content .page-title .toggle-btn {
        margin: 26px 0 0;
    }

    .catalog-list-page .page-content .catalog-content {
        flex-direction: column;
    }

    .catalog-list-page .page-content .catalog-content .left-panel {
        margin: 0 auto;
    }
}

/**
 * Контакты
 */
.contacts-page .content-area {
    min-height: 700px;
    display: flex;
    padding: 0;
}

.contacts-page .content-area h1 {
    position: relative;
    padding-right: 30px;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 30px;
}

.contacts-page .content-area h1:before {
    width: 22px;
    height: 15px;
    content: '';
    position: absolute;
    display: none;
    top: 6px;
    right: 0;
    background-color: #fecc00;
    border-radius: 5px;
    border: 1px solid #000;
}

.contacts-page .content-area h1:after {
    transition: all 0.3s linear;
    width: 12px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
    content: '';
    position: absolute;
    display: none;
    top: 11px;
    right: 6px;
}

.contacts-page .content-area h1.slide {
    cursor: pointer;
}

.contacts-page .content-area h1.slide:before,
.contacts-page .content-area h1.slide:after {
    display: block;
}

.contacts-page .content-area h1.slide.open:after {
    transform: rotate(180deg);
}

.contacts-page .content-area .width-wrap {
    width: 100%;
    min-height: 700px;
    background: #bfbfc4;
    position: relative;
}

.contacts-page .content-area .width-wrap-contact {
    padding-top: 9px;
    left: calc(50% - 470px);
    top: 0;
    position: relative;
    z-index: 10;
    display: inline-block;
}

.contacts-page .map {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.contacts-page .contacts {
    width: 300px;
    background: #fff;
}

.contacts-page .contact {
    transition: all 0.3s linear;
    position: relative;
    padding: 16px 30px 13px;
    color: #666;
}

.contacts-page .contact:last-child:before {
    display: none;
}

.contacts-page .contact:before {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 30px;
    right: 30px;
    background: #d6d6d6;
}

.contacts-page .contact a,
.contacts-page .contact span {
    font: 14px/20px Arial, sans-serif;
    padding: 4px 0 0 21px;
    display: block;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.contacts-page .contact a:before,
.contacts-page .contact span:before {
    transition: all 0.3s linear;
}

.contacts-page .contact a:hover {
    color: #264f96;
}

.contacts-page .contact .location:before {
    width: 12px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -207px -97px no-repeat;
    opacity: 0.5;
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
}

.contacts-page .contact .clock:before {
    width: 12px;
    height: 12px;
    background: url(/local/css/../images/sprite.svg) -226px -2px no-repeat;
    opacity: 0.5;
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
}

.contacts-page .contact .phone:before {
    width: 12px;
    height: 12px;
    background: url(/local/css/../images/sprite.svg) -162px -204px no-repeat;
    opacity: 0.5;
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
}

.contacts-page .contact h4 {
    font: 700 14px/18px Arial, sans-serif;
    margin: 0;
    padding: 10px 0 0 0;
    position: relative;
}

.contacts-page .contact h4:after {
    transition: all 0.3s linear;
    width: 12px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
}

.contacts-page .contact h4:hover {
    cursor: pointer;
    color: #000;
    text-decoration: underline;
}

.contacts-page .contact.open {
    background: #fecc00;
    color: #000;
}

.contacts-page .contact.open .location:before,
.contacts-page .contact.open .phone:before,
.contacts-page .contact.open .clock:before {
    opacity: 1;
}

.contacts-page .contact.open h4:after {
    transform: rotate(180deg);
}

.contacts-page .contact.open:before {
    display: none;
}

.contacts-page .contact.popup {
    padding: 0;
}

.contacts-page .contact.popup h4 {
    color: #333;
    font-size: 16px;
}

.contacts-page .contact.popup h4:after {
    display: none;
}

.contacts-page .contact.popup .more {
    display: block;
}

.contacts-page .contact .more {
    padding-top: 11px;
    display: none;
}

.contacts-page .contact .more span {
    font-size: 13px;
}

.contacts-page .contact .more span.clock {
    padding: 7px 0 0 22px;
    line-height: 24px;
}

.contacts-page .ymaps-image {
    background-size: contain;
}

/**
 * Оформление заказа
 */
.order-page .content-area h1 span {
    font-size: 16px;
    white-space: nowrap;
}

.order-page select {
    height: 30px;
    font-size: 12px;
}

.order-page .left-panel .column-content {
    width: 220px !important;
    background: #fff !important;
    padding: 0 !important;
}

.order-page .left-panel .total-count {
    padding: 13px 20px 20px;
    color: #666;
}

.order-page .left-panel .total-count .title {
    margin-bottom: 1px;
    font: bold 14px/26px Arial, sans-serif;
}

.order-page .left-panel .total-count .price-line {
    font: 12px/20px Arial, sans-serif;
    height: 20px;
    overflow: hidden;
}

.order-page .left-panel .total-count .price-line .price {
    padding-right: 6px;
}

.order-page .left-panel .total-count .total-line {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #d6d6d6;
    font: bold 18px/30px Arial, sans-serif;
    color: #000;
}

.order-page .left-panel .total-count .price {
    float: right;
}

.order-page .order-steps {
    border-bottom: 2px dashed #ffe433;
}

.order-page .order-steps .step {
    position: relative;
    padding: 15px 20px;
    background: #fecc00;
    border-bottom: 1px solid #fff8cc;
    color: #666;
}

.order-page .order-steps .step:after {
    width: 4px;
    height: 4px;
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    right: 26px;
    top: 27px;
}

.order-page .order-steps .step:last-child {
    border-bottom: none;
}

.order-page .order-steps .step .title {
    font: bold 14px/20px Arial, sans-serif;
}

.order-page .order-steps .step .descr {
    padding-top: 5px;
    font: 12px/18px Arial, sans-serif;
}

.order-page .order-steps .step.complete {
    color: #000;
}

.order-page .order-steps .step.complete:after {
    width: 15px;
    height: 11px;
    background: url(/local/css/../images/sprite.svg) -207px -82px no-repeat;
    right: 20px;
    top: 20px;
}

.order-page .tabs.main {
    margin: 0;
}

.order-page .tabs.main ul.tabs-caption {
    margin: 0;
}

.order-page .tabs.main ul.tabs-caption li {
    height: 53px;
    font: bold 16px/51px Arial, sans-serif;
}

.order-page .tabs.main .tabs-content > p {
    margin: 0 0 1em;
    padding: 0 30px;
    font: 12px/20px Arial, sans-serif;
    color: #999;
}

.order-page .tabs.main .tabs-content > p:first-child {
    margin-top: 7px;
}

.order-page .right-panel h2 {
    font: bold 22px/28px Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 30px 30px 13px;
}

.order-page .step-form {
    margin-top: 10px;
    padding: 0 10px 0 30px;
    font-size: 0;
}

.order-page .step-form label {
    margin-bottom: 18px;
    font-size: 14px;
}

.order-page .step-form .labeled > span {
    display: block;
    margin: 0 0 8px;
    font: bold 14px/14px Arial, sans-serif;
    color: #666;
}

.order-page .step-form .one {
    display: inline-block;
    margin-right: 20px;
    width: 190px;
}

.order-page .step-form .one + .one {
    width: 220px;
}

.order-page .step-form .one + .one + .one {
    width: 190px;
}

.order-page .step-form .two {
    display: inline-block;
    margin-right: 20px;
    width: 430px;
}

.order-page .step-form .three {
    display: inline-block;
    margin-right: 20px;
    width: 640px;
}

.order-page .step-form .form-two-thirds {
    width: 480px;
}

.order-page .step-form .form-two-thirds label {
    padding-top: 2px;
}

.order-page .step-form .form-two-thirds .address,
.order-page .step-form .form-two-thirds .labeled {
    padding-top: 0;
}

.order-page .step-form .form-two-thirds .address {
    margin-bottom: 18px;
}

.order-page .step-form .form-two-thirds .two {
    width: calc(100% - 20px);
}

.order-page .step-form .form-two-thirds .three {
    width: calc(100% - 20px);
}

.order-page .step-form .form-two-thirds .select2-container {
    width: 100% !important;
}

.order-page .step-form select {
    width: 100%;
    height: 30px;
}

.order-page .step-form hr {
    margin: 23px 20px 0 0;
    height: 1px;
    border: none;
    background: #ccc;
}

.order-page .step-form h4 {
    margin: 28px 0 2px;
    font-size: 16px;
}

.order-page .discount-card {
    padding: 0 30px;
}

.order-page .discount-card h4 {
    margin: 0;
    padding: 29px 0 1px;
    border-top: 1px solid #ccc;
}

.order-page .discount-card p {
    margin: 0;
    font: 12px/20px Arial, sans-serif;
    color: #999;
}

.order-page .discount-card label {
    vertical-align: top;
}

.order-page .discount-card label.email {
    display: block;
    margin-top: 9px;
}

.order-page .discount-card label.email select {
    width: 430px;
}

.order-page .discount-card label.checkbox {
    display: block;
    margin: 22px 0 30px;
}

.order-page .discount-card label.checkbox span {
    font-size: 14px;
}

.order-page .order-footer {
    display: flex;
    margin-top: 17px;
    padding: 10px 0;
    background: #fecc00;
}

.order-page .order-footer .left {
    width: 43%;
    margin-left: 30px;
}

.order-page .order-footer .button {
    vertical-align: top;
    font-size: 14px;
}

.order-page .order-footer .right {
    width: 40%;
    margin-right: 30px;
}

.order-page .order-footer .left,
.order-page .order-footer .right {
    padding: 13px 0;
}

.order-page .order-footer .back {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    font: 14px/19px Arial, sans-serif;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.order-page .order-footer .back:before {
    width: 16px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -109px -75px no-repeat;
    transition: all 0.2s linear;
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
}

.order-page .order-footer .back:hover:before {
    left: -5px;
}

.order-page .inner-block {
    position: relative;
    padding: 23px 30px 0 30px;
}

.order-page .inner-block:before {
    content: '';
    position: absolute;
    background: #ccc;
    left: 30px;
    right: 30px;
    top: -1px;
    height: 1px;
}

.order-page .inner-block .form {
    padding: 0;
}

.order-page .inner-block .info-text {
    padding: 17px 0 9px;
    font: 12px/20px Arial, sans-serif;
    color: #999;
}

.order-page .inner-block .info-text b {
    font: bold 14px/20px Arial, sans-serif;
    color: #333;
}

.order-page .inner-block .info-text p {
    margin: 0;
}

.order-page .inner-block .right-block {
    float: right;
    width: 190px;
    margin: 22px 0 0 0;
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 20px;
}

.order-page .inner-block .right-block .icon {
    position: relative;
    margin: 4px 0 17px 2px;
    width: 57px;
    height: 55px;
}

.order-page .inner-block .right-block .icon:after {
    width: 57px;
    height: 55px;
    background: url(/local/css/../images/sprite.svg) -2px -45px no-repeat;
    transform-origin: 0 0;
    content: '';
    position: absolute;
}

.order-page .inner-block .right-block .one {
    width: 150px;
}

.order-page .inner-block .right-block select {
    width: 150px !important;
}

.order-page .inner-block .left-block {
    padding-bottom: 5px;
}

.order-page .inner-block .gray-info-block {
    margin-bottom: 32px;
}

.order-page .inner-block .nonbreaking-row {
    padding-top: 5px;
    display: inline-block;
}

.order-page .form .row input + label {
    display: none;
}

.order-page .form .row input.error + label {
    display: block;
}

/**
 * Личный кабинет
 */
.personal-page .page-content .add-new-address.personal .form .row.submit.row-confirm.confirm-phone_btn-hide {
    pointer-events: none;
    display: none;
}

.confirm-phone-modal-success {
    padding-bottom: 0;
}

.confirm-phone-modal-success h2 {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    padding: 40px;
}

.personal-page .errors-block {
    color: red;
}

.personal-page .personal-title {
    margin: 0;
    margin-top: 40px;
    margin-bottom: 28px;
    color: #333;
    font-family: 'NotoSans', Arial, sans-sarif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 768px) {
    .personal-page .personal-title {
        line-height: 120%;
    }
}

.personal-page .empty {
    font: bold 14px/20px Arial, sans-serif;
    margin: 20px 0;
    padding: 0;
}

.personal-page .page-content h2 {
    margin: 0 0 16px;
}

.personal-page .page-content ul.navigation {
    background: #ffffff;
}

.personal-page .page-content ul.navigation li a {
    padding: 10px 20px 9px 20px;
    font-family: "NotaSans", Arial, sans-serif;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    box-shadow: none;
}

.personal-page .page-content ul.navigation li a:hover {
    text-decoration: none;
    box-shadow: none;
    color: #393186;
}

.personal-page .page-content ul.navigation li a:focus {
    text-decoration: underline;
    color: #393186;
}

.personal-page .page-content ul.navigation li a:active {
    text-decoration: none;
    color: #393186;
}

.personal-page .page-content ul.navigation li.active a {
    color: #393186;
    text-decoration: none;
}

.personal-page .page-content .right-panel {
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.personal-page .page-content .add-new-address {
    transition: all 0.3s linear;
    background: #ebeff5;
    margin: 0 -20px;
    border: 2px solid transparent;
}

.personal-page .page-content .add-new-address.open {
    background: #fff;
    border-color: #fecc00;
}

.personal-page .page-content .add-new-address.open a {
    color: #000;
}

.personal-page .page-content .add-new-address.open a:before {
    background: none;
}

.personal-page .page-content .add-new-address.open a:after {
    position: absolute;
    right: 25px;
    content: attr(data-cancel);
    font: normal 14px Arial, sans-serif;
    color: #999;
}

.personal-page .page-content .add-new-address a {
    display: block;
    position: relative;
    padding: 22px 25px 22px 29px;
    height: 60px;
    color: #393186;
    font: bold 16px/18px Arial, sans-serif;
    text-decoration: none;
    box-sizing: border-box;
}

.personal-page .page-content .add-new-address a:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -122px -204px no-repeat;
    position: absolute;
    content: '';
    right: 34px;
    top: 24px;
}

.personal-page .page-content .add-new-address.personal {
    background: transparent;
    border-bottom: 1px solid #ededed;
}

.personal-page .page-content .add-new-address.personal.open {
    border-bottom: 2px solid #fecc00;
}

.personal-page .page-content .add-new-address.personal.open .form .row.submit {
    display: block;
}

.personal-page .page-content .add-new-address.personal .form {
    display: block;
    padding: 20px 30px 30px;
}

.personal-page .page-content .add-new-address.personal .form .row .input {
    color: #666;
}

.personal-page .page-content .add-new-address.personal .form .row .input:focus {
    color: #333;
}

.personal-page .page-content .add-new-address.personal .form .row.legal-address {
    width: 98% !important;
}

.personal-page .page-content .add-new-address.personal .form .row.submit {
    display: none;
    margin: 0;
}

.personal-page .page-content .add-new-address.personal .form .row.submit.row-confirm {
    display: flex;
}

.personal-page .page-content .add-new-address.personal .form .row.submit.row-save {
    margin-right: auto;
}

.personal-page .page-content .add-new-address.change-password {
    padding: 20px 30px;
    margin-top: 15px;
    border-bottom: none;
}

.personal-page .page-content .add-new-address.change-password.open .row.submit {
    display: block;
}

.personal-page .page-content .add-new-address.change-password h3 {
    font: bold 18px/22px Arial, sans-serif;
    color: #333;
    margin: 0 0 2px;
}

.personal-page .page-content .add-new-address.change-password > span {
    font: 12px/18px Arial, sans-serif;
    color: #b8b8b8;
    display: block;
    margin-bottom: 16px;
}

.personal-page .page-content .add-new-address.change-password form.form {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.personal-page .page-content .add-new-address.change-password form.form .row {
    width: 30%;
    margin: 5px auto;
}

.personal-page .page-content .add-new-address.change-password form.form .row.wide {
    width: 36%;
}

.personal-page .page-content .add-new-address.change-password .row.submit {
    margin: 15px 0 0 4px;
    display: none;
}

.personal-page .page-content .add-new-address.change-password .row.submit .button {
    width: 214px;
}

.personal-page .page-content .form {
    display: none;
}

.personal-page .page-content .form form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.personal-page .page-content .form.addresses {
    padding: 0 20px 25px;
}

.personal-page .page-content .form.addresses .row {
    margin: 5px auto;
    display: inline-block;
}

.personal-page .page-content .form.addresses .row.name {
    width: 42%;
}

.personal-page .page-content .form.addresses .row.city {
    width: 54%;
}

.personal-page .page-content .form.addresses .row.street {
    width: 42%;
}

.personal-page .page-content .form.addresses .row.house {
    width: 23%;
}

.personal-page .page-content .form.addresses .row.apartment {
    width: 28%;
}

.personal-page .page-content .form.addresses .row.comment {
    width: 68%;
}

.personal-page .page-content .form.addresses .row.submit {
    width: 28%;
}

.personal-page .page-content .form.addresses .delimiter {
    width: 100%;
    position: relative;
    font-size: 12px;
    color: #999;
    margin: 15px 0 10px;
}

.personal-page .page-content .form.addresses .delimiter:after {
    position: absolute;
    content: '';
    background: #ccc;
    height: 1px;
    left: 111px;
    right: 0;
    top: 7px;
}

.personal-page .page-content .form.addresses.contragent .row {
    margin: 5px auto;
    display: inline-block;
    vertical-align: top;
}

.personal-page .page-content .form.addresses.contragent .row.email {
    margin-left: 5px;
    width: 68%;
}

.personal-page .page-content .form.addresses.contragent .row.get-information {
    margin: 17px 0 7px;
}

.personal-page .page-content .form.addresses.contragent .row.get-information .checkbox span {
    font-size: 14px;
}

.personal-page .page-content .form.addresses.contragent .row.name {
    width: 68%;
}

.personal-page .page-content .form.addresses.contragent .row.inn {
    width: 29%;
}

.personal-page .page-content .form.addresses.contragent .row.ogrn {
    width: 29%;
}

.personal-page .page-content .form.addresses.contragent .row.bank {
    width: 68%;
}

.personal-page .page-content .form.addresses.contragent .row.checking-account {
    width: 29%;
}

.personal-page .page-content .form.addresses.contragent .row.correspondent-account {
    width: 36%;
}

.personal-page .page-content .form.addresses.contragent .row.bik {
    width: 29%;
}

.personal-page .page-content .form.addresses.contragent .row.legal-address {
    width: 68%;
}

.personal-page .page-content .form.addresses.contragent .row.submit {
    width: 29%;
}

.personal-page .page-content .form.addresses.contragent .row.submit.row-confirm {
    width: 19%;
}

.personal-page .page-content .form.addresses .button {
    margin-top: 15px;
    width: 100%;
    position: relative;
    padding-left: 14px;
}

.personal-page .page-content .form.addresses .button span {
    padding-left: 24px;
}

.personal-page .page-content .form.addresses .button span:before {
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

.personal-page .page-content .form.addresses .button span:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -142px -204px no-repeat;
}

.personal-page .page-content .form.addresses .button.no-icon {
    width: 214px;
    margin-left: 6px;
}

.personal-page .page-content .form.addresses .button.no-icon span {
    padding-left: 0;
}

.personal-page .page-content .form.addresses .button.no-icon span:before {
    display: none;
}

.personal-page .page-content .form.addresses .button.no-icon:hover {
    padding-left: 14px;
}

.personal-page .page-content .address {
    position: relative;
    padding: 0 10px 24px;
    border-bottom: 1px solid #ccc;
}

.personal-page .page-content .address:last-child {
    border-bottom: none;
}

.personal-page .page-content .address + .add-new-address {
    margin-top: -1px;
    position: relative;
}

.personal-page .page-content .address table {
    font: 14px/18px Arial, sans-serif;
    color: #666;
}

.personal-page .page-content .address table td {
    min-width: 75px;
}

.personal-page .page-content .address table tr td:first-child {
    vertical-align: top;
}

.personal-page .page-content .address h4 {
    margin-bottom: 6px;
    font: bold 14px/18px Arial, sans-serif;
    color: #666;
}

.personal-page .page-content .address h3 {
    color: #666;
    font-size: 16px;
    margin: 28px 0 9px;
    padding-right: 22px;
    line-height: 20px;
}

.personal-page .page-content .address h3.main-contragent {
    color: #000;
}

.personal-page .page-content .address h3.main-contragent span {
    position: relative;
    font: 12px/14px Arial, sans-serif;
    color: #999;
    padding-left: 24px;
    white-space: nowrap;
}

.personal-page .page-content .address h3.main-contragent span:before {
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    top: -2px;
    left: 0;
    background: #fecc00;
    border-radius: 50%;
}

.personal-page .page-content .address h3.main-contragent span:after {
    width: 15px;
    height: 11px;
    background: url(/local/css/../images/sprite.svg) -207px -82px no-repeat;
    position: absolute;
    content: '';
    left: 4px;
    top: 0;
}

.personal-page .page-content .address span {
    font-size: 12px;
    color: #666;
}

.personal-page .page-content .address a {
    display: inline-block;
    font-size: 12px;
    color: #393186;
    text-decoration: none;
    position: relative;
}

.personal-page .page-content .address a.card {
    padding-left: 22px;
    margin-top: 10px;
}

.personal-page .page-content .address a.card:after {
    width: 13px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -189px -130px no-repeat;
    position: absolute;
    content: '';
    left: 0;
    top: 1px;
}

.personal-page .page-content .address a.edit {
    margin-top: 17px;
    padding-left: 22px;
}

.personal-page .page-content .address a.edit:after {
    width: 15px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -207px -134px no-repeat;
    position: absolute;
    content: '';
    right: -22px;
    top: -1px;
    left: 0;
}

.personal-page .page-content .address a.default {
    margin-top: 17px;
    padding-left: 22px;
}

.personal-page .page-content .address a.default:after {
    width: 15px;
    height: 11px;
    background: url(/local/css/../images/sprite.svg) -207px -151px no-repeat;
    position: absolute;
    content: '';
    right: -22px;
    top: 1px;
    left: 0;
}

.personal-page .page-content .address a:hover {
    text-decoration: underline;
}

.personal-page .page-content .remove {
    transition: all 0.3s linear;
    width: 13px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -189px -99px no-repeat;
    position: absolute;
    cursor: pointer;
    top: -3px;
    right: 17px;
    z-index: 10;
}

.personal-page .page-content .remove:hover {
    transform: rotate(180deg);
}

.personal-page .page-content .remove:before {
    width: 25px;
    height: 25px;
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
}

.personal-page .page-content .tabs.main {
    margin-top: 16px;
}

.personal-page .page-content .tabs.main ul.tabs-caption {
    padding: 0 30px;
}

.personal-page .page-content .tabs.main ul.tabs-caption li {
    height: 53px;
    padding: 0 20px;
    line-height: 53px;
    font-size: 16px;
}

.personal-page .page-content .search-block {
    background: #f5f5f5;
    padding: 18px 20px;
}

.personal-page .page-content .search-block h3 {
    margin: 0;
    font: bold 14px/18px Arial, sans-serif;
    color: #333;
}

.personal-page .page-content .search-block h3 a {
    float: right;
    font-size: 12px;
    font-weight: normal;
}

.personal-page .page-content .search-block form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.personal-page .page-content .search-block form .row {
    display: inline-block;
    margin: 4px 0;
}

.personal-page .page-content .search-block form .row.number {
    width: 18%;
}

.personal-page .page-content .search-block form .row.date {
    width: 44%;
    display: flex;
    justify-content: space-between;
    line-height: 1.7;
}

.personal-page .page-content .search-block form .row.date label {
    position: relative;
    width: calc(50% - 10px);
}

.personal-page .page-content .search-block form .row.date .input {
    position: relative;
    padding-right: 25px;
}

.personal-page .page-content .search-block form .row.date .calendar {
    width: 13px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -189px -144px no-repeat;
    display: block;
    position: absolute;
    right: 8px;
    top: 9px;
    cursor: pointer;
}

.personal-page .page-content .search-block form .row.name {
    width: 27%;
}

.personal-page .page-content .search-block form button[type=submit] {
    width: 36px;
    height: 30px;
    transition: all 0.3s linear;
    position: relative;
    background: #6E66C3;
    border: 0;
    border-radius: 2px;
    font-size: 0;
}

.personal-page .page-content .search-block form button[type=submit]:hover {
    background: #c8d0de;
}

.personal-page .page-content .search-block form button[type=submit]:after {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -62px -204px no-repeat;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

.personal-page .page-content .search-block a {
    font-size: 14px;
    color: #393186;
    text-decoration: none;
    position: relative;
}

.personal-page .page-content .search-block a:hover {
    text-decoration: underline;
}

.personal-page .page-content .header {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.personal-page .page-content .header > div {
    display: inline-block;
    border: none;
    font: bold 13px/18px Arial, sans-serif;
    color: #333;
    text-align: left;
    padding: 23px 20px 10px;
}

.personal-page .page-content .header > div.order {
    width: 43%;
}

.personal-page .page-content .header > div.total {
    width: 15%;
}

.personal-page .page-content .header.deferred > div {
    padding: 12px 2px 10px;
}

.personal-page .page-content .header.deferred > div.order {
    width: 47%;
}

.personal-page .page-content .header.deferred > div.total {
    width: 26%;
    text-align: center;
}

.personal-page .page-content .reset:after {
    content: attr(data-long);
}

.personal-page .page-content .reset:hover:after {
    text-decoration: underline;
}

.personal-page .page-content .order {
    transition: all 0.3s linear;
    padding: 26px 0 26px 20px;
    border: 2px solid transparent;
    border-bottom: 1px solid #ccc;
    margin-top: -1px;
    position: relative;
}

.personal-page .page-content .order.open {
    margin: -1px -20px 0;
    padding: 26px 20px 0 40px;
    border: 2px solid #fc0;
}

.personal-page .page-content .order.open h3:before {
    transform: rotate(180deg);
}

.personal-page .page-content .order.open > .description h3,
.personal-page .page-content .order.open > .description span {
    color: #333 !important;
}

.personal-page .page-content .order.open > .price {
    color: #333 !important;
}

.personal-page .page-content .order.open > .status span {
    color: #333 !important;
}

.personal-page .page-content .order .products {
    padding-bottom: 23px;
    display: none;
}

.personal-page .page-content .order .products > span {
    display: block;
    font: 12px/18px Arial, sans-serif;
    color: #333;
}

.personal-page .page-content .order .products > span.hint {
    border-top: 1px solid #e6e6e6;
    padding-top: 17px;
}

.personal-page .page-content .order .product {
    padding: 20px 0 15px;
    border-top: 1px solid #e6e6e6;
}

.personal-page .page-content .order .product.hidden {
    display: none;
}

.personal-page .page-content .order .product:first-child {
    margin-top: 15px;
}

.personal-page .page-content .order .product.services {
    border-top: none;
    background: #f7f7f7;
    padding: 10px 0 5px;
    margin-bottom: 15px;
}

.personal-page .page-content .order .product > div {
    display: inline-block;
    vertical-align: top;
}

.personal-page .page-content .order .product .photo {
    min-width: 65px;
    text-align: center;
}

.personal-page .page-content .order .product .description {
    box-sizing: border-box;
    padding-right: 15px;
    width: 36%;
}

.personal-page .page-content .order .product .description h4,
.personal-page .page-content .order .product .description a {
    margin: 0;
    font: bold 12px/16px Arial, sans-serif;
    color: #333;
    text-decoration: none;
}

.personal-page .page-content .order .product .description a:hover {
    text-decoration: underline;
}

.personal-page .page-content .order .product .description > span {
    display: block;
    margin-top: 5px;
    font: 12px/16px Arial, sans-serif;
    color: #999;
}

.personal-page .page-content .order .product .more {
    width: 52%;
    box-sizing: border-box;
    padding-top: 13px;
    border-left: 1px solid #e5e5e5;
}

.personal-page .page-content .order .product .more > span {
    width: 24%;
    display: inline-block;
    text-align: center;
    font: 12px/16px Arial, sans-serif;
    color: #666;
}

.personal-page .page-content .order .product .more > span.price {
    font-size: 14px;
    color: #333;
}

.personal-page .page-content .order .product .more > span.price.total {
    text-align: right;
    width: 23%;
}

.personal-page .page-content .order > div {
    display: inline-block;
    vertical-align: middle;
}

.personal-page .page-content .order .description {
    width: 44%;
}

.personal-page .page-content .order .description h3 {
    position: relative;
    margin: 0 0 5px;
    font: bold 16px/21px Arial, sans-serif;
    color: #393186;
    white-space: nowrap;
    cursor: pointer;
}

.personal-page .page-content .order .description h3:before {
    width: 11px;
    height: 6px;
    background: url(/local/css/../images/sprite.svg) -226px -29px no-repeat;
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    left: -20px;
    top: 8px;
}

.personal-page .page-content .order .description h3 span.date {
    margin-left: 9px;
    padding-left: 12px;
    border-left: 2px solid #989898;
    font: 14px/18px Arial, sans-serif;
    color: #666;
    white-space: nowrap;
}

.personal-page .page-content .order .description span.contragent {
    font: 12px/16px Arial, sans-serif;
    color: #999;
}

.personal-page .page-content .order .price {
    width: 21%;
    text-align: center;
    vertical-align: top;
    font: bold 14px/18px Arial, sans-serif;
    color: #666;
}

.personal-page .page-content .order .status {
    width: 23%;
    text-align: center;
    vertical-align: top;
}

.personal-page .page-content .order .status a {
    position: relative;
    font-weight: bold;
    font-size: 14px;
    color: #393186;
    text-decoration: none;
}

.personal-page .page-content .order .status a:hover {
    text-decoration: underline;
}

.personal-page .page-content .order .status span {
    position: relative;
    font-weight: bold;
    color: #666;
    font-size: 14px;
}

.personal-page .page-content .action {
    width: 9%;
    position: absolute;
}

.personal-page .page-content .action.no-remove a.cancel {
    display: none;
}

.personal-page .page-content .action a {
    transition: all 0.3s linear;
    display: inline-block;
    position: absolute;
    text-decoration: none;
}

.personal-page .page-content .action a:hover:after,
.personal-page .page-content .action a:hover:before {
    opacity: 1;
}

.personal-page .page-content .action a:after {
    transition: all 0.3s linear;
    opacity: 0;
    background: #393186;
    color: #fff;
    font: 12px/16px Arial, sans-serif;
    content: attr(data-status);
    white-space: nowrap;
    padding: 6px 10px;
    top: -40px;
    right: -50px;
    text-align: center;
    position: absolute;
}

.personal-page .page-content .action a:before {
    transition: all 0.3s linear;
    opacity: 0;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #224b98 transparent transparent transparent;
    top: -12px;
    right: 0;
}

.personal-page .page-content .action a.retry {
    position: absolute;
    left: 6px;
    top: 1px;
}

.personal-page .page-content .action a.retry span {
    transition: all 0.3s linear;
    width: 14px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -22px no-repeat;
    transform: scale(-1, 1) rotate(0);
    transform-origin: 7px 9px;
    display: block;
}

.personal-page .page-content .action a.retry span:hover {
    transform: scale(-1, 1) rotate(179deg);
}

.personal-page .page-content .action a.retry.inv span {
    transition: all 0.3s linear;
    width: 14px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -22px no-repeat;
    display: block;
    transform: none;
}

.personal-page .page-content .action a.retry.inv span:hover {
    transform: rotate(179deg);
}

.personal-page .page-content .action a.cancel {
    position: absolute;
    right: 1px;
    top: 3px;
}

.personal-page .page-content .action a.cancel:before {
    right: -2px;
}

.personal-page .page-content .action a.cancel:after {
    right: -22px;
}

.personal-page .page-content .action a.cancel span {
    transition: all 0.3s linear;
    width: 13px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -189px -99px no-repeat;
    display: block;
}

.personal-page .page-content .action a.cancel span:hover {
    transform: rotate(180deg);
}

.personal-page .page-content ul.menu {
    width: 100%;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 0 8px 0 4px;
}

.personal-page .page-content ul.menu:after {
    content: '';
    display: table;
    clear: both;
}

.personal-page .page-content ul.menu li {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 0;
}

.personal-page .page-content ul.menu li:first-child {
    margin-left: 0;
}

.personal-page .page-content ul.menu li:last-child {
    float: right;
}

.personal-page .page-content ul.menu li a {
    display: block;
    cursor: pointer;
    padding: 0 13px 0 46px;
    position: relative;
    font-size: 14px;
    color: #393186;
    text-decoration: none;
}

.personal-page .page-content ul.menu li a:hover {
    text-decoration: underline;
}

.personal-page .page-content ul.menu li a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -9px;
}

.personal-page .page-content ul.menu li a.print:before {
    width: 17px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -2px -183px no-repeat;
}

.personal-page .page-content ul.menu li a.email:before {
    width: 18px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -166px -105px no-repeat;
}

.personal-page .page-content ul.menu li a.add:before {
    width: 17px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -128px -162px no-repeat;
}

.personal-page .page-content .products {
    padding-bottom: 23px;
}

.personal-page .page-content .products .header {
    margin-top: 15px;
    border-top: 1px solid #e6e6e6;
    border-bottom: none;
}

.personal-page .page-content .products .header > div {
    padding: 10px 0;
}

.personal-page .page-content .products .header > div.col-1 {
    width: 49%;
}

.personal-page .page-content .products .header > div.col-2 {
    width: 15%;
}

.personal-page .page-content .products .header > div.col-3 {
    width: 11%;
}

.personal-page .page-content .products .header > div.col-4 {
    width: 14%;
}

.personal-page .page-content .products.deferred {
    padding-bottom: 0;
}

.personal-page .page-content .products.deferred + .total-block .order-block .button.card {
    width: auto;
    padding: 0 30px;
}

.personal-page .page-content .products.deferred .product.hidden {
    display: none;
}

.personal-page .page-content .products.deferred .product {
    padding: 30px 0 26px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.personal-page .page-content .products.deferred .product.services {
    border-top: none;
    background: #f7f7f7;
    padding: 10px 0 5px;
    margin-bottom: 15px;
}

.personal-page .page-content .products.deferred .product.deleted {
    padding: 26px 0 22px;
}

.personal-page .page-content .products.deferred .product.deleted > h4 {
    line-height: 24px;
}

.personal-page .page-content .products.deferred .product > div {
    display: inline-block;
    vertical-align: top;
}

.personal-page .page-content .products.deferred .product > h4 {
    margin: 0;
    padding-left: 20px;
    font-size: 14px;
}

.personal-page .page-content .products.deferred .product > h4:after {
    content: '';
    display: table;
    clear: both;
}

.personal-page .page-content .products.deferred .product > h4 > span {
    font-weight: normal;
}

.personal-page .page-content .products.deferred .product > h4 a.recover {
    float: right;
    padding-right: 25px;
    position: relative;
    font-weight: normal;
}

.personal-page .page-content .products.deferred .product > h4 a.recover:before {
    width: 14px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -207px -22px no-repeat;
    transition: all 0.2s linear;
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    transform: scale(-1, 1) rotate(0);
    transform-origin: 7px 9px;
}

.personal-page .page-content .products.deferred .product > h4 a.recover:hover {
    text-decoration: none;
}

.personal-page .page-content .products.deferred .product > h4 a.recover:hover:before {
    transform: scale(-1, 1) rotate(179deg);
}

.personal-page .page-content .products.deferred .product .remove {
    top: 30px;
    right: 0;
}

.personal-page .page-content .products.deferred .product .photo {
    min-width: 65px;
    text-align: center;
}

.personal-page .page-content .products.deferred .product .description {
    box-sizing: border-box;
    padding: 0 10px 0 10px;
    width: 39%;
}

.personal-page .page-content .products.deferred .product .description h4 {
    margin: 0;
    font: bold 14px/18px Arial, sans-serif;
    color: #333;
}

.personal-page .page-content .products.deferred .product .description > span {
    display: block;
    margin-top: 5px;
    font: 12px/16px Arial, sans-serif;
    color: #999;
}

.personal-page .page-content .products.deferred .product .description a.compare {
    display: block;
    margin: 13px 0 0 -4px;
    padding-left: 27px;
    font-size: 12px;
}

.personal-page .page-content .products.deferred .product .description a.compare:before {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -207px -166px no-repeat;
    position: absolute;
    content: '';
    left: 3px;
    top: 0;
}

.personal-page .page-content .products.deferred .product .description a.compare.active:before {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -189px -64px no-repeat;
}

.personal-page .page-content .products.deferred .product .description a.compare.active i {
    background: url(/local/css/../images/sprite.png) -346px -96px no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    background-color: #fecc00;
    border-radius: 50%;
    top: 5px;
    left: 8px;
    transform: scale(0.8);
}

.personal-page .page-content .products.deferred .product .description a.compare:hover:before {
    width: 14px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -189px -64px no-repeat;
}

.personal-page .page-content .products.deferred .product .more {
    width: 46%;
    border-left: 1px solid #e5e5e5;
}

.personal-page .page-content .products.deferred .product .more > div {
    display: inline-block;
    vertical-align: top;
}

.personal-page .page-content .products.deferred .product .more .price-section {
    width: 54%;
    box-sizing: border-box;
    text-align: center;
}

.personal-page .page-content .products.deferred .product .more .price-section > span {
    display: inline-block;
    text-align: center;
    font: 12px/16px Arial, sans-serif;
    color: #666;
}

.personal-page .page-content .products.deferred .product .more .price-section > span.price {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.personal-page .page-content .products.deferred .product .more .price-section > span .price-name {
    font-size: 12px;
}

.personal-page .page-content .products.deferred .product .more .price-section > span hr {
    margin: 0;
}

.personal-page .page-content .products.deferred .product .more .price-section > span .price-old {
    font: 14px/16px Arial, sans-serif;
    color: #666;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 5px;
}

.personal-page .page-content .products.deferred .product .more .price-section > span .price-by-card {
    color: #393186;
}

.personal-page .page-content .products.deferred .product .more .price-section .numeric-input {
    margin: 15px 0 0;
}

.personal-page .page-content .products.deferred .product .more .price-section .numeric-input > span {
    display: block;
    margin-bottom: 6px;
    color: #999;
    font-size: 12px;
}

.personal-page .page-content .products.deferred .product .more .price-section .numeric-input .input.number {
    width: 55px;
}

.personal-page .page-content .products.deferred .product .more .price-section .numeric-input a.minus,
.personal-page .page-content .products.deferred .product .more .price-section .numeric-input a.plus {
    opacity: 0.6;
}

.personal-page .page-content .products.deferred .product .more .amount-section a.button {
    width: 117px;
    height: 31px;
    display: block;
    margin-top: 35px;
    padding: 0;
    line-height: 29px;
    color: #000;
}

.personal-page .page-content .products.deferred .product .more .amount-section a.button:hover {
    text-decoration: none;
}

.personal-page .page-content .products.deferred .product .more .amount-section span.price {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.personal-page .page-content .products.deferred .product .more .amount-section span.price .unit {
    font-weight: normal;
}

.personal-page .page-content .products.deferred .product a {
    font-size: 14px;
    color: #393186;
    text-decoration: none;
}

.personal-page .page-content .products.deferred .product a:hover {
    text-decoration: underline;
}

.personal-page .page-content .products > span {
    display: block;
    font: 12px/18px Arial, sans-serif;
    color: #333;
}

.personal-page .page-content .products > span.hint {
    border-top: 1px solid #e6e6e6;
    padding-top: 17px;
}

.personal-page .page-content .total-block {
    padding-bottom: 0;
}

.personal-page .page-content .total-block .order-block {
    width: 287px;
}

.personal-page .page-content .total-block .order-block .total-line {
    margin: 17px 0 0;
    padding: 9px 20px;
    font-size: 18px;
}

.personal-page .page-content .pagination {
    padding: 42px 0 0;
}

.personal-page .page-content.home .form {
    display: block;
}

.personal-page .page-content.home .right-panel {
    padding: 0;
    position: relative;
}

.personal-page .page-content.home .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 0;
    margin-top: 16px;
}

.personal-page .page-content.home .block {
    background: #fff;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    color: #666;
    border: none;
    box-shadow: 0 10px 13px -1px rgba(133, 133, 133, 0.18);
}

.personal-page .page-content.home .block__head {
    display: block;
    box-sizing: border-box;
    height: 75px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 38px 20px 26px;
    background-color: rgba(15, 171, 220, 0.1);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #e6e6e6;
}

.personal-page .page-content.home .block__head h2 a {
    margin-left: 16px;
}

.personal-page .page-content.home .block__head h2 a:hover {
    text-decoration: underline;
}

.personal-page .page-content.home .block__head h2 a:before {
    width: 1px;
    height: 13px;
    position: absolute;
    content: '';
    background: #999;
    border-left: 1px solid #d3d3d3;
    top: 1px;
    left: -11px;
}

.personal-page .page-content.home .block__info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.personal-page .page-content.home .block__link {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    column-gap: 20px;
    padding: 8px 10px;
    border-radius: 3px;
    border: 1px solid #393186;
    transition: all 0.3s;
}

.personal-page .page-content.home .block__link:hover {
    border: 1px solid #857FC3;
}

.personal-page .page-content.home .block__link--data {
    position: relative;
    padding-right: 36px;
}

.personal-page .page-content.home .block__link--data svg {
    position: absolute;
    top: 5px;
    right: 10px;
}

.personal-page .page-content.home .block__link--data svg path {
    transition: stroke 0.3s;
}

.personal-page .page-content.home .block__link:hover span {
    color: #857FC3;
}

.personal-page .page-content.home .block__link:hover svg path {
    stroke: #857FC3;
}

.personal-page .page-content.home .block-right__text {
    color: #393186;
    font-family: 'NotoSans', Arial, sans-sarif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    transition: color 0.3s;
}

.personal-page .page-content.home .block__title {
    margin: 0;
    font-family: 'NotoSans', Arial, sans-sarif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: #333;
    transition: color 0.3s;
}

.personal-page .page-content.home .block__title--data {
    padding-left: 20px;
}

.personal-page .page-content.home .block__title::before {
    display: none;
}

.personal-page .page-content.home .block.discount-card {
    background: transparent;
}

.personal-page .page-content.home .block.discount-card > span {
    padding: 25px 0 0 30px;
    display: block;
}

.personal-page .page-content.home .block.discount-card .button {
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-top: -5px;
    width: 164px;
}

.personal-page .page-content.home .block.discount-card .button span {
    padding-left: 24px;
}

.personal-page .page-content.home .block.discount-card .button span:before {
    transition: all 0.3s linear;
    position: absolute;
    content: '';
    left: 0;
    top: 1px;
}

.personal-page .page-content.home .block.discount-card .button span:before {
    width: 18px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -166px -126px no-repeat;
}

.personal-page .page-content.home .block.discount-card .row {
    padding-top: 12px;
}

.personal-page .page-content.home .block.discount-card .row > span {
    padding-top: 11px;
    border-bottom: 0;
    font-size: 14px;
    color: #999;
}

.personal-page .page-content.home .block.discount-card .row:before {
    display: none;
}

.personal-page .page-content.home .block.discount-card .row h3 {
    padding-bottom: 0;
    margin: 0 0 7px;
}

.personal-page .page-content.home .block.discount-card .row h3 span {
    color: #666;
}

.personal-page .page-content.home .block.discount-card .row .button span {
    font-weight: 700;
}

.personal-page .page-content.home .block a {
    text-decoration: none;
}

.personal-page .page-content.home .block a.get-card {
    padding-left: 27px;
    margin: 24px 0 0 30px;
    display: inline-block;
}

.personal-page .page-content.home .block a.get-card:before {
    width: 18px;
    height: 14px;
    background: url(/local/css/../images/sprite.svg) -166px -87px no-repeat;
    position: absolute;
    content: '';
    top: 1px;
    left: 0;
}

.personal-page .page-content.home .block a.get-card:hover {
    color: #666;
}

.personal-page .page-content.home .block span.value {
    display: block;
}

.personal-page .page-content.home .block .row {
    padding: 17px 30px 10px;
    box-sizing: border-box;
    position: relative;
}

.personal-page .page-content.home .block .row.link {
    padding: 0;
}

.personal-page .page-content.home .block .row.link a {
    padding: 17px 30px 10px;
    display: block;
}

.personal-page .page-content.home .block .row.link:hover {
    background: #f7f7f7;
}

.personal-page .page-content.home .block .row.link:hover h3 {
    text-decoration: underline;
    color: #393186;
}

.personal-page .page-content.home .block .row.link:hover:before {
    display: none;
}

.personal-page .page-content.home .block .row h3 {
    font: bold 14px/17px Arial, sans-serif;
    color: #666;
    padding-bottom: 5px;
}

.personal-page .page-content.home .block .row h3 span {
    font: 14px/18px Arial, sans-serif;
    color: #666;
}

.personal-page .page-content.home .block .row h3.no-margin {
    margin-bottom: 0;
    margin-top: 0;
}

.personal-page .page-content.home .block .row h3.name {
    float: left;
    margin: 0 38px 0 0;
}

.personal-page .page-content.home .block .row h3.name.phone {
    margin-right: 11px;
}

.personal-page .page-content.home .block .row h3.confirmed {
    position: relative;
    display: table;
}

.personal-page .page-content.home .block .row h3.confirmed:before {
    width: 18px;
    height: 18px;
    position: absolute;
    content: '';
    top: 0;
    right: -30px;
    background: #fecc00;
    border-radius: 50%;
}

.personal-page .page-content.home .block .row h3.confirmed:after {
    width: 15px;
    height: 11px;
    background: url(/local/css/../images/sprite.svg) -207px -82px no-repeat;
    position: absolute;
    content: '';
    right: -30px;
    top: 2px;
}

.personal-page .page-content.home .block .row h3.confirmed + span {
    display: block;
}

.personal-page .page-content.home .block .row.send-email {
    padding-right: 40px;
}

.personal-page .page-content.home .block .row .checkbox span {
    padding-top: 0;
}

.personal-page .page-content.home .block .row .select2-selection__rendered {
    line-height: 28px;
    font-size: 12px !important;
}

.personal-page .page-content.home .block .row .select.name {
    width: 100%;
}

.personal-page .page-content.home .block:nth-child(1) {
    border-right: 1px solid #e6e6e6;
}

.personal-page .page-content.home .block:nth-child(1) .block__head {
    border-top-right-radius: 0;
}

.personal-page .page-content.home .block:nth-child(2) .block__head {
    border-top-left-radius: 0;
}

.personal-page .page-content.home .block:nth-child(3) {
    grid-column: 1 / span 2;
}

.personal-page .page-content.home .content {
    padding: 30px 30px 32px;
}

.personal-page .page-content.home .content--address {
    padding: 0px 0px;
}

.personal-page .page-content.home .content__row:not(:last-child) {
    margin-bottom: 15px;
}

.personal-page .page-content.home .content__row--address {
    position: relative;
    margin-bottom: 0 !important;
}

.personal-page .page-content.home .content__row--address:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2.5%;
    width: 95%;
    height: 1px;
    background-color: #e6e6e6;
}

.personal-page .page-content.home .content__row--address:last-child:after {
    content: none;
}

.personal-page .page-content.home .content__title {
    margin: 0;
    color: #333333;
    font-family: 'NotoSans', Arial, sans-sarif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.personal-page .page-content.home .content__link {
    margin: 0;
    color: #333333;
    font-family: 'NotoSans', Arial, sans-sarif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    border-bottom: 1px solid transparent;
}

.personal-page .page-content.home .content__link--bold {
    font-weight: 600;
}

.personal-page .page-content.home .content__link:hover {
    color: #393186;
}

.personal-page .page-content.home .content__link:focus {
    color: #393186;
    border-bottom: 1px solid #393186;
}

.personal-page .page-content.home .content__link:active {
    color: #393186;
    border-bottom: 1px solid transparent;
}

.personal-page .page-content.home .content__text {
    margin: 0;
    color: #333333;
    font-family: 'NotoSans', Arial, sans-sarif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.personal-page .page-content.home .content__text--bold {
    font-weight: 600;
}

.personal-page .page-content.home .content__address {
    display: grid;
    align-items: flex-start;
    column-gap: 18px;
    grid-template-columns: 0.35fr 1fr 0.73fr;
    padding: 30px 30px 35px;
    transition: background-color 0.3s;
}

.personal-page .page-content.home .content__address:hover {
    background-color: rgba(232, 232, 232, 0.4);
}

.personal-page .page-content.home .content__comment {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 5px;
}

.personal-page .page-content.home .content__comment svg {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
}

.personal-page .page-content.home .content__comment .content__text {
    margin-top: 4px;
}

.personal-page .page-content.home .content__checkbox {
    position: relative;
}

.personal-page .page-content.home .content__checkbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.personal-page .page-content.home .content__checkbox > span {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.personal-page .page-content.home .content__checkbox > span::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin-right: 14px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    transition: all 0.3s;
}

.personal-page .page-content.home .content__checkbox > span:hover::before {
    border-color: #857FC3;
}

.personal-page .page-content.home .content__checkbox > input:focus + span::before {
    border-color: #393186;
}

.personal-page .page-content.home .content__checkbox > i {
    display: none;
    position: absolute;
    top: -9px;
    left: 6px;
    z-index: 10;
}

.personal-page .page-content.home .content__checkbox > input:checked + i {
    display: block;
}

.personal-page span.location {
    padding: 0 0 0 21px;
    display: block;
    position: relative;
}

.personal-page span.location:before {
    width: 12px;
    height: 15px;
    background: url(/local/css/../images/sprite.svg) -207px -97px no-repeat;
    opacity: 0.5;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.personal-page span.comment {
    padding: 4px 0 0 21px;
    margin-top: 6px;
    display: block;
    position: relative;
    color: #b8b8b8;
}

.personal-page span.comment:before {
    width: 12px;
    height: 13px;
    background: url(/local/css/../images/sprite.svg) -189px -82px no-repeat;
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
}

.personal-page span.email {
    padding: 0 0 0 21px;
    display: block;
    position: relative;
}

.personal-page span.email:before {
    width: 12px;
    height: 9px;
    background: url(/local/css/../images/sprite.svg) -146px -183px no-repeat;
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
}

.personal-page .add-new-address.edit-form,
.personal-page .address.edit-form {
    display: none;
}

.personal-page .page-content .add-new-address.personal .form .wide.submit {
    text-align: right;
    padding-top: 20px;
    display: block;
}

.personal-page .page-content .add-new-address.personal .form .wide.submit button {
    display: none;
}

.personal-page .page-content .add-new-address.personal.open .form .wide.submit button {
    display: block;
}

.personal-page .passwords .row {
    position: relative;
}

.personal-page .passwords .eye {
    right: 10px;
    top: 35px;
}

.personal-page .discount-card-request.block {
    display: none;
}

.personal-page .add-new-address .info {
    margin-bottom: 3px;
    font-size: 12px;
    color: #666;
    padding: 10px;
    background: #f5f5f5;
}

.personal-page .send-email .checkbox input[type=checkbox] + i:before {
    top: 5px;
}

.personal-page .remove-all {
    width: 30px;
    height: 30px;
    transition: all 0.3s linear;
    background: #c7cfde;
    border-radius: 2px;
    position: absolute;
    right: 31px;
    top: 20px;
    text-decoration: none;
}

.personal-page .remove-all:before {
    transition: all 0.3s linear;
    opacity: 0;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #393186 transparent transparent transparent;
    top: -18px;
    right: 8px;
}

.personal-page .remove-all:after {
    transition: all 0.3s linear;
    opacity: 0;
    background: #393186;
    color: #fff;
    font: 12px/16px Arial, sans-serif;
    content: attr(data-text);
    white-space: nowrap;
    padding: 6px 10px;
    top: -46px;
    right: -50px;
    text-align: center;
    position: absolute;
}

.personal-page .remove-all:hover {
    background: #393186;
}

.personal-page .remove-all:hover:after,
.personal-page .remove-all:hover:before {
    opacity: 1;
}

.personal-page .remove-all span {
    width: 14px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -189px -2px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -7px;
}

@media (max-width: 1200px) and (min-width: 941px) {
    .personal-page .page-content.home .wrap {
        margin: 0;
        max-width: 67vw;
    }
}

@media (max-width: 1200px) {
    .personal-page .page-content.home .wrap {
        grid-template-columns: 1fr;
    }

    .personal-page .page-content.home .block:nth-child(3) {
        grid-column: 1;
    }
}

@media screen and (max-width: 750px) {
    .personal-page ul.navigation li a {
        padding: 7px 10px !important;
    }

    .personal-page .page-content.home .content__address {
        grid-template-columns: 0.4fr 1fr;
        row-gap: 12px;
    }

    .personal-page .page-content.home .content__comment {
        grid-column: 1 / span 2;
    }
}

@media (max-width: 480px) {
    .personal-page .page-content.home .block__head {
        padding: 14px 20px;
    }

    .personal-page .page-content.home .block__title {
        font-size: 14px;
    }

    .personal-page .page-content.home .block-right__text {
        font-size: 12px;
    }

    .personal-page .page-content.home .block__link {
        padding: 4px 5px;
    }

    .personal-page .page-content.home .block__link--data {
        padding-right: 30px;
    }
}

/**
 * Результаты поиска
 */
.search-page h1 {
    font-size: 24px;
}

.search-page h1 span {
    font: 12px/18px Arial, sans-serif;
}

.search-page h1 span.result {
    font-size: 24px;
}

.search-page .page-content {
    background: #fff;
}

.search-page .page-content h2 {
    font: bold 18px/20px Arial, sans-serif;
    color: #000;
    padding: 2px 30px 24px;
    margin: 0;
    position: relative;
}

.search-page .page-content h2:before {
    position: absolute;
    content: '';
    background: #000;
    height: 2px;
    left: 30px;
    right: 30px;
    bottom: 6px;
}

.search-page .page-content h2 a {
    font: bold 14px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    position: relative;
    padding: 0 19px 0 12px;
    margin-left: 6px;
    border-left: 2px solid #ccc;
}

.search-page .page-content h2 a:after {
    width: 16px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -126px -183px no-repeat;
    position: absolute;
    content: '';
    top: 3px;
    right: -3px;
}

.search-page .page-content h2 a:hover {
    text-decoration: underline;
}

.search-page .page-content .result-item {
    padding: 27px 30px 26px;
    position: relative;
}

.search-page .page-content .result-item:first-child {
    padding-top: 11px;
}

.search-page .page-content .result-item:last-child:before {
    display: none;
}

.search-page .page-content .result-item h2 {
    padding: 0;
}

.search-page .page-content .result-item h2 a {
    font: 700 16px/18px Arial, sans-serif;
    color: #393186;
    padding: 0;
    border-left: 0;
    margin-left: 0;
}

.search-page .page-content .result-item h2 a:before,
.search-page .page-content .result-item h2 a:after {
    display: none;
}

.search-page .page-content .result-item h2:before {
    display: none;
}

.search-page .page-content .result-item p {
    font: 14px/21px Arial, sans-serif;
    color: #666;
    margin: 0;
    padding-top: 12px;
}

.search-page .page-content .result-item:before {
    position: absolute;
    content: '';
    height: 1px;
    background: #ccc;
    left: 30px;
    right: 30px;
    bottom: 0;
}

.search-page .product-list.block .product-block {
    padding-bottom: 87px;
}

.search-page ul.tabs {
    background: #f5f5f5;
    padding-left: 0;
}

.search-page ul.tabs li {
    transition: all 0.3s linear;
    display: inline-block;
    margin-left: -5px;
}

.search-page ul.tabs li:first-child {
    margin-left: 0;
}

.search-page ul.tabs li a {
    transition: all 0.3s linear;
    font: bold 16px/18px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    display: block;
    padding: 18px 29px;
}

.search-page ul.tabs li.active,
.search-page ul.tabs li:hover {
    box-shadow: inset 0 2px 0 #fc0;
    background: #fff;
}

.search-page ul.tabs li.active a,
.search-page ul.tabs li:hover a {
    color: #000;
}

.search-block {
    position: relative;
}

.search-suggest {
    margin-top: 10px;
    position: absolute;
    right: 10px;
    border: 2px solid #393186;
    background: #fff;
    z-index: 11;
}

.search-suggest .content {
    min-width: 390px;
    min-height: 105px;
    width: 610px;
}

.search-suggest .items .block {
    padding: 20px;
    white-space: nowrap;
    position: relative;
}

.search-suggest .items a.block {
    display: block;
    text-decoration: none;
}

.search-suggest .block + .block:before {
    content: '';
    left: 0;
    margin-top: -20px;
    right: 0;
    height: 1px;
    background: #e6e6e6;
    width: 100%;
    position: absolute;
}

.search-suggest .items .block .photo {
    width: 60px;
    display: inline-block;
    vertical-align: top;
}

.search-suggest .items .block .photo + .description {
    display: inline-block;
}

.search-suggest .items .block .description {
    font-size: 12px;
    line-height: 23px;
    color: #999999;
    margin-left: 20px;
    width: 240px;
    white-space: normal;
}

.search-suggest .items .block .description h3 {
    margin: 0;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    color: #333333;
    font-weight: bold;
}

.search-suggest .items .block:hover {
    background: #fafafa;
    cursor: pointer;
}

.search-suggest .items .block .description .price {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    height: 20px;
}

.search-suggest .items .block .description .price-old {
    font-size: 12px;
    color: #999999;
    text-decoration: line-through;
}

.search-suggest .sections a {
    color: #1c4695;
    font-weight: bold;
    text-decoration: none;
}

.search-suggest .sections a:hover {
    text-decoration: underline;
}

.search-suggest .sections li li a {
    font-weight: normal;
}

.search-suggest .sections {
    padding: 3px 20px 0 20px;
    width: 210px;
    white-space: initial;
    float: left;
    vertical-align: top;
    font-size: 12px;
    line-height: 23px;
    max-height: 520px;
}

.search-suggest .sections h3 {
    font-size: 16px;
}

.search-suggest .sections:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #393186;
    margin-left: -24px;
}

.search-suggest .sections .items-scroller {
    height: 465px;
}

.search-suggest .sections li {
    list-style: none;
    line-height: 18px;
}

.search-suggest .sections li + li {
    padding-top: 5px;
}

.search-suggest .sections a + ul {
    margin-top: 5px;
}

.search-suggest .sections ul {
    padding-left: 0;
}

.search-suggest .items {
    float: left;
    vertical-align: top;
    position: relative;
    max-height: 520px;
    width: 356px;
}

.search-suggest .items-scroller {
    height: 520px;
}

.search-suggest ._scrollbar + .baron_bar_v {
    display: block;
}

.search-suggest .baron_bar_v {
    display: none;
    position: absolute;
    right: 0;
    width: 6px;
    margin-right: 8px;
    bottom: 2px;
    top: 2px;
    background: #ececec;
    z-index: 2;
}

.search-suggest .sections .baron_bar_v {
    margin-right: 3px;
}

.search-suggest .baron_bar_v .main__bar {
    position: relative;
    width: 6px;
    background: #393186;
    border-radius: 3px;
}

/**
 * Каталог второго уровня
 */
.text-page .page-content {
    margin-top: 21px;
    background: #fff;
    position: relative;
}

.text-page .page-content.paneled {
    background: none;
}

.text-page .page-content h1 {
    margin: 0;
    padding: 30px 30px 0;
}

.text-page .page-content .right-panel .padded-content > h3:first-child {
    margin-top: 0;
    margin-bottom: 20px;
}

.text-page .page-content .text-block {
    box-sizing: border-box;
    padding: 30px;
}

.text-page .page-content .text-block p {
    color: #666;
}

.text-page .page-content .text-block p a {
    color: #393186;
}

.text-page .page-content .text-block h2 {
    font: bold 22px/26px Arial, sans-serif;
    margin: 32px 0 7px;
}

.text-page .page-content .text-block h3 {
    font: bold 18px/22px Arial, sans-serif;
    margin: 32px 0 10px;
}

.text-page .page-content .text-block h4 {
    font: bold 16px/18px Arial, sans-serif;
    margin: 37px 0 9px;
}

.text-page .page-content .text-block blockquote {
    background: #fecc00;
    padding: 17px 25px 23px 39px;
    margin-top: -7px;
}

.text-page .page-content .text-block blockquote h4 {
    margin: 0;
}

.text-page .page-content .text-block blockquote p {
    margin: 0;
}

.text-page .page-content .text-block ul {
    margin-bottom: 9px;
}

.text-page .page-content .text-block ul li {
    padding-left: 26px;
}

.text-page .page-content .text-block ul li:before {
    width: 4px;
    height: 4px;
    left: -12px;
    top: -4px;
    display: inline-block;
    position: relative;
}

.text-page .page-content .text-block ol {
    color: #666;
    margin: 0;
    padding: 0 0 0 27px;
    list-style-type: none;
}

.text-page .page-content .text-block ol li {
    counter-increment: step-counter;
    position: relative;
    margin-bottom: 10px;
}

.text-page .page-content .text-block ol li:before {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    color: #000;
    background: #c7cfde;
    font: bold 11px/18px Arial, sans-serif;
    text-align: center;
    position: absolute;
    left: -26px;
    top: 1px;
    content: counter(step-counter);
}

/**
 * Вакансии
 */
@media (max-width: 1220px) and (min-width: 480px) {
    .vacancy-page .vacancy-container {
        width: 96vw;
        padding: 0 12px;
    }
}

@media (max-width: 956px) {
    .vacancy-page .vacancy-container {
        display: flex;
        flex-direction: column;
        width: 96%;
        padding: 0;
    }
}

.vacancy-page .vacancy-container .right-panel {
    padding: 0 40px 0 10px;
}

@media (min-width: 956px) {
    .vacancy-page .vacancy-container .right-panel {
        width: min-content;
    }
}

@media (max-width: 956px) {
    .vacancy-page .vacancy-container .right-panel {
        margin: 0 -20px 0 0;
        padding: 0 40px 0 10px;
        width: 90vw;
    }
}

.vacancy-page .vacancy-container .right-panel > .text-block > p:first-child {
    font: normal 16px/24px Arial, sans-serif;
    margin-bottom: 18px;
}

.vacancy-page .vacancy-container .vacancy-left-panel-container {
    margin: 0 -40px 0 0;
}

@media (max-width: 956px) {
    .vacancy-page .vacancy-container .vacancy-left-panel-container {
        margin: 0 0 12px 0;
        display: none;
    }
}

.vacancy-page .vacancy-container .vacancy-left-panel-container .vacancy-column-header {
    display: flex;
    flex-direction: row;
}

@media (max-width: 956px) {
    .vacancy-page .vacancy-container .vacancy-left-panel {
        position: static !important;
    }
}

@media (max-width: 956px) {
    .vacancy-page .vacancy-container .vacancy-navigation {
        display: none;
    }
}

.vacancy-page .vacancy-container .vacancy-list {
    padding-top: 9px;
}

.vacancy-page .vacancy-container .vacancy {
    transition: all 0.3s linear;
    position: relative;
    z-index: 1;
    margin: 21px 0 38px;
    padding: 5px 10px 7px;
}

.vacancy-page .vacancy-container .vacancy:before {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: -19px;
    background: #ccc;
}

.vacancy-page .vacancy-container .vacancy:after {
    transition: all 0.3s linear;
    position: absolute;
    outline: 2px solid #fff;
    border: 2px solid #fff;
    content: '';
    z-index: -1;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    box-shadow: 0 0 0 18px #fff, 0 0 0 18px #fff;
}

.vacancy-page .vacancy-container .vacancy .date {
    float: right;
    font: 12px/24px Arial, sans-serif;
    color: #999;
}

.vacancy-page .vacancy-container .vacancy .title {
    transition: all 0.3s linear;
    display: inline-block;
    position: relative;
    padding-right: 20px;
    font: bold 16px/24px Arial, sans-serif;
    color: #393186;
    cursor: pointer;
}

.vacancy-page .vacancy-container .vacancy .title:after {
    width: 12px;
    height: 7px;
    background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    right: 0;
    top: 8px;
    opacity: 0.5;
}

.vacancy-page .vacancy-container .vacancy .salary {
    font: bold 14px/26px Arial, sans-serif;
    color: #666;
    letter-spacing: -0.02em;
}

.vacancy-page .vacancy-container .vacancy .description {
    transition: all 0.5s linear;
    position: relative;
    padding: 8px 0 10px;
    font: 13px/20px Arial, sans-serif;
    color: #666;
    max-height: 16px;
    overflow: hidden;
}

.vacancy-page .vacancy-container .vacancy .description:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
}

.vacancy-page .vacancy-container .vacancy .form {
    transition: all 0.3s linear;
    height: 0;
    box-sizing: border-box;
    overflow: hidden;
    border-top: 2px dashed transparent;
    margin: 0 -28px -23px;
    padding: 0 28px;
}

.vacancy-page .vacancy-container .vacancy .form h5 {
    margin: 13px 0;
    padding: 0 0 0 20px;
    font: bold 16px/24px Arial, sans-serif;
    color: #000;
}

.vacancy-page .vacancy-container .vacancy .form h5 span {
    font: normal 14px/24px Arial, sans-serif;
    color: #999;
}

.vacancy-page .vacancy-container .vacancy .form form {
    font-size: 0;
}

.vacancy-page .vacancy-container .vacancy form button {
    vertical-align: bottom;
    margin-bottom: 15px;
}

.vacancy-page .vacancy-container .vacancy form .button {
    width: 150px;
    font-weight: bold !important;
}

.vacancy-page .vacancy-container .vacancy form .form-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: min-content;
    max-width: 1440px;
}

@media (max-width: 640px) {
    .vacancy-page .vacancy-container .vacancy form .form-container {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}

.vacancy-page .vacancy-container .vacancy form label {
    display: inline-block;
    font: bold 14px/20px Arial, sans-serif;
    color: #333;
    vertical-align: bottom;
}

.vacancy-page .vacancy-container .vacancy form label span {
    display: block;
    margin: 0 0 5px;
    font: bold 14px/20px Arial, sans-serif;
}

.vacancy-page .vacancy-container .vacancy form label input[type=text] {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 5px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    border-radius: 2px;
}

.vacancy-page .vacancy-container .vacancy form label.error {
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    font: 12px Arial, sans-serif;
    color: #fff;
}

.vacancy-page .vacancy-container .vacancy form .name,
.vacancy-page .vacancy-container .vacancy form .email,
.vacancy-page .vacancy-container .vacancy form .phone,
.vacancy-page .vacancy-container .vacancy form .submit,
.vacancy-page .vacancy-container .vacancy form .resume {
    min-width: 220px;
    width: 220px;
    position: relative;
    display: inline-block;
    margin: 0px 20px 30px 10px;
}

@media (max-width: 640px) {
    .vacancy-page .vacancy-container .vacancy form .name,
    .vacancy-page .vacancy-container .vacancy form .email,
    .vacancy-page .vacancy-container .vacancy form .phone,
    .vacancy-page .vacancy-container .vacancy form .submit,
    .vacancy-page .vacancy-container .vacancy form .resume {
        margin: 10px auto !important;
    }
}

.vacancy-page .vacancy-container .vacancy form .resume {
    cursor: pointer;
    align-content: end;
}

.vacancy-page .vacancy-container .vacancy form .resume input {
    width: 1px;
    height: 1px;
    width: 220px;
    opacity: 0.01;
    outline: none !important;
    display: block;
}

.vacancy-page .vacancy-container .vacancy form .resume span {
    position: relative;
    margin: 0 0;
    white-space: nowrap;
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font: bold 14px/30px Arial, sans-serif;
    color: #4567a7;
    letter-spacing: -0.015em;
    display: flex;
    flex-direction: row;
    width: fit-content;
}

.vacancy-page .vacancy-container .vacancy form .resume span:before {
    transition: all 0.15s linear;
    width: 14px;
    height: 25px;
    background: url(/local/css/../images/sprite.svg) -62px -104px no-repeat;
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
}

.vacancy-page .vacancy-container .vacancy form .resume #resume-close-button {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -106px -183px no-repeat;
    content: '';
    margin: 0 0 0 16px;
    align-self: center;
}

.vacancy-page .vacancy-container .vacancy form .resume #resume-error {
    top: 30px;
}

.vacancy-page .vacancy-container .vacancy form .resume:hover span:before {
    transform: rotate(15deg);
}

@media (min-width: 641px) {
    .vacancy-page .vacancy-container .vacancy .submit {
        margin: 0 20px 0 20px !important;
    }
}

.vacancy-page .vacancy-container .vacancy.opened {
    z-index: 10;
}

.vacancy-page .vacancy-container .vacancy.opened .description {
    max-height: 1200px;
    padding-bottom: 4px;
}

.vacancy-page .vacancy-container .vacancy.opened .description:after {
    height: 0;
}

.vacancy-page .vacancy-container .vacancy.opened:before {
    opacity: 0;
}

.vacancy-page .vacancy-container .vacancy.opened:after {
    box-shadow: 0 0 0 19px #fff, 0 0 0 21px #fecc00;
}

.vacancy-page .vacancy-container .vacancy.opened .title {
    color: #000;
}

.vacancy-page .vacancy-container .vacancy.opened .title:after {
    transform: rotate(180deg);
}

.vacancy-page .vacancy-container .vacancy.opened .form {
    border-top-color: #fecc00;
    height: min-content;
    padding: 8px 11px 2px 11px;
}

/**
 * Услуги
 */
.service-page .right-panel {
    padding: 30px;
}

.service-page .right-panel > .text-block > p:first-child {
    font: normal 16px/24px Arial, sans-serif;
    margin-bottom: 18px;
}

.service-page .service-list {
    padding-top: 9px;
}

.service-page .service {
    transition: all 0.3s linear;
    position: relative;
    z-index: 1;
    margin: 21px 0 38px;
    padding: 5px 10px 7px;
}

.service-page .service:before {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: -19px;
    background: #ccc;
}

.service-page .service .title {
    transition: all 0.3s linear;
    display: inline-block;
    position: relative;
    padding-right: 20px;
    font: bold 16px/24px Arial, sans-serif;
    color: #393186;
    cursor: pointer;
}

.service-page .service .description {
    transition: all 0.5s linear;
    position: relative;
    padding: 8px 0 10px;
    font: 13px/20px Arial, sans-serif;
    color: #666;
    max-height: 35px;
    overflow: hidden;
}

/**
 * Список сравнения
 */
.compare-page .exist-gallery {
    height: 170px;
    overflow: hidden;
}

.compare-page .bx-wrapper .exist-gallery {
    height: auto;
    overflow: initial;
}

.compare-page .price-new {
    padding-top: 18px;
}

.compare-page .price-old + .price-new {
    padding-top: 0;
}

.compare-page .page-content {
    background: #fff;
    padding: 0 20px 50px 30px;
    position: relative;
}

.compare-page .tabs.main {
    margin-top: 0;
}

.compare-page .tabs.main .tabs-caption {
    margin-right: -20px;
}

.compare-page .tabs.main .tabs-caption li {
    padding: 0 27px;
    height: 53px;
    font-size: 16px;
    line-height: 50px;
}

.compare-page .tabs.main .tabs-caption li.active span.count,
.compare-page .tabs.main .tabs-caption li:hover span.count {
    background: #fecc00;
}

.compare-page .tabs.main .tabs-caption li span.count {
    display: inline-block;
    padding: 1px 5px 0;
    position: relative;
    top: -1px;
    background: #fff;
    font: bold 10px/14px Arial, sans-serif;
    color: #000;
    border-radius: 4px;
}

.compare-page .tabs.main .tabs-content {
    padding: 20px 0;
}

.compare-page .tabs.main .tabs-content .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    position: relative;
}

.compare-page .left-col {
    max-width: 211px;
    box-sizing: border-box;
    padding: 0 20px 0 0;
    margin-right: -224px;
}

.compare-page .left-col h3 {
    margin: 0;
    font: bold 16px/24px Arial, sans-serif;
    color: #000;
}

.compare-page .left-col .manage {
    background: #f7f7f7;
    padding: 25px 20px;
    box-sizing: border-box;
    height: 338px;
}

.compare-page .left-col .manage h3 {
    margin-bottom: 13px;
}

.compare-page .left-col .manage a {
    font: 14px/18px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.compare-page .left-col .manage a.print {
    width: 138px;
    margin: 13px 0 22px;
    height: 31px;
    line-height: 29px;
    color: #000;
}

.compare-page .left-col .manage a.print:hover {
    color: #fecc00;
}

.compare-page .left-col .manage a.print:hover span:before {
    opacity: 0;
}

.compare-page .left-col .manage a.print:hover span:after {
    opacity: 1;
}

.compare-page .left-col .manage a.print span {
    position: relative;
    padding-left: 27px;
}

.compare-page .left-col .manage a.print span:before,
.compare-page .left-col .manage a.print span:after {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    top: -1px;
    left: 2px;
}

.compare-page .left-col .manage a.print span:before {
    width: 17px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -23px -162px no-repeat;
}

.compare-page .left-col .manage a.print span:after {
    width: 17px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -2px -162px no-repeat;
    opacity: 0;
}

.compare-page .left-col .manage a.clear-list {
    padding-left: 20px;
    position: relative;
}

.compare-page .left-col .manage a.clear-list:before {
    transition: all 0.3s linear;
    width: 10px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -226px -63px no-repeat;
    content: '';
    position: absolute;
    top: 3px;
    left: 1px;
}

.compare-page .left-col .manage a.clear-list:hover:before {
    transform: rotate(90deg);
}

.compare-page .left-col .manage a.back {
    padding-left: 20px;
    position: relative;
    display: block;
    margin-top: 12px;
}

.compare-page .left-col .manage a.back:before {
    transition: all 0.2s linear;
    width: 12px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -178px -204px no-repeat;
    content: '';
    position: absolute;
    top: 5px;
    left: 1px;
}

.compare-page .left-col .manage a.back:hover:before {
    left: -2px;
}

.compare-page .left-col .characteristics-block {
    margin-top: 45px;
}

.compare-page .left-col .characteristics-block h3 {
    line-height: 22px;
    padding-left: 20px;
}

.compare-page .left-col .characteristics-block .toggle {
    margin-top: 14px;
}

.compare-page .left-col .characteristics-block .toggle .disable {
    opacity: 0;
    z-index: -1;
    position: relative;
}

.compare-page .left-col .characteristics-block .toggle a {
    height: 30px;
    background: #91949b;
    text-align: center;
    font: bold 14px/30px Arial, sans-serif;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.compare-page .left-col .characteristics-block .toggle a.all {
    width: 90px;
}

.compare-page .left-col .characteristics-block .toggle a.distinctions {
    width: 100px;
}

.compare-page .left-col .characteristics-block .toggle a:last-child {
    margin-left: -4px;
}

.compare-page .left-col .characteristics-block .toggle a.active,
.compare-page .left-col .characteristics-block .toggle a:hover {
    background: #f7f7f7;
    color: #000;
}

.compare-page .left-col .characteristics-block .characteristics {
    background: #f7f7f7;
    padding: 39px 0 20px;
}

.compare-page .left-col .characteristics-block .characteristics > div {
    margin: 0 -30px 0 0;
    padding-right: 30px;
    padding-left: 20px;
    border-color: #d9d9d9;
    font-weight: bold;
}

.compare-page .left-col .characteristics-block .characteristics > div:last-child {
    height: 41px;
}

.compare-page .left-col .characteristics-block .characteristics > div:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -33px;
    right: 0;
    height: 1px;
    background: #d9d9d9;
}

.compare-page .right-col {
    width: 660px;
    padding: 40px 0;
    justify-content: space-between;
}

.compare-page .product-list.block .product-block {
    margin: 0 12px;
    height: auto;
    vertical-align: top;
}

.compare-page .product-list.block .product-block h3 {
    min-height: 36px;
}

.compare-page .product-list.block .product-block:before {
    display: none;
}

.compare-page .product-list.block .product-block:hover .product-container {
    position: relative;
}

.compare-page .product-list.block .product-block .notton,
.compare-page .product-list.block .product-block .button {
    display: block;
}

.compare-page .product-list.block .product-block .action {
    position: relative;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    margin-top: 26px;
    padding-left: 10px;
}

.compare-page .product-list.block .product-block .action a {
    display: block;
    position: relative;
    padding-left: 23px;
    font: 14px/18px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    background: none;
}

.compare-page .product-list.block .product-block .action a.remove {
    margin-top: 7px;
}

.compare-page .product-list.block .product-block .action a.remove:before {
    transition: all 0.3s linear;
    width: 10px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -226px -63px no-repeat;
    content: '';
    position: absolute;
    top: 3px;
    left: 1px;
}

.compare-page .product-list.block .product-block .action a.remove:hover:before {
    transform: rotate(90deg);
}

.compare-page .product-list.block .product-block .action a.favorite {
    margin: 7px 0 0 0;
    opacity: 1;
}

.compare-page .product-list.block .product-block .action a.favorite:before {
    transition: transform 0.3s linear;
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -86px -183px no-repeat;
    content: '' !important;
    display: block !important;
    position: absolute;
    top: 0;
    left: -2px;
    opacity: 1;
}

.compare-page .product-list.block .product-block .action a.favorite:hover:before {
    transform: rotate(73deg);
}

.compare-page .product-list.block .product-block .action a.favorite.active:before {
    width: 16px;
    height: 16px;
    background: url(/local/css/../images/sprite.svg) -102px -204px no-repeat;
}

.compare-page .product-list.block .product-block .action a.favorite:after {
    display: none;
}

.compare-page .product-list.block .product-block .characteristics {
    margin-top: 21px;
}

.compare-page .characteristics > div {
    height: 40px;
    border-top: 1px solid #d9d9d9;
    font: 14px/18px Arial, sans-serif;
    color: #666;
    box-sizing: border-box;
    margin: 0 -20px;
    padding: 11px 27px;
}

.compare-page .characteristics > div:last-child {
    height: 41px;
    position: relative;
}

.compare-page .characteristics > div:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -33px;
    right: 0;
    height: 1px;
    background: #d9d9d9;
}

.compare-page .characteristics > div.distinction {
    background: #e8edf4;
}

.compare-page .right-col.product-list-scroll {
    margin-left: 224px;
    width: calc(100% - 220px);
    padding-bottom: 0;
}

.compare-page .right-col.product-list-scroll .product-list.block {
    flex-wrap: nowrap;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 30px;
}

.compare-page .tabs.main .tabs-content {
    overflow: hidden;
}

.compare-page .product-list.block {
    display: block;
    white-space: nowrap;
}

.compare-page .product-list.block .product-block {
    min-width: 190px;
    display: inline-block;
}

.compare-page .product-list.block .product-block .header {
    height: 401px;
    position: relative;
    z-index: 3;
}

.compare-page .product-list.block .product-block .header h3 {
    white-space: normal;
}

.compare-page .product-list.block .product-block .product-container:after {
    box-shadow: none;
}

.compare-page .product-list.block .product-block:hover .product-container:after {
    box-shadow: 0 0 0 2px #fecc00;
    z-index: 2;
    top: -20px;
    bottom: -20px;
    left: -17px;
    right: -17px;
    outline: transparent;
    border: transparent;
}

.compare-page ._scrollbar ~ .baron_bar_h {
    opacity: 1;
}

.compare-page .baron_bar_h {
    opacity: 0;
    right: 0;
    width: calc(100% - 220px);
    position: absolute;
    height: 6px;
    background: #ececec;
}

.compare-page .baron_bar_h.on_top {
    top: 0;
}

.compare-page .baron_bar_h.on_bottom {
    bottom: -10px;
}

.compare-page .baron_bar_h > div {
    height: 6px;
    background: #393186;
    border-radius: 3px;
    position: absolute;
}

.compare-page .remove-all {
    width: 30px;
    height: 30px;
    transition: all 0.3s linear;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    right: 30px;
    top: 12px;
}

.compare-page .remove-all:before {
    transition: all 0.3s linear;
    opacity: 0;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #224b98 transparent transparent transparent;
    top: -18px;
    right: 8px;
}

.compare-page .remove-all:after {
    transition: all 0.3s linear;
    opacity: 0;
    background: #393186;
    color: #fff;
    font: 12px/16px Arial, sans-serif;
    content: attr(data-text);
    white-space: nowrap;
    padding: 6px 10px;
    top: -46px;
    right: -25px;
    text-align: center;
    position: absolute;
}

.compare-page .remove-all:hover {
    background: #393186;
}

.compare-page .remove-all:hover:after,
.compare-page .remove-all:hover:before {
    opacity: 1;
}

.compare-page .remove-all:hover span:before {
    opacity: 0;
}

.compare-page .remove-all:hover span:after {
    opacity: 1;
}

.compare-page .remove-all span:before,
.compare-page .remove-all span:after {
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -7px;
}

.compare-page .remove-all span:before {
    width: 14px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -189px -23px no-repeat;
}

.compare-page .remove-all span:after {
    width: 14px;
    height: 17px;
    background: url(/local/css/../images/sprite.svg) -189px -2px no-repeat;
    opacity: 0;
}

.delivery-page {
    font-family: Arial, sans-serif;
}

.delivery-page .content-area {
    overflow-x: hidden;
}

.delivery-page .select2-results__option {
    background: #fff !important;
}

.delivery-page .select2-results__option:hover {
    background: #f5f5f5 !important;
}

.delivery-page .select2-results__option[aria-selected=true] {
    background: #393186 !important;
    color: #fff;
}

.delivery-page .select2-selection__arrow {
    right: -7px !important;
}

.delivery-page .select2-selection__arrow b {
    width: 7px !important;
    height: 4px !important;
    background: url(/local/css/../images/sprite.svg) -226px -113px no-repeat !important;
}

.delivery-page .filters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -20px;
    padding: 0 20px;
    background: #fff;
}

.delivery-page .filters .two-in-line {
    max-width: 776px;
    width: 776px;
    padding: 0;
}

.delivery-page .filters .two-in-line .filter-unit {
    max-width: 358px;
    width: 358px;
    margin-right: 20px;
    align-items: flex-start;
}

.delivery-page .filters .two-in-line .filter-unit:nth-of-type(2n + 2) {
    margin-right: 0;
}

.delivery-page .filters .two-in-line .filter-unit select {
    visibility: hidden;
}

.delivery-page .filters .two-in-line .filter-unit .title {
    margin-bottom: 8px;
    display: flex;
}

.delivery-page .filters .two-in-line .filter-unit .title .help {
    position: relative;
    top: -3px;
    left: 7px;
}

.delivery-page .filters .two-in-line .filter-unit .title .help:hover {
    cursor: pointer;
}

.delivery-page .filters .two-in-line .filter-unit .title .help:after {
    width: 10px;
    height: 10px;
    background: url(/local/css/../images/sprite.svg) -226px -49px no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.delivery-page .filters .two-in-line .filter-unit .title .help .clue {
    display: none;
    width: 426px;
    max-width: 426px;
    position: absolute;
    box-sizing: border-box;
    z-index: 1000;
    background: #fff;
    padding: 0 23px;
    color: #717171;
    font-weight: normal;
    font-size: 12px;
    bottom: 22px;
    left: -50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 23px -16px rgba(0, 0, 0, 0.75);
}

.delivery-page .filters .two-in-line .filter-unit .title .help .clue.active {
    display: block;
}

.delivery-page .filters .two-in-line .filter-unit .title .help .clue .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.delivery-page .filters .two-in-line .filter-unit .title .help .clue .icon {
    margin-right: 23px;
}

.delivery-page .filters .two-in-line .filter-unit .title .help .clue:after {
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-top-color: #fff;
    left: 50%;
    top: 104%;
    transform: translate(-50%, -50%);
}

.delivery-page .filters .two-in-line .filter-unit .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}

.delivery-page .filters .submit-block {
    display: flex;
    box-sizing: border-box;
    max-width: 145px;
    max-height: 148px;
    padding-bottom: 24px;
    padding-top: 24px;
    height: 148px;
    flex-direction: column;
    justify-content: space-between;
}

.delivery-page .filters .submit-block .delivery-cost.success .title,
.delivery-page .filters .submit-block .delivery-cost.success .amount {
    display: block;
}

.delivery-page .filters .submit-block .delivery-cost.error .error-message {
    display: block;
}

.delivery-page .filters .submit-block .title {
    display: none;
    padding-top: 24px;
    margin-bottom: 7px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.delivery-page .filters .submit-block .amount {
    display: none;
    font-size: 28px;
    font-weight: bold;
    color: #393186;
    text-align: center;
}

.delivery-page .filters .submit-block .amount .rub {
    font-weight: normal;
}

.delivery-page .filters .submit-block .error-message {
    display: none;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #DC0C0C;
}

.delivery-page .form {
    position: relative;
    z-index: 1;
}

.delivery-page .form.loading:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    opacity: 0.6;
}

.delivery-page .form + .delivery-map-wrapper {
    margin-top: -84px;
}

.delivery-page .delivery-map-wrapper {
    position: relative;
    margin: 0 calc((100vw - 100%) / -2);
    padding-bottom: 20px;
    background: #d7d9e3;
}

.delivery-page .delivery-map-wrapper:before {
    width: 100%;
    height: 618px;
    content: "";
    display: inline-block;
}

.delivery-page .delivery-map-wrapper .delivery-map {
    width: 100%;
    height: calc(100% - 20px);
    position: absolute;
    top: 0;
    left: 0;
}

.delivery-page .text-block {
    padding: 20px 20px 30px;
    background: #fff;
}

.delivery-page .text-block h2 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}

@media screen and (max-height: 700px) {
    .delivery-page .delivery-map-wrapper:before {
        height: 309px;
    }
}

@media screen and (max-width: 940px) {
    .delivery-page .form + .delivery-map-wrapper {
        margin-top: 0;
    }

    .delivery-page .delivery-map-wrapper {
        padding-bottom: 0;
    }

    .delivery-page .delivery-map-wrapper .delivery-map {
        height: 100%;
    }
}

@media screen and (max-width: 768px) {
    .delivery-page .filters .submit-block {
        margin-right: 120px;
    }

    .delivery-page .filters .clue {
        width: 200px !important;
    }

    .delivery-page .delivery-map-wrapper:before {
        height: 309px;
    }
}

@media screen and (max-width: 480px) {
    .delivery-page .filters {
        flex-direction: column;
    }

    .delivery-page .filters .submit-block {
        margin-right: 0;
    }

    .delivery-page .filters .filter-line {
        flex-direction: column;
        width: 100% !important;
    }

    .delivery-page .filters .filter-line .filter-unit {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .delivery-page .filters .filter-line .filter-unit .select2-container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.bx-newsdetail-block {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    max-width: 1187px;
    padding: 0 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #333333;
    font-size: 18px;
    font-family: 'NotoSans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 27px;
    word-wrap: break-word;
}

@media (max-width: 940px) {
    .bx-newsdetail-block {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block {
        font-size: 14px;
        line-height: 22px;
    }
}

.bx-newsdetail-block h1 {
    margin: 0;
    margin-bottom: 44px;
    color: #333333;
    font-size: 30px;
    font-family: 'NotoSans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
}

@media (max-width: 940px) {
    .bx-newsdetail-block h1 {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block h1 {
        font-size: 18px;
        line-height: 22px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content p:not([class]) {
    display: block;
    margin: 0;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content p:not([class]) {
        margin-bottom: 20px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content p + div *:not([class]) {
    margin-top: 0;
}

.bx-newsdetail-block .bx-newsdetail-content a:not([class]) {
    font-size: 18px;
    font-family: 'NotoSans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 27px;
    color: #666;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border 0.3s ease-in-out;
}

.bx-newsdetail-block .bx-newsdetail-content a:not([class]):hover {
    border-bottom: 1px solid #666;
}

.bx-newsdetail-block .bx-newsdetail-content b {
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content b {
        font-size: 18px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content del {
    display: block;
    margin: 0;
    margin-bottom: 30px;
    padding: 42px 50px 41px;
    font-size: 20px;
    line-height: 30px;
    background-color: #e8e8e8;
    text-decoration: none;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content del {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content del {
        margin-bottom: 20px;
        padding: 28px 36px;
        font-size: 16px;
        line-height: 24px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content img:not([class]) {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
    object-fit: cover;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content img:not([class]) {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content img:not([class]) {
        margin: 30px 0;
    }
}

.bx-newsdetail-block .bx-newsdetail-content img:not([width]) {
    width: 100%;
    max-width: initial;
}

.bx-newsdetail-block .bx-newsdetail-content td > img:not([class]) + img:not([class]) {
    margin-top: 44px;
}

.bx-newsdetail-block .bx-newsdetail-content div:not([class]) {
    width: 100%;
    margin: 44px 0;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-wrap: nowrap;
    column-gap: 20px;
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content div:not([class]) {
        margin: 30px 0;
        flex-wrap: wrap;
        row-gap: 20px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content div:not([class]) > img {
    width: calc(50% - 10px);
    height: 351px;
    object-fit: cover;
    margin: 0;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content div:not([class]) > img {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content div:not([class]) > img {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .bx-newsdetail-block .bx-newsdetail-content div:not([class]) > img {
        height: 250px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content ol,
.bx-newsdetail-block .bx-newsdetail-content ul {
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
}

.bx-newsdetail-block .bx-newsdetail-content ol li,
.bx-newsdetail-block .bx-newsdetail-content ul li {
    position: relative;
    padding-left: 38px;
}

.bx-newsdetail-block .bx-newsdetail-content ol li:not(:last-child),
.bx-newsdetail-block .bx-newsdetail-content ul li:not(:last-child) {
    margin-bottom: 10px;
}

.bx-newsdetail-block .bx-newsdetail-content ol {
    counter-reset: myCounter;
}

.bx-newsdetail-block .bx-newsdetail-content ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter) '.';
    position: absolute;
    top: 0;
    left: 0;
}

.bx-newsdetail-block .bx-newsdetail-content ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #857FC3;
}

.bx-newsdetail-block .bx-newsdetail-content h2 {
    color: #333333;
    font-size: 19px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
}

.bx-newsdetail-block .bx-newsdetail-content .table-wrap {
    width: 100%;
    margin-bottom: 30px;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content .table-wrap {
        overflow-x: auto;
    }
}

.bx-newsdetail-block .bx-newsdetail-content table {
    width: 100%;
    border: none;
    color: #858585;
    font-size: 15px;
    font-family: 'NotoSans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 16px;
    word-wrap: normal;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content table {
        width: max-content;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content table {
        font-size: 12px;
        line-height: 14px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content table caption {
    width: 100%;
    height: 100%;
    padding: 16px 12px;
    background: rgba(15, 171, 220, 0.1);
    border-radius: 3px;
    margin-bottom: 5px;
    text-align: left;
    color: #333333;
    font-size: 13px;
    font-family: 'NotoSans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word;
}

.bx-newsdetail-block .bx-newsdetail-content table tbody tr {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    vertical-align: top;
    transition: background-color 0.3s ease-in-out;
}

.bx-newsdetail-block .bx-newsdetail-content table tbody tr:hover {
    background-color: #e8e8e8;
}

.bx-newsdetail-block .bx-newsdetail-content table tbody td {
    padding: 12px 10px;
    border: none;
    text-align: left;
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content table tbody td {
        padding: 8px 10px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content table.table-bordered,
.bx-newsdetail-block .bx-newsdetail-content table.table-bordered tbody tr,
.bx-newsdetail-block .bx-newsdetail-content table.table-bordered tbody td {
    border: 1px solid;
    border-bottom: 1px solid;
}

.bx-newsdetail-block .bx-newsdetail-content table.not-hover tbody tr {
    background: none;
}

.bx-newsdetail-block .bx-newsdetail-content table.text-center tbody td {
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.bx-newsdetail-block .bx-newsdetail-content table.text-center tbody td img + img {
    margin-top: 44px;
}

.bx-newsdetail-block .bx-newsdetail-content table.text-center tbody td > * {
    margin: auto;
}

.bx-newsdetail-block .bx-newsdetail-content iframe {
    width: 100% !important;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content iframe {
        height: 540px !important;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content iframe {
        margin-top: 30px;
        height: 400px !important;
    }
}

@media (max-width: 425px) {
    .bx-newsdetail-block .bx-newsdetail-content iframe {
        height: 250px !important;
    }
}

.bx-newsdetail-block .bx-newsdetail-content iframe + p {
    display: block;
    margin: 10px 0 45px !important;
    padding: 10px 50px 15px;
    background-color: rgba(232, 232, 232, 0.4);
    border-radius: 3px;
    font-family: 'notoSans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 19.5px;
    color: #333333;
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content iframe + p {
        margin: 15px 0 30px;
        padding: 10px 28px 15px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders {
    position: relative;
    z-index: 10;
    padding-bottom: 25px;
    margin-bottom: 45px;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__next {
    position: absolute;
    top: calc(50% - 170px - 20px);
    transform: translate(0, 50%);
    right: -20px;
    z-index: 20;
    width: 40px;
    height: 40px;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__next {
        display: none;
    }
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__next::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(-180deg);
    background-image: url("/local/css/../images/newseditor/slider/chevron-left.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__prev {
    position: absolute;
    z-index: 20;
    top: calc(50% - 170px - 20px);
    transform: translate(0, 50%);
    left: -20px;
    width: 40px;
    height: 40px;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__prev {
        display: none;
    }
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__prev::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("/local/css/../images/newseditor/slider/chevron-left.svg");
    background-repeat: no-repeat;
    background-position: center center;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__next:hover,
.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__prev:hover {
    background-color: #e8e8e8;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider {
    max-width: 1147px;
    height: 100%;
    margin-bottom: 10px;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper {
    margin: 0;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__content .article-slide__img {
    height: 714px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__content .article-slide__img {
        height: 500px;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__content .article-slide__img {
        height: 400px;
    }
}

@media (max-width: 425px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__content .article-slide__img {
        height: 280px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__desc {
    margin: 10px 0 0;
    padding: 10px 50px 15px;
    background-color: rgba(232, 232, 232, 0.4);
    border-radius: 3px;
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__desc {
        padding: 10px 28px 15px;
    }
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider .article-slider__wrapper .article-slide .article-slide__desc .article-slide__text {
    margin: 0;
    font-family: 'notoSans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 19.5px;
    color: #333333;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-thumbslider .article-thumbslider__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-gap: 15px;
    margin-bottom: 0;
    border-radius: 3px;
}

@media (max-width: 940px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-thumbslider .article-thumbslider__wrapper {
        max-height: 80px;
    }
}

@media (max-width: 768px) {
    .bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-thumbslider .article-thumbslider__wrapper {
        display: none;
    }
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-thumbslider .article-thumbslider__wrapper .article-thumbslide {
    max-height: 100%;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-thumbslider .article-thumbslider__wrapper .article-thumbslide .article-thumbslide__img {
    object-fit: cover;
    height: 114px;
    width: 100%;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__pagination .swiper-pagination-bullet {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e8e8e8;
    transition: background-color 0.3s ease-in-out;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__pagination .swiper-pagination-bullet-active {
    background-color: #393186;
}

.bx-newsdetail-block .bx-newsdetail-content .article-new__sliders .article-slider__pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
}

/****
 * Адаптивный дизайн
 ****/
@media screen and (max-width: 1170px) {
    footer .to-top {
        display: none;
    }
}

@media screen and (max-width: 940px) {
    .calculate .calculator .left-col {
        padding-right: 30px;
    }

    .width-wrap {
        width: 100%;
    }

    body {
        min-width: 320px;
    }

    header .header-wrapper {
        width: auto;
    }

    header .info,
    header .auth-line {
        display: none;
    }

    header .menu-items .catalog-menu .catalog-dropdown {
        left: -70px;
    }

    header .menu .width-wrap {
        width: auto;
    }

    header .menu .search-block,
    header .menu .menu-items > li:not(.catalog) {
        display: none;
    }

    .footer-assortment {
        display: block;
    }

    footer {
        height: auto;
        padding-bottom: 10px;
    }

    footer .menu,
    footer .info {
        width: auto;
        margin: 0 auto;
        padding-left: 10px;
        flex-grow: 1;
    }

    .content-area h1 {
        padding: 0 10px;
    }

    .main-page .slider {
        height: auto;
    }

    .main-page .slider .bx-wrapper,
    .main-page .slider .slides {
        height: auto;
    }

    .main-page .slider .slide {
        display: block;
        height: auto;
    }

    .main-page .slider .slide .button {
        margin: 10px 0 0;
        white-space: normal;
    }

    .catalog-blocks .block {
        width: 320px;
        max-width: 320px;
        margin: 0 auto 20px;
    }

    .catalog-blocks .block:hover {
        background: #fff;
    }

    .catalog-blocks .block .sections {
        columns: 1;
    }

    .catalog-blocks .block .button {
        opacity: 1;
    }

    .catalog-list-page .right-panel .header .view {
        display: none;
    }

    .column {
        width: 345px;
    }

    .vacancy-page .vacancy {
        padding: 5px 0 7px;
    }

    .vacancy-page .vacancy .form {
        padding: 0 8px;
        margin: 0 -18px -23px;
    }

    .vacancy-page .vacancy .form .row {
        width: 31%;
        margin-right: 10px;
    }

    .vacancy-page .vacancy .form label {
        width: 100%;
    }

    .vacancy-page .vacancy.opened .form {
        padding: 11px 8px;
    }

    .contacts-page .content-area .width-wrap-contact {
        left: 0;
    }

    .catalog-list-page .product-list.table .product-block .description .bottom {
        flex-wrap: wrap;
    }

    .catalog-list-page .product-list.table .product-block .description .button.card {
        margin-right: 0;
    }

    .catalog-list-page .product-list.block {
        justify-content: space-between;
    }

    footer .info .creator .slon {
        cursor: default;
    }

    footer .game {
        display: none;
    }

    .personal-page .page-content.paneled {
        display: block;
    }

    .personal-page .page-content.paneled .header > div.order {
        width: 46%;
    }

    .personal-page .page-content.paneled .left-panel {
        width: auto;
        margin: 0 10px 30px;
    }

    .personal-page .page-content.paneled .right-panel {
        margin: 0 !important;
        border-top: 1px solid transparent;
    }

    .personal-page .page-content.paneled .right-panel .products .header > div.col-2 {
        width: 12%;
    }

    .personal-page ul.navigation li {
        border-bottom: none;
        display: inline-block;
    }

    .personal-page ul.navigation li a {
        padding: 10px 15px 10px;
    }

    .personal-page ul.navigation li a:before {
        display: none;
    }

    .personal-page .page-content.list a.remove-all:after {
        right: -30px;
    }

    .catalog-detail-page .page-content > .block {
        justify-content: flex-start;
    }

    .catalog-detail-page .page-content > .block .photo-section {
        margin-right: 20px;
    }

    .catalog-detail-page .page-content > .block .about-section {
        max-width: none;
        order: 1;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0;
        margin-top: 15px;
    }

    .catalog-detail-page .page-content > .block .about-section .header {
        display: none;
    }

    .catalog-detail-page .page-content > .block .about-section .services {
        margin-right: 20px;
        max-width: 270px;
    }

    .catalog-detail-page .page-content > .block .about-section .services .header {
        display: block;
    }

    .catalog-detail-page .page-content > .block .about-section .options {
        order: 1;
    }

    .cart-page .cart-table .header {
        display: none;
    }

    .cart-page .cart-table .product .photo {
        float: left;
    }

    .cart-page .cart-table .product .description {
        float: left;
        width: 300px;
    }

    .cart-page .cart-table .product .delimiter {
        width: 0 !important;
        height: 0 !important;
        display: block !important;
        clear: both !important;
        background: transparent;
    }

    .cart-page .cart-table .product .price {
        padding-top: 5px;
    }

    .cart-page .cart-table .product .weight {
        padding-top: 5px;
    }

    .cart-page .cart-table .product .count {
        padding-top: 0;
    }

    .cart-page .cart-table .product .total {
        padding-top: 1px;
        padding-right: 0;
    }

    .order-page .step-form .one {
        width: calc(50% - 20px);
    }

    .order-page .step-form .one + .one {
        width: calc(50% - 20px);
    }

    .order-page .step-form .one + .one + .one {
        width: calc(50% - 20px);
    }

    .order-page .step-form .two {
        width: calc(100% - 20px);
    }

    .order-page .step-form .three {
        width: calc(100% - 20px);
    }

    .order-page .step-form .clear {
        display: none !important;
    }

    .order-page .radio-group .title {
        margin-right: 5px;
    }

    .order-page .radio-group .radio + .radio {
        padding-left: 15px;
    }

    .order-page .inner-block .left-block {
        width: auto;
        margin-right: -20px;
    }

    .order-page .inner-block .right-block {
        width: auto;
        float: none;
    }

    .order-page .inner-block .right-block .icon {
        margin: 4px 12px 0 0;
    }

    .order-page .inner-block .right-block .icon,
    .order-page .inner-block .right-block label {
        vertical-align: top;
        display: inline-block;
    }

    .order-page .inner-block .right-block label {
        width: 150px !important;
        margin: 0 15px 0 0;
    }

    .order-page .inner-block .right-block label + label {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .contacts-page .content-area {
        min-height: 634px;
    }

    .contacts-page .content-area .width-wrap {
        min-height: 634px;
    }
}

@media screen and (max-width: 750px) {
    .contacts-page .contacts {
        display: block;
        margin-top: 24px;
    }

    .contacts-page .map {
        position: relative;
        height: 400px;
    }

    .contacts-page .content-area {
        min-height: initial;
    }

    .contacts-page .content-area h1 {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .contacts-page .content-area .width-wrap {
        min-height: initial;
    }

    .contacts-page .content-area .width-wrap-contact {
        padding-bottom: 25px;
        height: auto;
    }

    .contacts-page .content-area .width-wrap {
        height: auto;
        background: transparent;
    }

    .calculate .calculator .left-col {
        padding: 15px;
    }

    .calculate .calculator .right-col {
        max-width: 230px;
    }

    header .menu-items .catalog-menu .catalog-dropdown {
        overflow-y: hidden;
    }

    header .menu-items .catalog-menu .catalog-dropdown .second-levels,
    header .menu-items .catalog-menu .catalog-dropdown .third-levels {
        padding: 1px 0;
        border-left: none;
    }

    header .menu-items .catalog-menu .catalog-dropdown .second-level,
    header .menu-items .catalog-menu .catalog-dropdown .third-level {
        padding: 1px 0;
        min-height: 100%;
        border-left: 1px solid #a6b1c7;
        background: #d1d2d7;
        margin-left: -200px;
    }

    header.menu-collapsed .info-block.favorites {
        display: none;
    }

    .catalog-page .page-content {
        width: 355px;
    }

    .catalog-page .column {
        width: 345px;
        margin: auto;
    }

    .catalog-page .column:first-child .section:last-child h3:before {
        opacity: 1;
    }

    .vacancy-page .vacancy .description {
        transition: all 0 linear;
    }

    .vacancy-page .vacancy .form {
        transition: all 0 linear;
    }

    .vacancy-page .vacancy.opened .description {
        max-height: initial;
    }

    .vacancy-page .vacancy.opened .form {
        height: auto;
    }

    .vacancy-page .vacancy.opened .form .row {
        width: 33%;
    }

    .catalog-list-page {
        /*
    .toogle-filter {
        display: block;
    }
    */
    }

    .catalog-list-page .page-content h2 a {
        margin: 10px 0 0;
        padding-left: 0;
        border-left: none;
        display: inline-block;
        white-space: nowrap;
    }

    .personal-page .page-content.home .block h2,
    .personal-page .page-content.home .block .row,
    .personal-page .page-content.home .block .row.link > a,
    .personal-page .page-content.home .block.discount-card > span {
        padding-left: 15px;
        padding-right: 15px;
    }

    .personal-page .page-content.home .block h2:before,
    .personal-page .page-content.home .block .row:before {
        left: 15px;
        right: 15px;
    }

    .personal-page .page-content .order .product .more {
        width: 50%;
    }

    .catalog-detail-page .page-content .tabs-content.services .service .description {
        max-width: none;
    }

    .catalog-detail-page .page-content .tabs-content.services .service .numeric-input,
    .catalog-detail-page .page-content .tabs-content.services .service .buy {
        display: inline-block;
        min-height: 0;
        padding: 0;
        width: 48%;
        text-align: right;
    }

    .catalog-detail-page .page-content .tabs-content.services .service .numeric-input:before {
        display: none;
    }

    .order-page .page-content.paneled.panel-reverted .left-panel {
        margin-right: 10px;
        margin-left: 10px;
    }

    .order-page .page-content.paneled.panel-reverted .left-panel .column-content {
        width: 100%;
    }

    .order-page .step-form .select2-container {
        width: 100% !important;
    }
}

@media screen and (max-width: 640px) {
    .personal-page .page-content .products.deferred .product .description {
        width: calc(100% - 75px);
    }

    .personal-page .page-content .form.addresses.contragent .row.email {
        margin-left: 0;
    }

    .calculate .calculator {
        flex-direction: column;
    }

    .calculate .calculator .left-col,
    .calculate .calculator .right-col {
        max-width: none;
    }

    .main-page .slider .slide {
        font: 24px/28px Arial, sans-serif;
    }

    .main-page .catalog-blocks .block {
        padding: 12px 30px;
    }

    .main-page .catalog-blocks .block h2 {
        position: relative;
        border-bottom-color: transparent;
    }

    .main-page .catalog-blocks .block h2:after {
        width: 12px;
        height: 7px;
        background: url(/local/css/../images/sprite.svg) -226px -18px no-repeat;
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -3px;
    }

    .main-page .catalog-blocks .block .sections,
    .main-page .catalog-blocks .block .button {
        display: none;
    }

    .main-page .catalog-blocks .block.opened h2 {
        border-bottom-color: #e5e5e5;
    }

    .main-page .catalog-blocks .block.opened .sections {
        display: block;
    }

    .main-page .catalog-blocks .block.opened .button {
        display: inline-block;
    }

    .main-page .catalog-blocks .block.opened .button {
        margin-bottom: 18px;
    }

    footer .width-wrap {
        padding: 0;
    }

    footer .info {
        flex-grow: 0;
    }

    footer .menu {
        display: none;
    }

    .catalog-page .catalog-blocks {
        columns: 1;
    }

    .vacancy-page .vacancy.opened .form {
        height: auto;
    }

    .vacancy-page .vacancy.opened .form form {
        display: flex;
        flex-direction: column;
    }

    .vacancy-page .vacancy.opened .form .row {
        display: block;
        width: 260px;
        margin: 0 auto 10px;
        order: 1;
    }

    .vacancy-page .vacancy.opened .form button {
        order: 2;
        margin: 15px auto;
    }

    .page-content.paneled .right-panel {
        margin: 0;
    }

    .catalog-list-page .product-list.block {
        justify-content: space-around;
    }

    .catalog-list-page .toogle-filter {
        display: none;
    }

    .text-page .text-block .picture {
        margin-left: 0;
    }

    .personal-page .page-content.home .block {
        margin: auto;
        width: 100%;
        height: auto;
    }

    .personal-page .right-panel {
        flex-direction: column;
    }

    .personal-page .right-panel .row {
        width: 100% !important;
    }

    .personal-page .right-panel .search-block form .row.submit button {
        width: 100%;
    }

    .personal-page .right-panel .header {
        margin-top: 20px;
        border-top-color: transparent !important;
    }

    .personal-page .right-panel .header > div {
        display: none;
    }

    .personal-page .right-panel .order {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .personal-page .right-panel .order > div {
        margin-top: 20px;
    }

    .personal-page .right-panel .order > div.description {
        margin-top: 0;
        display: block;
        width: 100%;
    }

    .personal-page .right-panel .order > div.price,
    .personal-page .right-panel .order > div.status {
        width: 41%;
        text-align: left;
    }

    .personal-page .right-panel .order > div.action {
        width: 15%;
    }

    .personal-page .right-panel .order .products .product .description {
        width: 70%;
    }

    .personal-page .right-panel .order .products .product .more {
        width: 100%;
        min-height: 0;
        display: block;
        border-left: none;
    }

    .personal-page .right-panel .order .products .product .more > span:nth-child(2) {
        text-align: right;
    }

    .personal-page .right-panel .order .products .product .more > span:nth-child(3) {
        text-align: left;
    }

    .personal-page .right-panel .product:after {
        content: '';
        display: table;
        clear: both;
    }

    .personal-page .right-panel .product .description {
        width: 70%;
    }

    .personal-page .right-panel .product .delimiter {
        display: block;
    }

    .personal-page .right-panel .product .more {
        width: auto;
        min-width: 300px;
        margin-top: 25px;
        border-left: none !important;
        float: right;
    }

    .personal-page .right-panel .bottom {
        justify-content: flex-end;
    }

    .personal-page .right-panel .bottom .fine {
        padding-right: 15px;
    }

    .personal-page .right-panel ul.menu li:last-child {
        float: none;
    }

    .catalog-detail-page .page-content .product-list.block {
        justify-content: space-around;
    }

    .catalog-detail-page .page-content .block {
        justify-content: space-around;
    }

    .catalog-detail-page .page-content .block .photo-section {
        margin-right: 0;
    }

    .catalog-detail-page .page-content .block .about-section {
        max-width: 270px;
        padding: 0 22px 15px;
        display: block;
        order: 0;
        width: 100%;
        margin-top: 0;
    }

    .catalog-detail-page .page-content .block .about-section .header {
        display: block;
    }

    .catalog-detail-page .page-content .block .about-section .services {
        margin-right: 0;
        max-width: none;
    }

    .catalog-detail-page .page-content .block .about-section .services .header {
        display: none;
    }

    .catalog-detail-page .page-content .block .about-section .options {
        order: 0;
    }

    .catalog-detail-page .page-content .block .stocks-section {
        margin-top: 15px;
    }

    .total-block {
        flex-direction: column;
        align-items: flex-end;
    }

    .total-block .info {
        width: 253px;
    }

    .total-block .order-block {
        padding-top: 20px;
    }

    .contacts-page .content-area {
        min-height: initial;
        /*height: 400px;*/
    }

    .contacts-page .content-area .width-wrap {
        min-height: initial;
        /*height: 400px;*/
    }
}

@media screen and (max-width: 540px) {
    .cart-page .cart-table .product {
        text-align: left;
    }

    .cart-page .cart-table .product .photo {
        float: none;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: calc(100% - 110px);
        display: block;
    }

    .cart-page .cart-table .product .description {
        width: auto;
        padding: 10px 0 0;
    }

    .cart-page .cart-table .product .price {
        width: 70px;
        text-align: right;
        padding-top: 15px;
    }

    .cart-page .cart-table .product .weight {
        width: 50px;
        text-align: left;
        padding-top: 15px;
        padding-left: 5px;
    }

    .cart-page .cart-table .product .count {
        width: 120px;
        padding-top: 10px;
    }

    .cart-page .cart-table .product .total {
        width: 120px;
        padding-top: 11px;
        text-align: center;
    }

    .cart-page .cart-table .product .adaptive-delim {
        display: block !important;
        clear: both;
    }

    .cart-page .cart-table .product .product-service {
        padding: 20px;
    }

    .cart-page .cart-table .product .product-service .photo {
        margin: 0 auto;
        clear: both;
        display: block;
    }

    .cart-page .cart-table .product .product-service .description {
        width: auto;
        padding: 10px 0 0;
    }

    .order-page .order-footer {
        flex-direction: column;
    }

    .order-page .order-footer .button {
        display: block;
        width: 200px;
        margin: 10px auto;
    }

    .order-page .radio-group .radio {
        display: block;
        padding: 10px 0 10px 15px;
    }

    .order-page .radio-group .nonbreaking-row {
        display: block;
    }

    .order-page .inner-block .right-block {
        padding: 15px;
    }

    .order-page .inner-block .right-block .icon {
        width: 28px;
        height: 27px;
    }

    .order-page .inner-block .right-block .icon:after {
        transform: scale(0.5);
    }
}

@media screen and (max-width: 480px) {
    .calculate .calculator .row {
        width: 100% !important;
    }

    header .menu-items .catalog-menu {
        position: static;
    }

    header .menu-items .catalog-menu .catalog-dropdown {
        left: -5px;
    }

    .catalog-list-page .right-panel .header .view {
        margin-top: 12px;
        float: none;
    }

    .catalog-list-page .product-list.table .product-block {
        flex-direction: column;
    }

    .catalog-list-page .product-list.table .product-block.in-action .photo:before {
        bottom: -5px;
    }

    .catalog-list-page .product-list.table .product-block .description {
        padding: 0;
    }

    .catalog-list-page .product-list.table .product-block.no-photo .description {
        padding: 0 15px;
    }

    .catalog-list-page .page-content .toogle-filter {
        display: none;
    }

    .catalog-list-page .page-content .left-panel.floating .column-content.filter {
        position: static !important;
        width: 100%;
        border: none;
    }

    .catalog-list-page .page-content .left-panel.floating.on-bottom .column-content.filter {
        position: static !important;
        width: 100%;
        border: none;
    }

    .catalog-list-page .page-content ul.tabs li a {
        padding: 18px 12px;
    }

    .personal-page .page-content .search-block h3 .reset:after {
        content: attr(data-short);
    }

    .personal-page .page-content.list .right-panel {
        padding: 15px;
    }

    .personal-page .page-content.list .right-panel .add-new-address {
        margin: 0 -10px;
    }

    .personal-page .page-content.list .right-panel .tabs.main ul.tabs-caption {
        margin: 0px -15px;
        padding: 0 15px;
    }

    .catalog-detail-page .page-content .tabs.main ul.tabs-caption li {
        display: block;
        margin-left: 0;
    }

    .catalog-detail-page .page-content .tabs-content.services .service {
        display: block;
    }

    .catalog-detail-page .page-content .tabs-content.services .service:after {
        display: table;
        clear: both;
        content: '';
    }

    .catalog-detail-page .page-content .tabs-content.services .service .photo {
        display: none;
    }

    .catalog-detail-page .page-content .tabs-content.services .service .description {
        max-width: 82%;
    }

    .catalog-detail-page .page-content .tabs-content.services .service div.price {
        margin-bottom: 0;
        float: right;
    }

    .catalog-detail-page .page-content .tabs-content.services .service div.price:before {
        display: none;
    }

    .catalog-detail-page .page-content .tabs-content.services .service .numeric-input {
        text-align: left;
    }

    .order-page .right-panel h2 {
        padding: 20px 20px 13px;
    }

    .order-page .step-form .one {
        width: calc(100% - 20px);
    }

    .order-page .step-form .one + .one {
        width: calc(100% - 20px);
    }

    .order-page .step-form .one + .one + .one {
        width: calc(100% - 20px);
    }

    .order-page .step-form .two {
        width: calc(100% - 20px);
    }

    .order-page .step-form .three {
        width: calc(100% - 20px);
    }

    .order-page .step-form .clear {
        display: none !important;
    }

    .order-page .inner-block {
        padding: 18px 20px 0;
    }

    .order-page .inner-block:before {
        left: 20px;
        right: 20px;
    }

    .order-page .inner-block .right-block label {
        margin-bottom: 10px;
        width: 100% !important;
        display: block;
    }

    .order-page .inner-block .right-block .icon {
        display: none;
    }

    .compare-page .page-content {
        padding: 0 0 50px;
    }

    .compare-page .page-content .manage {
        padding: 10px;
    }

    .compare-page .page-content .manage a {
        font: 12px/18px Arial, sans-serif;
    }

    .compare-page .page-content .characteristics > div {
        padding: 11px 5px;
        margin: 0;
    }

    .compare-page .left-col {
        max-width: 150px;
        padding: 0 5px 0 0;
    }

    .compare-page .left-col .characteristics-block h3 {
        padding-left: 0;
        text-align: center;
    }

    .compare-page .left-col .characteristics-block .characteristics > div {
        padding-left: 5px;
        margin: 0;
        font-weight: normal;
    }

    .compare-page .left-col .characteristics-block .toggle a {
        width: 100% !important;
    }

    .compare-page .left-col .characteristics-block .toggle a:last-child {
        margin: 0;
    }

    .compare-page .right-col.product-list-scroll {
        margin-left: 155px;
        width: calc(100% - 150px);
    }

    .compare-page .right-col.product-list-scroll .product-list.block {
        padding: 0 0 30px;
    }

    .compare-page .right-col.product-list-scroll .product-block {
        width: 150px;
        min-width: initial;
    }

    .compare-page .right-col.product-list-scroll .product-block .photo,
    .compare-page .right-col.product-list-scroll .product-block .photo-stub,
    .compare-page .right-col.product-list-scroll .product-block .one-photo {
        width: 95px;
        height: 85px;
    }

    .compare-page .right-col.product-list-scroll .product-block .one-photo img {
        max-width: 95px;
        line-height: 85px;
        vertical-align: top;
    }

    .compare-page .right-col.product-list-scroll .product-block .photo-stub {
        background-size: 50%;
    }

    .compare-page .right-col.product-list-scroll .product-block .header {
        height: 457px;
    }

    .compare-page .right-col.product-list-scroll .product-block .product-container {
        width: 150px;
    }

    .compare-page .right-col.product-list-scroll .product-block .button.transparent-yellow {
        width: 100%;
    }

    .compare-page .right-col.product-list-scroll .product-block .action a {
        font: 12px/18px Arial, sans-serif;
    }

    .compare-page .baron_bar_h {
        width: calc(100% - 150px);
    }

    .compare-page .tabs.main .tabs-caption li {
        padding: 0 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 360px) {
    .personal-page .page-content .products.deferred .product .photo {
        display: block;
        text-align: left;
        padding-left: 10px;
    }

    .personal-page .page-content .products.deferred .product .description {
        width: 100%;
    }

    .personal-page .page-content.home .block .row .checkbox span {
        font-size: 11.5px;
    }

    .popup.popup-calculator {
        width: 220px;
    }

    header .menu .menu-items > li.catalog span:after {
        display: none;
    }

    .catalog-list-page .page-content ul.tabs li a {
        padding: 18px 10px;
        font-size: 15px;
    }

    .not-found-page .er-404 .not-found-text p {
        font-size: 13px;
    }

    .catalog-page .page-content {
        width: 320px;
        padding: 0;
    }

    .catalog-page .page-content .column .section h3:after {
        right: 30px;
    }

    .catalog-list-page .right-panel .header span.select2 {
        margin-bottom: 10px;
    }

    .catalog-list-page .right-panel .header .sort + .select2 {
        margin-bottom: 0;
    }

    .catalog-list-page .right-panel .header .view {
        margin-top: 0;
    }

    .personal-page .page-content.paneled .left-panel li {
        width: 100%;
    }

    .personal-page .right-panel .search-block form .row.date .input {
        width: 46%;
    }

    .personal-page .right-panel .order {
        display: flex;
        flex-direction: column;
    }

    .personal-page .right-panel .order.open {
        margin: -1px -10px 0;
    }

    .personal-page .right-panel .order > div {
        margin-top: 10px;
    }

    .personal-page .right-panel .order > div.price {
        display: block;
        width: 100%;
        text-align: right;
        order: 0;
    }

    .personal-page .right-panel .order > div.status {
        width: 80%;
        order: 1;
    }

    .personal-page .right-panel .order > div.action {
        top: 0;
        right: 0;
    }

    .catalog-detail-page .page-content {
        padding: 15px;
    }

    .catalog-detail-page .page-content .block .about-section {
        padding: 0;
    }

    .catalog-detail-page .page-content .tabs-content.services .service div.price,
    .catalog-detail-page .page-content .tabs-content.services .service .numeric-input,
    .catalog-detail-page .page-content .tabs-content.services .service .buy {
        width: 100%;
        min-height: 0;
        padding: 0;
        display: block;
        margin: 15px 0;
        text-align: center;
    }

    .tabs.main > ul.tabs-caption {
        margin: 0 -15px;
    }

    .tabs.main > ul.tabs-caption li {
        padding: 0 15px;
        white-space: nowrap;
    }

    .cart-page .page-content {
        padding: 21px 10px 50px;
    }

    .cart-page .tabs.main ul.tabs-caption {
        margin: 0 -10px;
    }

    .popup {
        width: 240px;
    }

    .compare-page .tabs.main .tabs-caption {
        margin: 0 0 0 -5px !important;
    }

    .contacts-page .map {
        height: 310px;
    }
}

/*-----редизайн меню и fix style-----*/
body {
    min-height: 1300px;
}

header .menu-items > .current > a > span,
header .menu-items > .current > a > span {
    color: #857FC3;
}

header .menu-items {
    padding-top: 12px;
}

.wait-block {
    opacity: 0.5;
    pointer-events: none;
}

.popup.form-popup-wrap {
    padding-top: 20px;
}

.popup.form-popup-wrap .input-wrap {
    width: 100%;
}

.popup.form-popup-wrap label.error {
    background: transparent;
    color: #DC0C0C;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.popup.form-popup-wrap .align-center-text {
    text-align: center;
}

.popup.form-popup-wrap .form-popup-column {
    display: flex;
    flex-direction: column;
}

.popup.form-popup-wrap .text-button {
    box-sizing: border-box;
    margin: 0;
    border-radius: 3px;
    border: none;
    padding: 15px 20px;
    background-color: #393186;
    color: #FFF;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    transition: background-color 0.3s;
}

.popup.form-popup-wrap .text-button:hover {
    background-color: #857FC3;
}

.popup.form-popup-wrap .transparent-violet {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid #393186;
    background: #FFF;
    color: #393186;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    transition: color 0.3s, border 0.3s;
}

.popup.form-popup-wrap .transparent-violet:hover {
    color: #857FC3;
    border: 1px solid #857FC3;
}

.popup.form-popup-wrap h2 {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    color: #333;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-bottom: 1px solid #e6e6e6;
}

.popup.form-popup-wrap input {
    height: 50px;
    padding-right: 50px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background: #FFF;
    overflow: hidden;
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.popup.form-popup-wrap input:focus:not(.error) {
    border: 2px solid var(--blue, #857FC3);
    background: #FFF;
}

.popup.form-popup-wrap label {
    margin: 0;
    color: #333;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.menu__item,
header .menu-items > .current {
    -ms-flex-positive: 0.1;
    margin-left: 4.7%;
    font: 700 16px/50px Arial, sans-serif;
    color: #000;
}

.menu__item a,
header .menu-items > .current a {
    display: block;
    color: #393186;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
    text-align: right;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
}

.menu__item a:hover,
header .menu-items > .current a:hover {
    color: #857FC3;
}

.menu__item a:hover span.menu__item-icon,
header .menu-items > .current a:hover span.menu__item-icon {
    background-image: var(--bg-imageHover);
}

.menu__item a span,
header .menu-items > .current a span {
    transition: all 0.3s linear;
    display: inline-block;
}

.menu__item a span.menu__item-icon,
header .menu-items > .current a span.menu__item-icon {
    margin-right: 4px;
    background-image: var(--bg-image);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.menu__item a span:hover,
header .menu-items > .current a span:hover {
    box-shadow: 0 2px 0 #254e96;
}

.menu__item.btn-item,
header .menu-items > .current.btn-item {
    line-height: 1;
    max-width: 140px;
}

.menu__item.btn-item a,
header .menu-items > .current.btn-item a {
    padding: 8px 15px;
    background-color: #FFDD00;
    color: #393186;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 3px;
}

.menu__item.btn-item a span,
header .menu-items > .current.btn-item a span {
    line-height: 1;
}

.menu__item.btn-item a .menu__item-icon,
header .menu-items > .current.btn-item a .menu__item-icon {
    margin-right: 5px;
}

.menu__item.btn-item a:hover,
header .menu-items > .current.btn-item a:hover {
    background-color: #FFE373;
}

.menu__item.btn-item.current .menu__item-icon,
header .menu-items > .current.btn-item.current .menu__item-icon {
    display: flex;
    align-items: center;
    min-width: 18px;
}

.menu__item.btn-item.current a span,
header .menu-items > .current.btn-item.current a span {
    color: #393186;
    font-weight: 600;
}

.menu__item:not(.btn-item) > a > span.menu__item-icon {
    margin-top: -3px;
}

header.menu-collapsed .menu .menu-items > .menu__item:not(.catalog),
header.menu-collapsed .menu .menu-items > .current:not(.catalog) {
    display: none;
}

header.menu-collapsed .menu .menu-items > .catalog.catalog-menu.menu__item {
    font: 700 14px/40px Arial, sans-serif;
    padding: 0 6px;
}

.product-list.block .product-block {
    padding-bottom: 100px;
}

.product-list.block .advice-block {
    padding-bottom: 0px;
    margin-bottom: 50px;
}

.header-wrapper .wrapper-profile .lk_button {
    padding: 0 0px 0 25px;
}

header .info .width-wrap {
    padding: 0px;
    background: #857FC3;
}

header .search-block {
    width: 390px;
}

header .menu {
    background: #fff;
    height: 64px;
}

header .menu .width-wrap {
    height: 62px;
    background: #fff;
    display: flex;
    flex-direction: row;
}

header .logo-arsidom {
    width: 190px;
    height: 67px;
    background: url(/local/css/../images/redesign/arsidom-logo--new.svg);
    background-repeat: no-repeat;
    transition: all 0.3s linear;
    display: inline-block;
    text-decoration: none;
}

header menu .width-wrap {
    height: 62px;
}

.main-page .width-wrap {
    width: 1440px;
}

.main-page .width-wrap .top-catalog {
    pointer-events: none;
}

.main-page .width-wrap .slider {
    height: 480px;
    background: #fff;
}

.main-page .width-wrap .slider .bx-wrapper {
    height: 400px;
}

.main-page .width-wrap .slider .slides {
    height: 400px;
    background: #fff;
}

.main-page .width-wrap .slider .slides .slide {
    height: 400px;
}

.width-wrap {
    width: 1440px;
}

.width-wrap .catalog-wrap {
    width: 1200px;
    max-width: 1200px;
}

.width-wrap .catalog-wrap .catalog-card {
    min-height: 240px;
    margin: 0px 20px 20px 0px;
    width: 23%;
    border: 2px solid #e2e2e2;
    padding: 20px;
}

.width-wrap .catalog-wrap .catalog-card .children-list {
    margin-top: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}

.width-wrap .catalog-wrap .catalog-card .children-list .list-inner {
    min-height: 200px;
}

.width-wrap .catalog-wrap .catalog-card .children-list .list-inner .category-link:last-of-type {
    margin: 8px 0px 16px 0px;
}

.width-wrap .catalog-wrap .catalog-card .children-list .list-inner .category-link {
    margin: 8px 0px 8px 0px;
}

.width-wrap .catalog-wrap .catalog-card .children-list .togglers {
    float: right;
    margin: 20px 20px 0px 0px;
    display: none;
}

.width-wrap .catalog-wrap .catalog-card .children-list .togglers .plus-cats,
.width-wrap .catalog-wrap .catalog-card .children-list .togglers .hide-cats {
    margin: 0;
    float: right;
    display: none;
}

.width-wrap .catalog-wrap .catalog-card .children-list .togglers .plus-cats.active,
.width-wrap .catalog-wrap .catalog-card .children-list .togglers .hide-cats.active {
    display: block;
}

.width-wrap .catalog-wrap .catalog-card .children-list .togglers.active {
    display: block;
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.width-wrap .catalog-wrap .catalog-card .children-list .list-inner.active {
    outline: none;
    background-color: #fff;
}

.width-wrap .catalog-wrap .catalog-card .preview {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 60px;
    padding: 0;
}

.width-wrap .catalog-wrap .catalog-card .preview .img {
    margin-right: 20px;
}

body .content-area {
    background-color: #fff;
}

body .content-area .width-wrap {
    display: flex;
    flex-direction: column;
}

body.main-page .width-wrap {
    display: flex;
    flex-direction: row;
}

.right-bar {
    width: 1147px;
    min-width: 1147px;
}

.left-bar {
    width: 270px;
    margin-right: 21px;
    box-sizing: border-box;
    min-width: 270px;
}

.banner-block {
    width: 100%;
    height: 150px;
    display: block;
    background-repeat: no-repeat;
}

.banner-left-block {
    width: 100%;
    height: 187px;
    display: block;
    background-repeat: no-repeat;
}

footer {
    background: #333;
    padding-bottom: 47px;
}

footer a {
    transition: all 0.3s linear;
}

footer .width-wrap {
    padding: 0px;
}

footer .info {
    width: 210px;
    padding-top: 62.43px;
}

footer .info .logo {
    background: none;
    height: auto;
    width: 136px;
}

footer .info .logo .logo-box1 {
    margin-bottom: 2px;
    display: block;
}

footer .info .logo .logo-box2 {
    display: block;
}

footer .info .logo img {
    width: 100%;
    height: auto;
}

footer .info .phone {
    margin-top: 20.5px;
    margin-bottom: 40px;
}

footer .info .phone a {
    font-size: 19px;
    font-style: normal;
    font-weight: 800;
    line-height: 29px;
    letter-spacing: 0.429px;
    transition: all 0.3s linear;
    white-space: nowrap;
}

footer .info .phone a:hover {
    color: #857FC3;
}

footer .info .phone span {
    font: inherit;
    color: #858585;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

footer .info .copyright {
    margin: 0;
    font: inherit;
    color: #858585;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}

/* Telegram */
footer .footer-telegram {
    margin-top: 4px;
}

footer .footer-telegram a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 13px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.55);

    text-decoration: none;
}

footer .footer-telegram a:hover {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline;
}

footer .footer-telegram img {
    width: 14px;
    height: 12px;
    opacity: 0.7;
}

footer .menu {
    width: auto;
    min-width: 212px;
    padding: 56px 0 0;
}

footer .menu a.footer-link {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
    transition: all 0.3s linear;
}

footer .menu a.footer-link:hover {
    color: #857FC3;
}

@media screen and (max-width: 940px) {
    footer .menu a.footer-link {
        font-size: 14px;
    }
}

footer .menu h4 {
    border-bottom: none;
    font: inherit;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 20px;
    display: block;
    text-decoration: none;
}

@media screen and (max-width: 940px) {
    footer .menu h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

footer .menu ul li {
    margin-bottom: 5px;
    margin-top: 0;
}

footer .menu ul li:last-child {
    margin-bottom: 0;
}

footer .menu ul a {
    text-decoration-line: none;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.24px;
}

footer .menu ul a:hover {
    color: #857FC3;
}

footer .menu .feedback {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

footer .menu .whatsapp-box {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-left: 16px;
}

footer .menu .whatsapp-box img {
    margin-right: 10px;
}

footer .feedback-pay-block {
    width: 463px;
}

footer .feedback-pay-block .button {
    height: 36px;
    padding: 3px 15px;
    border-radius: 3px;
    border: 1px solid #FFF;
    background-color: transparent;
    font: inherit;
    display: flex;
    align-items: center;
    color: #fff;
}

footer .feedback-pay-block .button svg {
    margin-right: 5px;
}

footer .feedback-pay-block .button:before,
footer .feedback-pay-block .button:after {
    content: none;
}

footer .feedback-pay-block .button:hover {
    border: 1px solid #857FC3;
    color: #857FC3;
}

footer .feedback-pay-block .button:hover span {
    color: inherit;
}

footer .feedback-pay-block .button span {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 120%;
}

footer .feedback-pay-block .info-site p {
    text-decoration: none;
    color: #858585;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.24px;
}

footer .feedback-pay-block .info-site .info-site-wrap {
    display: flex;
    align-items: center;
}

footer .feedback-pay-block .info-site .info-site-wrap .info-site-wrap_item.politic-box a {
    color: #858585;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.24px;
    text-decoration-line: underline;
    margin-right: 20px;
}

footer .feedback-pay-block .info-site .info-site-wrap .info-site-wrap_item.politic-box a:hover {
    color: #857FC3;
}

footer .feedback-pay-block .info-site .info-site-wrap .info-site-wrap_item.dev-box {
    color: #858585;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    display: flex;
    align-items: center;
}

footer .feedback-pay-block .info-site .info-site-wrap .info-site-wrap_item.dev-box span {
    margin-right: 5px;
}

footer .feedback-block_logo {
    margin-bottom: 15px;
}

footer a.catalog-link {
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    text-decoration-line: underline;
    margin: 0 0 14px;
    font: 700 18px/39px Arial, sans-serif;
    color: #fff;
}

footer .yandex-map,
footer .gis,
footer .flamp,
footer .mir,
footer .master-card,
footer .visa {
    display: inline-block;
    margin-right: 9px;
}

.flex-wrapper .catalog-new .filter-line {
    background-color: #fff;
    padding: 20px 0px;
}

.flex-wrapper .catalog-new .checkbox-select-container .selected-checkboxes .selected-checkboxes__row:after {
    background-color: #fff;
}

.flex-wrapper .catalog-new .filter-controller {
    padding: 0px;
}

.flex-wrapper .catalog-new .filter-controller {
    display: block;
    padding: 0px;
}

header .search-block {
    padding: 0px 0px 10px 20px;
}

header .search-block button[type=submit]:after {
    width: 36px;
    height: 36px;
    background: url(/local/images/redesign/search-alt.svg) 0 0 no-repeat;
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

header .search-block input:hover + .bx-input-group-btn button[type=submit]:after {
    background: url(/local/images/redesign/search-hover.svg) 0 0 no-repeat;
    width: 36px;
    height: 36px;
    background-size: 36px;
}

header .search-block input:focus + .bx-input-group-btn button[type=submit]:after {
    background: url(/local/images/redesign/search-gray-ic.svg) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px;
}

header .search-block input[type=text] {
    width: 90%;
}

header .search-block input[type=text]::-webkit-input-placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A3A3A3;
}

header .search-block input[type=text]::-moz-placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A3A3A3;
}

header .search-block input[type=text]:-moz-placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A3A3A3;
}

header .search-block input[type=text]:-ms-input-placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #A3A3A3;
}

header #smart-title-search.search-block button[type=submit] {
    background-color: transparent;
    height: 56px;
    top: 0;
    right: 14px;
}

header #smart-title-search.search-block button[type=submit]:hover {
    background-color: transparent;
}

header.menu-collapsed .mobile-logo-block .logo-mobile-new:after {
    /*width: 62px;
height: 12px;*/
    /*width: 70px;
    height: 15px;
    background: url(/local/images/redesign/mobile-logo-arsidom.svg)no-repeat;
    background-size: contain;
    display: inline-block;
    content: '';
    margin: 0px 10px;*/
    width: 56px;
    height: 29px;
    background: url(/local/images/redesign/d-logo.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    content: '';
}

header.menu-collapsed .mobile-logo-block .logo:after {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
    width: 53px;
    height: 15px;
    /*width: 43px;
    height: 12px;
    background: url(/local/images/redesign/mobile-logo-arsenal.svg)no-repeat;*/
}

header.menu-collapsed .mobile-logo-block {
    display: flex;
    align-items: center;
}

.logo-mobile-new {
    /* border-right: 1px solid #DEDEDE;*/
    height: 29px;
    margin-top: 5px;
}

header.menu-collapsed .mobile-logo-block .logo {
    height: 15px;
    padding: 0 10px;
}

.breadcrumbs a,
.breadcrumbs span {
    font-family: 'NotoSans';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.breadcrumbs a:after,
.breadcrumbs span:after {
    content: '/';
    background: none;
    position: absolute;
    top: 0px;
    right: -12px;
}

.breadcrumb-block {
    display: flex;
    align-items: center;
}

.breadcrumb-block .breadcrumbs {
    margin-top: 0px;
}

.breadcrumb-block .breadcrumb-catalog {
    width: 270px;
    margin-right: 22px;
    height: 57px;
}

.breadcrumb-block .breadcrumb-catalog .wrapper-catalog-left {
    position: absolute;
    background: #fff;
    z-index: 993;
    border-radius: 0;
    width: 270px;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.hover > a.menu_lvl1 {
    margin-left: 0;
    width: auto;
}

.bx_vertical_menu_advanced .dropdown:hover .bx_shadow_fix,
.bx_vertical_menu_advanced .dropdown.hover .bx_shadow_fix {
    display: none;
}

.bx_vertical_menu_advanced .bx_hma_one_lvl.hover {
    padding: 0;
}

.flex-wrapper .filter-controller .options {
    flex-direction: column;
    align-items: start;
}

.flex-wrapper .filter-controller .options .reset {
    padding-left: 25px;
    font-size: 14px;
    line-height: 16px;
}

.flex-wrapper .filter-controller .options .reset:before {
    left: 0px;
}

.flex-wrapper .filter-controller .button {
    margin: 0 50px 20px 0 !important;
}

.checkbox-select-container .dropdown-select {
    width: 100%;
}

.checkbox-select-container .selected-checkboxes .selected-checkboxes__arrow.open:after {
    top: 35%;
    left: 35%;
}

.product-list.block .product-block .price hr {
    width: 100%;
    margin: 13px auto;
    border: 1px solid #DEDEDE;
}

.product-list.block .product-block:before,
.product-list.block .product-block .product-container:after {
    content: none;
}

.product-list.block .product-block .product-container {
    transition: all 0.3s linear;
    position: relative;
    width: auto;
    z-index: 1;
    background: 0 0;
    margin: auto;
}

.product-list.block .product-block {
    position: relative;
    width: 25%;
    margin: 0px 30px 30px 0px;
    display: block;
    padding: 30px 10px 50px;
    height: 420px;
}

.product-list.block .product-block .bx-controls {
    position: absolute;
    bottom: -18px;
    left: 0;
}

.compare-page .product-list.block .product-block {
    padding: 30px 20px 0px;
}

.compare-page .product-list.block .product-block .notton.transparent-yellow,
.compare-page .product-list.block .product-block .button.transparent-yellow.js-add-to-basket {
    bottom: 37px;
}

.compare-page .product-list.block .product-block .header {
    height: 395px;
    position: relative;
    z-index: 3;
}

.compare-page .product-list.block .product-block .header .action {
    top: 55px;
    margin-top: 0;
}

.compare-page .right-col {
    padding: 15px 0;
}

.compare-page .left-col .characteristics-block .characteristics {
    margin: 0 -30px 0 0;
    padding: 40px 0 0px;
}

.compare-page .left-col .characteristics-block .characteristics div {
    margin: 0;
}

.compare-page .characteristics > div {
    overflow: hidden;
}

.compare-page .characteristics > div:last-child:after {
    left: 0;
    height: 0;
}

.flex-wrapper a.toggle-btn.js-toggle-btn.active {
    display: none;
}

.flex-wrapper .filter-controller .hide {
    display: none;
}

.short-descr {
    min-height: 32px;
}

.product-list.block .product-block .notton.transparent-yellow {
    width: 100%;
    margin-top: 12px;
    background: #fff;
    position: absolute;
    bottom: -70px;
}

.product-list.block .product-block {
    width: calc(24.5% - 28px);
}

.product-list.block .product-block .photo-stub {
    margin: auto;
}

.right-bar .product-list.block .product-block {
    width: 25%;
    position: relative;
    box-shadow: none;
    margin: 0px auto 30px auto;
    display: block;
    padding-bottom: 65px;
}

.right-bar .product-block .photo-stub {
    width: 100%;
    line-height: 190px;
    height: 190px;
}

.right-bar .actions-section .actions-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.right-bar .actions-section .actions-tabs .tab {
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    color: #303341;
    padding: 13px 0.6%;
    border: 1px solid #C3CAD6;
    border-radius: 2px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
    margin-right: 8px;
    outline: transparent;
    text-align: center;
}

.right-bar .actions-section .actions-tabs .tab.active {
    background: #C3CAD6;
}

.right-bar .actions-section .actions-tabs .tab.active::after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 8px solid transparent;
    border-top: 8px solid #C3CAD6;
}

.right-bar .actions-section .actions-content {
    padding: 26px 0px 0 0px;
}

.right-bar .actions-section .actions-content .product-list.block {
    /*display: none;*/
    visibility: hidden;
    padding: 0px;
    height: 0px;
    overflow: hidden;
}

.right-bar .actions-section .actions-content .product-list.block .product-block {
    margin: 0 30px 30px 0px;
    padding-bottom: 8px;
    padding-top: 23px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .bx-pager {
    margin: -5px 0 -5px -3px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .notton.transparent-yellow {
    /*bottom: -57px;*/
    bottom: 0;
    position: relative;
    margin-top: 9px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .button.transparent-yellow.js-add-to-basket {
    width: 100%;
    bottom: 0px;
    display: block;
    position: relative;
    margin-top: 10px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .image-link {
    text-decoration: none;
    position: relative;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .image-link span.marker {
    background: #FFDD00;
    padding: 5px 12px;
    color: #c31414;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    border-radius: 3.717px;
    position: absolute;
    left: 0;
    z-index: 1;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action .old-promotion-price_box {
    margin-bottom: 14px;
    justify-content: center;
    column-gap: 8px;
    font-weight: 600;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action .old-promotion-price_box .old-promotion-price_box__val {
    margin: 0;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action .price-action_box {
    background: #E8E8E8;
    padding: 15px 10px 15px 10px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action .price-action_box .price-action_box__wrap {
    background: #FFDD00;
    border-radius: 3.717px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    color: #c31414;
    font-weight: bold;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action .price-action_title {
    color: #c31414;
    margin-bottom: 14px;
    font-weight: bold;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container h3 {
    font-size: 13px;
    line-height: 15px;
    height: 45px;
    max-height: 45px;
    margin-bottom: 10px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .short-descr {
    font-size: 12px;
    line-height: 14px;
    max-height: 27px;
    min-height: 27px;
    margin-bottom: 2px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container hr {
    margin: 7px auto;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price .price-name {
    font-size: 13px;
    line-height: 15px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price .price-content {
    min-width: 55%;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price .price-content span.js-value {
    font-size: 24px;
    line-height: 28px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price .price-content span.rub {
    font-size: 24px;
    line-height: 28px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price .price-content .unit {
    font-size: 14px;
    line-height: 16px;
}

.right-bar .actions-section .actions-content .product-list.block .product-block:nth-child(3n) {
    margin-right: 0;
}

.right-bar .actions-section .actions-content .product-list.block.active-content {
    /*display: flex;*/
    visibility: visible;
    height: auto;
}

.main-page .right-bar .product-list.block .product-block {
    width: calc(33% - 61px);
    box-sizing: border-box;
    height: 512px;
}

.product-block .photo .one-photo,
.product-block > .bx-wrapper {
    width: 100%;
}

.product-list.block .product-block h3 {
    max-height: 55px;
    height: 55px;
}

.wrapper-profile .profile {
    min-width: 150px;
}

.wrapper-profile .profile a {
    padding-left: 0;
}

header.menu-collapsed.fixed {
    box-shadow: 0px 10px 20px -1px rgba(133, 133, 133, 0.18);
}

header.menu-collapsed.fixed .menu {
    height: 50px;
}

header.menu-collapsed.fixed .menu .width-wrap {
    height: 50px;
}

header.menu-collapsed.fixed .info {
    width: auto;
    height: 50px;
    display: flex;
    align-items: center;
}

header.menu-collapsed.fixed .info .prof-icon.login {
    margin-right: 0px;
}

header.menu-collapsed.fixed .info .width-wrap {
    background: none;
    height: 50px;
    align-items: center;
}

header.menu-collapsed.fixed .header-wrapper {
    max-width: 1440px;
    margin: 0 auto;
}

header.menu-collapsed.fixed .menu-items {
    margin-left: 116px;
    min-width: 700px;
    padding-top: 0;
    display: flex;
    align-items: center;
}

header.menu-collapsed.fixed .menu-items .menu__item-icon {
    display: none;
}

header.menu-collapsed.fixed .menu-items .menu__item.btn-item a {
    padding: 0;
    background: none;
    display: block;
    color: #393186;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
    text-align: right;
}

header.menu-collapsed.fixed .menu-items .menu__item.btn-item a span {
    line-height: 40px;
}

header.menu-collapsed.fixed .menu-items .menu__item:not(.catalog) {
    display: block;
    margin-left: 0;
    flex-grow: 0.1;
}

header.menu-collapsed.fixed .menu__item {
    font: 700 16px/40px Arial, sans-serif;
}

header.menu-collapsed.fixed .menu__item a span:hover,
header.menu-collapsed.fixed header .menu-items > .current a span:hover {
    box-shadow: none;
}

header.menu-collapsed.fixed .header-wrapper .info .info-block {
    margin: 0px 15px;
}

header.menu-collapsed.fixed .wrapper-profile .profile {
    right: 0;
    left: auto;
}

.menu_m_link {
    font-size: 14px;
    line-height: 16px;
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 12px 15px;
    display: inline-block;
    width: 79%;
    vertical-align: middle;
}

.catalog-block-mobile .menu_m_link {
    background-repeat: no-repeat;
    background-size: 22px 18px;
    background-position: left 20px center;
    padding-left: 55px;
    width: 68%;
}

.m__itm {
    border-bottom: 1px solid #DEDEDE;
}

.wrapper-menu-mobile {
    display: none;
    position: fixed;
    left: 0px;
    right: 0;
    background: #fff;
    bottom: 0;
    top: -21px;
    z-index: -3;
    overflow-y: scroll;
    padding-bottom: 90px;
    margin-bottom: 48px;
    transform: translateY(70px);
}

.active-menu .wrapper-menu-mobile {
    display: block;
}

.wrapper-menu-mobile .dropdown-elem,
.wrapper-menu-mobile .elem_more,
.wrapper-menu-mobile .dropdown-elem,
.wrapper-menu-mobile .elem_more_lvl2 {
    background-image: url('/local/images/redesign/dropdown-ic.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 10px;
    display: inline-block;
    padding: 12px 0px;
    vertical-align: middle;
}

.catalog-block-mobile {
    display: none;
}

.dropdown-menu {
    display: none;
}

.m__itm.title {
    padding: 12px 15px;
}

.return-level1 span {
    background-image: url(/local/images/redesign/dropdown-ic.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 10px;
    display: inline-block;
    transform: rotate(180deg);
    margin-right: 10px;
}

span.elem_more,
span.elem_more_lvl2 {
    transform: rotate(90deg);
}

.m__itm.open-item > .toggle > span.elem_more,
.m__itm.open-item > .toggle > span.elem_more_lvl2 {
    transform: rotate(270deg);
}

.m__itm.open-item > .dropdown-menu.dropdown {
    display: block;
    border-top: 1px solid #DEDEDE;
}

.dropdown-menu.dropdown {
    background-color: #F7F7F7;
}

.m__itm .open-item {
    border-bottom: none;
}

header.menu-collapsed .info .prof-icon:hover {
    opacity: 1;
}

.top-catalog {
    background-color: #393186;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 18px;
    position: relative;
    border-radius: 3px 3px 0px 0px;
    height: 54px;
    box-sizing: border-box;
    margin-bottom: 11px;
}

.top-catalog span {
    margin-left: 17px;
    font-family: 'NotoSans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.close .top-catalog::after {
    content: "";
    transform: rotate(180deg);
}

.dropdown-lvl2 {
    margin-right: 20px;
}

a.catalog_link,
span.catalog_link {
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    display: block;
    color: #000000;
    text-decoration: none;
    background-repeat: no-repeat;
    padding: 17.5px 10px 17.5px 60px;
    background-position: left 20px center;
    transition: all 0.3s linear;
}

span.catalog_link,
a.catalog_link {
    background-position: left center;
    padding: 9px 25px 9px 55px;
}

span.catalog_link {
    cursor: default;
}

.catalog-block-left {
    position: relative;
}

.catalog-dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
    transition-delay: 0.15s;
    position: absolute;
    background: #fff;
    top: 0;
    left: 100%;
    z-index: 9999999;
    width: 800px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    padding: 20px;
}

.lvl_1 > a.catalog_link:hover,
.lvl_1 > span.catalog_link:hover {
    color: #393186;
    cursor: pointer;
}

.lvl_1:hover > .catalog-dropdown-menu {
    opacity: 1;
    visibility: visible;
}

.wrapper-catalog-left .catalog-list {
    display: block;
}

.wrapper-catalog-left.close .catalog-list {
    display: none;
}

.catalog_section__name {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 18px;
}

.lvl_2 > a.catalog_link {
    padding: 12px 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    color: #000000;
}

.lvl_3 a.catalog_link {
    padding: 12px 0px;
    color: #a7a7a7;
}

.catalog__itm.lvl_2 {
    display: inline-block;
    width: 32%;
    margin-bottom: 20px;
    padding-right: 35px;
}

.catalog-detail-page .rel-prod-block .product-list.block {
    padding: 26px 12px 26px;
}

.catalog-detail-page .rel-prod-block .product-list.block .product-block .price .price-new {
    justify-content: start;
}

.catalog-detail-page .rel-prod-block .product-list.block .photo-stub {
    width: 100%;
}

.catalog-detail-page .rel-prod-block .product-list.block .slide {
    height: auto;
}

.catalog-detail-page .rel-prod-block .product-list.block .slide .product-block {
    padding-bottom: 70px;
}

.rel-prod-block .product-list.block .product-block {
    width: 19%;
    padding: 30px 20px 0px;
    height: 380px;
}

.main-page .width-wrap .left-bar .slider {
    height: auto;
    margin: 14px 0px 5px;
}

.main-page .width-wrap .left-bar .slider .bx-wrapper {
    height: 200px;
    border-radius: 3px;
    background: #FFF;
}

.main-page .width-wrap .left-bar .slider .slides .slide {
    height: 200px;
}

.main-page .width-wrap .left-bar .slider .slide.slide-img:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: transparent;
    background-color: rgba(14, 50, 103, 0.05);
    z-index: 4;
    transition: var(--transition);
    transition-property: opacity;
    will-change: opacity;
}

.main-page .width-wrap .left-bar .slider .rightNext,
.main-page .width-wrap .left-bar .slider .leftPrev {
    display: none;
}

.main-page .width-wrap .left-bar .slider .pager {
    display: none;
}

.slider-new .slide:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: transparent;
    background-color: rgba(14, 50, 103, 0.05);
    z-index: 4;
    transition: var(--transition);
    transition-property: opacity;
    will-change: opacity;
}

.slider-new .slide.slide-img {
    margin-right: 1px;
}

header .header-wrapper .info-block:hover .text {
    color: #C3EAF6;
}

.wrapper-profile {
    position: relative;
    float: right;
}

.wrapper-profile .lk_button {
    padding: 0 15px 0 0;
    float: right;
    padding-left: 25px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    letter-spacing: 0.221px;
    color: #FFF;
}

.wrapper-profile .lk_button-icon {
    width: 24.5px;
    height: 28px;
    margin: 0px auto 7px auto;
}

.wrapper-profile .lk_button:hover .lk_button-icon {
    color: #FFF;
}

.wrapper-profile .lk_button:hover .text {
    color: #C3EAF6;
}

.wrapper-profile .lk_button:hover .text .prof-name_box {
    color: #C3EAF6;
}

.wrapper-profile .prof-icon.login:after,
.wrapper-profile .prof-icon.login:before {
    content: none;
}

.wrapper-profile .profile {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 15px;
    z-index: 9;
    line-height: 16px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
}

.wrapper-profile .profile .prof-icon.logout {
    display: block;
}

.wrapper-profile a.prof-icon.login {
    padding: 0px;
    display: block;
}

.wrapper-profile .register:hover {
    color: #000;
}

.wrapper-profile hr {
    margin: 10px 0px;
    border: none;
    border-bottom: 1px solid #E2E2E2;
}

.product-list.block .product-block.in-action .photo:before {
    content: none;
}

.product-list.block .product-block.in-action .bx-viewport:before,
.product-list.block .product-block.in-action .photo.prepare-gallery:before {
    content: '';
    width: 42px;
    height: 42px;
    background: url(/local/images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    right: 14px;
    bottom: 5px;
    z-index: 1;
}

.product-list.block .product-block .button.transparent-yellow.js-add-to-basket {
    width: 100%;
    bottom: -70px;
}

.product-list.block .product-block .notton.transparent-yellow,
.product-list.block .product-block .button.transparent-yellow.js-add-to-basket {
    display: block;
}

footer .to-top {
    border: 2px solid #393186;
    z-index: 10;
    right: calc(50% - 777px);
}

.catalog-top-categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.catalog-top-categories a {
    background: #fff;
    border: 1px solid #e7e7e7;
    margin: 5px 0 10px 5px;
    color: #333;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 150px;
    justify-content: center;
    padding: 8px;
    overflow: hidden;
    word-break: break-word;
    font-size: 14px;
}

.page-content .catalog-categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.page-content .catalog-categories a {
    background: #fff;
    border: 1px solid #e7e7e7;
    margin: 5px 0 10px 5px;
    color: #333;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    /* width: 100%; */
    justify-content: center;
    padding: 8px;
    overflow: hidden;
    word-break: break-word;
    font-size: 14px;
}

.page-content .catalog-categories a:hover {
    border: 1px solid #fecc00;
    transition: all 0.3s linear;
}

.page-content .catalog-categories a.active {
    border: 2px solid #fecc00;
    font-weight: bold;
}

.left-panel .catalog-categories a {
    width: 100%;
}

.order-page .step-form .two {
    width: 100%;
    margin-bottom: 15px;
}

.catalog-list-page .right-panel .header {
    border-bottom: none;
}

.form .row {
    align-items: center;
}

.form .row label {
    margin-right: 20px;
}

.form .row label.focus-hoock input {
    width: 93%;
    display: block;
}

.form .row label.focus-hoock .eye {
    top: 20px;
    right: 25px;
}

.popup-register .form .row label.focus-hoock .eye {
    top: 10px;
    right: 30px;
}

.right-panel .product-list.block .product-block {
    margin: 0 10px 10px 0;
}

.right-panel .product-list.block .product-block:nth-child(4n) {
    margin-right: 0;
}

.catalog-list-page .right-panel .show-more {
    margin-top: -15px;
}

.catalog-list-page .right-panel .show-more:after {
    content: none;
}

.catalog-list-page .right-panel .show-more:hover {
    color: #000;
    cursor: default;
}

.active #circularG {
    position: relative;
    width: 55px;
    height: 55px;
    margin: auto;
    margin-bottom: 10px;
}

.active .circularG {
    position: absolute;
    background-color: #cecece;
    width: 13px;
    height: 13px;
    border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    animation-name: bounce_circularG;
    -o-animation-name: bounce_circularG;
    -ms-animation-name: bounce_circularG;
    -webkit-animation-name: bounce_circularG;
    -moz-animation-name: bounce_circularG;
    animation-duration: 1.39s;
    -o-animation-duration: 1.39s;
    -ms-animation-duration: 1.39s;
    -webkit-animation-duration: 1.39s;
    -moz-animation-duration: 1.39s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

.active #circularG_1 {
    left: 0;
    top: 22px;
    animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -moz-animation-delay: 0.52s;
}

.active #circularG_2 {
    left: 6px;
    top: 6px;
    animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
}

.active #circularG_3 {
    top: 0;
    left: 22px;
    animation-delay: 0.87s;
    -o-animation-delay: 0.87s;
    -ms-animation-delay: 0.87s;
    -webkit-animation-delay: 0.87s;
    -moz-animation-delay: 0.87s;
}

.active #circularG_4 {
    right: 6px;
    top: 6px;
    animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -moz-animation-delay: 1.04s;
}

.active #circularG_5 {
    right: 0;
    top: 22px;
    animation-delay: 1.22s;
    -o-animation-delay: 1.22s;
    -ms-animation-delay: 1.22s;
    -webkit-animation-delay: 1.22s;
    -moz-animation-delay: 1.22s;
}

.active #circularG_6 {
    right: 6px;
    bottom: 6px;
    animation-delay: 1.39s;
    -o-animation-delay: 1.39s;
    -ms-animation-delay: 1.39s;
    -webkit-animation-delay: 1.39s;
    -moz-animation-delay: 1.39s;
}

.active #circularG_7 {
    left: 22px;
    bottom: 0;
    animation-delay: 1.57s;
    -o-animation-delay: 1.57s;
    -ms-animation-delay: 1.57s;
    -webkit-animation-delay: 1.57s;
    -moz-animation-delay: 1.57s;
}

.active #circularG_8 {
    left: 6px;
    bottom: 6px;
    animation-delay: 1.74s;
    -o-animation-delay: 1.74s;
    -ms-animation-delay: 1.74s;
    -webkit-animation-delay: 1.74s;
    -moz-animation-delay: 1.74s;
}

@keyframes bounce_circularG {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.3);
    }
}

@-o-keyframes bounce_circularG {
    0% {
        -o-transform: scale(1);
    }
    100% {
        -o-transform: scale(0.3);
    }
}

@-ms-keyframes bounce_circularG {
    0% {
        -ms-transform: scale(1);
    }
    100% {
        -ms-transform: scale(0.3);
    }
}

@-webkit-keyframes bounce_circularG {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.3);
    }
}

@-moz-keyframes bounce_circularG {
    0% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.3);
    }
}

.contacts-page .content-area .width-wrap {
    background-color: #fff;
}

.main-page .slider-new.slider .pager {
    height: auto;
}

.main-page .slider-new.slider .pager .bx-pager {
    margin: 0;
}

.main-page .slider-new.slider .slide {
    padding: 0px;
}

.main-page .slider-new.slider .slide img {
    display: block;
    width: 100%;
    height: auto;
}

.main-page .slider .pager .bx-pager-item a:before {
    width: 10px;
    height: 10px;
    background: #E8E8E8;
    border-radius: 50%;
    box-shadow: none;
    transition: all 0.3s linear;
}

.main-page .slider .pager .bx-pager-item a:hover:before {
    background: #857FC3;
}

.main-page .slider .pager .bx-pager-item a.active:before {
    box-shadow: none;
    background: #393186;
}

.main-page .width-wrap .slider .bx-wrapper,
.main-page .width-wrap .slider .slides,
.main-page .width-wrap .slider .slides .slide {
    height: 425px;
}

.main-page .width-wrap .slider {
    height: auto;
    position: relative;
}

.main-page .width-wrap .slider .leftPrev {
    position: absolute;
    top: calc(50% - 25px);
    left: -20px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 11;
}

@media screen and (max-width: 1545px) {
    .main-page .width-wrap .slider .leftPrev {
        left: 0px;
    }
}

.main-page .width-wrap .slider .rightNext {
    position: absolute;
    top: calc(50% - 25px);
    right: -20px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 11;
}

@media screen and (max-width: 1545px) {
    .main-page .width-wrap .slider .rightNext {
        right: 0px;
    }
}

.leftPrev:hover,
.rightNext:hover {
    box-shadow: 0px 10px 20px -1px #8585852E;
}

.main-page .slider .bx-prev,
.main-page .slider .bx-next {
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    background: #fff;
    z-index: 9;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    display: block;
}

.main-page .slider .bx-controls.bx-has-controls-direction {
    position: absolute;
    top: 50%;
    width: 104%;
    z-index: 999;
    height: 43px;
    transform: translate(0%, -50%);
    overflow: hidden;
    left: -2%;
}

.main-page .slider .bx-wrapper {
    position: relative;
    overflow: visible;
}

.main-page .slider .bx-controls-direction {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-page .slider .bx-prev,
.main-page .slider .bx-next {
    background-image: url("/local/images/redesign/arr-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.main-page .slider .bx-next {
    transform: rotate(180deg);
}

.main-page .width-wrap .left-bar .slider .bx-controls.bx-has-controls-direction {
    display: none;
}

body.main-page .width-wrap .slider-brands {
    max-height: 50px;
}

body.main-page .width-wrap .slider-brands .leftPrev,
body.main-page .width-wrap .slider-brands .rightNext {
    top: calc(50% - 5px);
}

body.main-page .width-wrap .slider-brands .bx-wrapper {
    background: none;
}

body.main-page .width-wrap .slider-brands .bx-viewport {
    padding-left: 20px;
}

body.main-page .width-wrap .slider-brands .slides {
    display: flex;
}

body.main-page .width-wrap .slider-brands .bx-wrapper .slides {
    display: block;
}

body.main-page .width-wrap .slider-brands .bx-wrapper,
body.main-page .width-wrap .slider-brands .slides {
    height: auto;
}

body.main-page .width-wrap .slider-brands .bx-wrapper .slide,
body.main-page .width-wrap .slider-brands .slides .slide {
    height: auto;
    max-height: 50px;
}

body.main-page .width-wrap .brands-box {
    margin-bottom: 51px;
    margin-top: -20px;
}

body.main-page .width-wrap .brands-box .top-box {
    margin: 0px 0 20px 0px;
}

body .actions-products_title {
    margin: 0;
}

body.main-page .content-area {
    padding: 0 0 0px !important;
}

body.main-page .right-bar .slider-section .actions-content.slider .leftPrev,
body.main-page .right-bar .slider-section .actions-content.slider .rightNext {
    top: 19%;
    transform: translate(0, 0%);
}

body.main-page .right-bar .slider-section .actions-content.slider .pager {
    margin-top: -33px;
    display: none;
}

body.main-page .right-bar .slider-section .actions-content.slider .bx-wrapper {
    background: none;
    height: auto;
    margin: 0px auto;
}

body.main-page .right-bar .slider-section .actions-content.slider .bx-viewport {
    height: auto !important;
    padding: 0px 10px;
    margin: 0px -10px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-list {
    padding: 0px 0px 20px 0px;
    flex-wrap: nowrap;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block {
    border: none;
    margin: 0;
    padding: 20px 10px;
    height: auto;
    min-height: 478px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block:hover {
    box-shadow: 0px 10px 13px -1px rgba(133, 133, 133, 0.18);
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .link-in-gallery .bx-viewport {
    padding: 0;
    margin: 0;
    height: auto !important;
    overflow: hidden;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action {
    flex-direction: column;
    justify-content: start;
    right: 9px;
    left: auto;
    top: 0px;
    z-index: 3;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action .favorite:after,
body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action .compare:after {
    top: -4px;
    right: 30px;
    left: auto;
    white-space: normal;
    min-width: 100px;
    text-wrap: nowrap;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action a:hover {
    color: gold;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box .numeric-input {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box .numeric-input .minus,
body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box .numeric-input .plus {
    text-decoration: none;
    width: 18px;
    min-width: 18px;
    height: 19px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box .numeric-input .minus {
    background: url("/local/images/redesign/minus-ic.svg");
    background-repeat: no-repeat;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box .numeric-input .plus {
    background: url("/local/images/redesign/plus-ic.svg");
    background-repeat: no-repeat;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .buy-box .numeric-input input.input.number {
    font: inherit;
    border: none;
    width: 40%;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    min-width: 18px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .card-top-box {
    padding: 0px 10px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .one-photo {
    height: 190px;
    min-height: 190px;
    line-height: normal;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container h3 {
    margin-top: 30px;
    padding: 0;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container h3 a {
    color: #333;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-new {
    padding: 12px 10px 10px 10px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-by-card {
    position: relative;
    padding: 10px 10px 15px 10px;
    margin-bottom: 20px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-by-card:after {
    content: "";
    opacity: 0.40000001;
    background: var(--separator, #E8E8E8);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-by-card .price-content {
    color: #333;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-name {
    font: inherit;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-content {
    font: inherit;
    color: #333;
    text-align: right;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .price .price-content .rub {
    font-size: 13px !important;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card {
    font: inherit;
    display: flex;
    border-radius: 3px;
    background: #393186;
    padding: 8px 10px;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    align-items: center;
    justify-content: center;
    border: none;
    height: auto;
    max-width: 85px;
    margin: 0px 22px 0px 9px;
    transition: all 0.3s linear;
    height: 32px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card span {
    white-space: pre;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card:after,
body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card:before {
    content: none;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card:hover {
    background: #857FC3;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card span:after,
body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card span:before {
    content: none;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container span.notton.has-offline {
    font: inherit;
    border-radius: 3px;
    border: 1px solid #393186;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: #393186;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    height: auto;
    margin: 0px 9px;
    transition: all 0.3s linear;
    height: 32px;
}

body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container span.notton.has-offline:hover {
    border: 1px solid #857FC3;
    color: #857FC3;
}

body.main-page .actions-box {
    padding: 15px 0px 10px 0px;
    position: relative;
    margin-bottom: 15px;
}

body.main-page .actions-box:after {
    content: "";
    opacity: 0.40000001;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background-color: #E8E8E8;
}

body.main-page .actions-box .top-box {
    margin-bottom: 10px;
}

body.main-page .actions-box .width-wrap {
    display: block;
}

body.main-page .actions-box .slider {
    background-color: transparent;
}

body.main-page .actions-box .slider .bx-wrapper {
    height: 326px;
    background-color: transparent;
}

body.main-page .actions-box .slider .bx-wrapper .bx-controls.bx-has-controls-direction {
    display: none;
}

body.main-page .actions-box .slider .slides {
    height: 326px;
    background-color: transparent;
}

body.main-page .actions-box .slider .slides .slide {
    height: 326px;
    border-radius: 3px;
}

body.main-page .actions-box .slider .slides .slide:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: transparent;
    background-color: rgba(14, 50, 103, 0.05);
    z-index: 4;
    transition: var(--transition);
    transition-property: opacity;
    will-change: opacity;
}

body.main-page .news-slider {
    height: auto;
    position: relative;
    margin-top: 12px;
    margin-bottom: 5px;
}

body.main-page .news-slider .bx-controls-direction {
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 999;
    height: 43px;
    transform: translate(-50%, -50%);
    overflow: hidden;
    max-width: 1440px;
    left: 50%;
}

body.main-page .news-slider .leftPrev {
    position: absolute;
    z-index: 9;
    top: calc(50% - 25px);
    left: calc((100vw - 1480px) / 2 - 23px);
    transform: translate(0%, -50%);
    border-radius: 50%;
}

body.main-page .news-slider .rightNext {
    position: absolute;
    right: calc((100vw - 1480px) / 2 - 23px);
    top: calc(50% - 25px);
    z-index: 9;
    transform: translate(0%, -50%);
    border-radius: 50%;
}

body.main-page .news-slider .bx-wrapper {
    height: 290px;
    margin: auto;
    max-width: none !important;
    background: none;
    overflow-x: hidden;
}

body.main-page .news-slider .bx-wrapper .bx-viewport {
    overflow: visible !important;
}

body.main-page .news-slider .bx-wrapper .slides {
    height: 290px;
    background: none;
    left: calc((100vw - 1480px) / 2);
}

body.main-page .news-slider .bx-wrapper .slides .slide {
    font: inherit;
    height: 290px;
    position: relative;
    border-radius: 3px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    overflow: hidden;
}

body.main-page .news-slider .bx-wrapper .slides .slide:before {
    content: "";
    background: linear-gradient(360deg, rgba(51, 51, 51, 0.9) 0%, rgba(51, 51, 51, 0) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
}

body.main-page .news-slider .bx-wrapper .slides .slide:hover .slide-descr {
    bottom: 0% !important;
}

body.main-page .news-slider .bx-wrapper .slides .slide:hover .slide-descr .slide-descr_text {
    visibility: visible;
}

body.main-page .news-slider .bx-wrapper .slides .slide:hover:before {
    background: linear-gradient(360deg, #393186 0%, rgba(57, 49, 134, 0) 100%);
}

body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 35px 25px 26px;
    bottom: -37%;
    z-index: 1;
    transition: bottom 0.5s;
}

body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_title {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
}

body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_text {
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    visibility: hidden;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 90px;
}

body.main-page h2 {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

body.main-page .top-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

body.main-page .link-txt {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s linear;
}

body.main-page .link-txt:hover {
    color: #857FC3;
}

body.main-page .link-txt:after {
    content: '';
    display: block;
    background-image: url('/local/images/redesign/chevron-right.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 5px;
}

body.main-page .link-txt:hover:after {
    background-image: url('/local/images/redesign/chevron-right-hover.svg');
}

.catalog-list .catalog__itm.lvl_3.hidden,
.catalog-list .togglers-btn.underlined-link {
    display: none;
}

.catalog-list .togglers-btn.underlined-link.active {
    display: block;
    font-size: 14px;
}

.catalog-list .togglers-btn-block {
    display: inline-block;
    margin: 10px auto;
}

.dropdown-menu.dropdown .m__itm.level_2:last-child {
    border-bottom: none;
}

.menu_m_link.dropdown-elem-itm {
    width: auto;
    display: block;
}

.menu_m_link.dropdown-elem-itm .dropdown-elem {
    float: right;
    margin-top: 3px;
    padding: 0px;
    width: 10px;
    margin-right: 9px;
}

.product-block .photo {
    background-color: transparent;
}

.product-block .photo img {
    max-width: 100%;
    max-height: 100%;
}

.bx-pagination {
    margin: 10px auto;
}

.product-list.block .product-block.in-action .photo.photo-stub:before {
    content: '';
    width: 42px;
    height: 42px;
    background: url(/local/images/sprite.svg) -63px -45px no-repeat;
    position: absolute;
    right: 14px;
    bottom: 5px;
    z-index: 1;
}

body .product-list.block .product-block .link-in-gallery,
body .product-list.table .product-block .link-in-gallery {
    position: relative;
}

body .product-list.block .product-block .link-in-gallery .promotion-block,
body .product-list.table .product-block .link-in-gallery .promotion-block {
    background: #FFDD00;
    padding: 8px 17px;
    position: absolute;
    left: -5px;
    z-index: 1;
    width: auto;
    height: auto;
    top: -15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .product-list.block .product-block .link-in-gallery .promotion-block span,
body .product-list.table .product-block .link-in-gallery .promotion-block span {
    font-family: inherit;
    font-size: 15px;
    color: #c31414;
    font-weight: 800;
    line-height: normal;
    border-radius: 3.717px;
    letter-spacing: 0em;
    text-align: left;
}

body .product-list.block .product-block .action,
body .product-list.table .product-block .action {
    display: flex;
    flex-direction: column;
    justify-content: start;
    right: 0px;
    left: auto;
    top: -15px;
    z-index: 3;
}

body .product-list.block .product-block .action .favorite,
body .product-list.table .product-block .action .favorite {
    opacity: 1;
    position: relative;
}

body .product-list.block .product-block .action .favorite.active,
body .product-list.table .product-block .action .favorite.active {
    color: gold;
}

body .product-list.block .product-block .action a,
body .product-list.table .product-block .action a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #aaaaaa;
}

body .product-list.block .product-block .action a:hover,
body .product-list.table .product-block .action a:hover {
    color: gold;
}

body .product-list.block .product-block .action .favorite:after,
body .product-list.table .product-block .action .favorite:after,
body .product-list.block .product-block .action .compare:after,
body .product-list.table .product-block .action .compare:after {
    top: -4px;
    right: 30px;
    left: auto;
    white-space: normal;
    min-width: 100px;
    text-wrap: nowrap;
}

@media (min-width: 769px) {
    body .product-list.block .product-block:hover,
    body .product-list.table .product-block:hover {
        transition: all 0.3s linear;
        box-shadow: 0 10px 13px -1px rgba(133, 133, 133, 0.18);
    }
}

body .product-list.block .price-action,
body .product-list.table .price-action {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body .product-list.block .price-action .promotion-price:not(.promotion-price-actions),
body .product-list.table .price-action .promotion-price:not(.promotion-price-actions) {
    margin-bottom: 0px;
    margin-top: 0px;
}

body .product-list.block .price-action .promotion-price.promotion-price-actions .js-value,
body .product-list.table .price-action .promotion-price.promotion-price-actions .js-value {
    font-size: 1em;
}

body .product-list.block .price-action .price-action_title,
body .product-list.table .price-action .price-action_title {
    color: #c31414;
    margin-bottom: 14px;
    font-weight: bold;
}

body .product-list.block .price-action .price-action_box,
body .product-list.table .price-action .price-action_box {
    background: #E8E8E8;
    padding: 15px 10px 15px 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

body .product-list.block .price-action .price-action_box .price-action_box__wrap,
body .product-list.table .price-action .price-action_box .price-action_box__wrap {
    background: #FFDD00;
    border-radius: 3.717px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    color: #c31414;
    font-weight: bold;
}

body .product-list.table .product-block .action {
    top: 1px;
    right: 1px;
}

body .product-list.table .product-block .action .favorite {
    opacity: 1;
}

body .product-list.table .product-block .action .favorite:before {
    content: none;
}

body .product-list.table .product-block:hover:after {
    box-shadow: 0 -5px 16px 0px rgba(133, 133, 133, 0.18);
}

/*стили страницы Профиклуб и Программа лояльности*/
.text-page .page-content .text-block .no_padding {
    margin: 0px -30px;
    /*---программа лояльности----*/
    /*---*/
}

.text-page .page-content .text-block .no_padding .top_banner_block {
    width: auto;
    height: 350px;
    background: #E5E5E5;
    padding: 47px 39px;
    display: flex;
}

.text-page .page-content .text-block .no_padding .text_title {
    font-weight: bold;
    font-size: 30px;
    line-height: 34px;
    color: #6E66C3;
    margin: 30px 0px;
}

.text-page .page-content .text-block .no_padding .banner_text p {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #000000;
}

.text-page .page-content .text-block .no_padding .banner_info,
.text-page .page-content .text-block .no_padding .banner_image {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.text-page .page-content .text-block .no_padding .banner_info a.button.yellow {
    display: block;
    max-width: 190px;
    padding: 12px 40px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    height: 39px;
}

.text-page .page-content .text-block .no_padding .banner_text {
    padding-right: 40px;
}

.text-page .page-content .text-block .no_padding .icon_section,
.text-page .page-content .text-block .no_padding .wrapper_block {
    display: flex;
    flex-wrap: wrap;
}

.text-page .page-content .text-block .no_padding .icon_block {
    display: flex;
    width: 22%;
    margin: 0px 0px 25px 0px;
    flex-direction: column;
    padding-right: 30px;
}

.text-page .page-content .text-block .no_padding .icon_block .icon_text {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #444444;
}

.text-page .page-content .text-block .no_padding .icon_block .icon_i {
    margin-bottom: 7px;
}

.text-page .page-content .text-block .no_padding p,
.text-page .page-content .text-block .no_padding ul li,
.text-page .page-content .text-block .no_padding .y_text,
.text-page .page-content .text-block .no_padding .border_block__text {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #444444;
}

.text-page .page-content .text-block .no_padding hr {
    background-color: #DEDEDE;
    height: 1px;
    border: none;
    margin: 40px 0px;
}

.text-page .page-content .text-block .no_padding .left_block,
.text-page .page-content .text-block .no_padding .right_block {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.text-page .page-content .text-block .no_padding .column_list {
    margin-left: 60px;
}

.text-page .page-content .text-block .no_padding .column_list .new_list {
    display: flex;
}

.text-page .page-content .text-block .no_padding .column_list .list_item {
    display: flex;
    align-items: center;
    margin: 0px 0px 20px 0px;
}

.text-page .page-content .text-block .no_padding .column_list .list_item .new_list_marker {
    display: flex;
    font-weight: 900;
    font-size: 23px;
    line-height: 47px;
    color: #393186;
    border-radius: 50%;
    background: #F7F7F7;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.text-page .page-content .text-block .no_padding .column_list .list_item .new_list_text {
    width: 65%;
}

.text-page .page-content .text-block .no_padding .gray_block {
    background: #F7F7F7;
    margin-right: 30px;
    padding: 30px;
    width: 26%;
    margin-bottom: 20px;
}

.text-page .page-content .text-block .no_padding .gray_block .gray_title {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #393186;
    margin-bottom: 18px;
}

.text-page .page-content .text-block .no_padding .gray_block:last-child {
    margin-right: 0px;
}

.text-page .page-content .text-block .no_padding h2 {
    margin: 40px 0px;
    color: #000000;
}

.text-page .page-content .text-block .no_padding h5 {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    margin: 20px 0px;
}

.text-page .page-content .text-block .no_padding .cart_link_b {
    padding-right: 40px;
}

.text-page .page-content .text-block .no_padding #cart_link img {
    max-width: 570px;
    margin-bottom: 25px;
}

.text-page .page-content .text-block .no_padding .icons_ok {
    display: flex;
    margin: 15px 0px;
}

.text-page .page-content .text-block .no_padding .icons_ok .y_icon {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

.text-page .page-content .text-block .no_padding .border_block {
    border: 1px solid #ECECEC;
    box-sizing: border-box;
    padding: 30px;
    margin-right: 30px;
    width: 23%;
    margin-bottom: 30px;
    text-align: center;
}

.text-page .page-content .text-block .no_padding .border_block .blue_title {
    font-weight: 900;
    font-size: 35px;
    line-height: 49px;
    color: #393186;
    margin-bottom: 12px;
}

.text-page .page-content .text-block .no_padding .border_block:last-child {
    margin-right: 0px;
}

.text-page .page-content .text-block .no_padding .img_item {
    width: 20%;
    margin-bottom: 25px;
}

.text-page .page-content .text-block .no_padding ul li {
    padding-left: 0px;
}

.text-page .page-content .text-block .no_padding .top_banner_block_f7 {
    background: #F7F7F7;
    padding: 25px 25px 25px 45px;
    display: flex;
    margin-top: -54px;
}

.text-page .page-content .text-block .no_padding .top_banner_block_f7 .blue_block {
    padding: 10px 15px;
    color: #fff;
    background: #393186;
    border-radius: 8px;
    border-color: #393186;
    text-decoration: none;
    text-align: center;
    max-width: 349px;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
}

.text-page .page-content .text-block .no_padding .top_banner_block_f7 .banner_image {
    width: 60%;
}

.text-page .page-content .text-block .no_padding .top_banner_block_f7 .banner_info {
    width: 40%;
}

.text-page .page-content .text-block .no_padding .top_banner_block_f7 .text_title {
    margin: -30px 0px 30px 0;
}

.text-page .page-content .text-block .no_padding .top_banner_block_f7 .banner_info {
    justify-content: center;
}

.text-page .page-content .text-block .no_padding .icon_section.new_section {
    margin-top: 35px;
}

.text-page .page-content .text-block .no_padding .icon_section.new_section .icon_block .icon_text {
    font-size: 18px;
    line-height: 24px;
}

.text-page .page-content .text-block .no_padding .icon_section.new_section .icon_block .icon_i {
    margin-bottom: 10px;
    height: 60px;
}

/*----*/
/*--страница О компании--*/
.text-page .page-content .text-block .no_padding.about .icon_section {
    margin-top: 70px;
}

.text-page .page-content .text-block .no_padding.about .icon_block {
    width: 31%;
    flex-direction: row;
    align-items: center;
}

.text-page .page-content .text-block .no_padding.about .icon_block:last-child {
    padding-right: 0px;
}

.text-page .page-content .text-block .no_padding.about .right_i {
    margin-left: 20px;
}

.text-page .page-content .text-block .no_padding.about .icon_title {
    font-weight: 900;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 15px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block {
    width: auto;
    height: auto;
    background: #F7F7F7;
    padding: 0;
    margin-bottom: 70px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_text {
    padding: 45px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_text .text_title {
    margin-top: 0px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_info {
    width: 75%;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_image {
    width: 25%;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_image .top_logo,
.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_image .bottom_logo {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_text {
    font-size: 18px;
    line-height: 30px;
    color: #6E66C3;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .banner_text {
    padding-bottom: 45px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block {
    background: #393186;
    padding: 45px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_block {
    padding: 0px 19px;
    border-right: 2px solid #fff;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_block:first-child {
    padding-left: 0px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_block:last-child {
    padding-right: 0px;
    border-right: none;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_text {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_bold_text {
    font-weight: 900;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin: 5px 0px;
}

.text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block b {
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: block;
}

/*----*/
/*--Страница Доставка--*/
.delivery_order .content-area {
    overflow: hidden;
}

.delivery_order h1 {
    display: none;
}

.delivery_order .text-block {
    padding: 0;
}

.delivery_order .text-block .gray_banner {
    background-color: #E5E5E5;
    margin-bottom: 15px;
}

.delivery_order .text-block .gray_banner .banner_block {
    padding: 45px 0px 30px 45px;
}

.delivery_order .text-block .gray_banner .banner_block .banner_title {
    font-weight: bold;
    font-size: 30px;
    line-height: 39px;
    color: #393186;
    margin-bottom: 45px;
}

.delivery_order .text-block .gray_banner .banner_block .banner_text {
    font-weight: normal;
    font-size: 25px;
    line-height: 30px;
    color: #393186;
}

.delivery_order .text-block .gray_banner .banner_block .banner_text b {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}

.delivery_order .text-block .gray_banner .banner_block .banner_tel {
    margin: 31px 0px 57px 0px;
}

.delivery_order .text-block .gray_banner .banner_block .banner_tel a {
    font-weight: bold;
    font-size: 30px;
    line-height: 39px;
    text-decoration: none;
    color: #393186;
}

.delivery_order .text-block .gray_banner .banner_block .banner_tel a span.big_tel {
    font-weight: bold;
    font-size: 65px;
    line-height: 39px;
}

.delivery_order .text-block .gray_banner .banner_block .banner_tel a:hover {
    text-decoration: none;
    color: #393186;
}

.delivery_order .text-block .line_gray {
    background: #E5E5E5;
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    margin: 40px 0px;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #393186;
}

.delivery_order .text-block .line_gray .banner_title {
    margin-bottom: 0px;
}

.delivery_order .text-block span.btn_block {
    background: #393186;
    padding: 28px 30px;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #FEFEFE;
    display: block;
    margin: auto 0px;
}

.delivery_order .text-block .blue_title {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #393186;
    margin: 25px 0px 28px 0px;
    display: inline-block;
}

.delivery_order .text-block .wrapper_block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.delivery_order .text-block .left_block,
.delivery_order .text-block .right_block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 48.7%;
}

.delivery_order .text-block .left_block {
    margin-right: 15px;
}

.delivery_order .text-block .right_block {
    margin-left: 15px;
}

.delivery_order .text-block hr {
    width: 100%;
    height: 4px;
    background-color: #E5E5E5;
    border: none;
}

.delivery_order .text-block .icon_line {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.delivery_order .text-block .icon_line span.icon_text {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #2B2A28;
    margin-left: 30px;
}

.delivery_order .text-block .relative_block {
    position: relative;
}

.delivery_order .text-block .relative_block .absolute_img {
    position: absolute;
    right: 0px;
    top: -200px;
}

.delivery_order .text-block .relative_block .absolute_img .image_block {
    text-align: right;
}

.delivery_order .text-block .relative_block .absolute_img .blue_line {
    background: #393186;
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    color: #FEFEFE;
    padding: 25px 120px 25px 30px;
    margin-top: 25px;
}

.delivery_order .text-block .relative_block .absolute_img .blue_line .blue_line_i {
    position: absolute;
    top: -25px;
    right: 30px;
}

.delivery_order .text-block .ch-item:first-child {
    margin-top: 21px;
}

.delivery_order .text-block .ch-item img {
    margin: 10px 15px 10px 0px;
    vertical-align: middle;
}

.delivery_order .text-block .list_item {
    display: inline-block;
    width: 49%;
}

.delivery_order .text-block .list_item img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.delivery_order .text-block .text div {
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    color: #2B2A28;
    margin: 7px 0px;
}

.delivery_order .text-block .text hr {
    margin: 20px 0px;
}

.delivery_order .text-block .m_bottom45 {
    margin-bottom: 45px;
}

.delivery_order .text-block .m_bottom80 {
    margin-bottom: 45px;
}

.delivery_order .text-block .rub_circle {
    vertical-align: middle;
    margin-right: 23px;
    display: inline-block;
}

/*----*/
/*---поиск---*/
.catalog-sections {
    display: flex;
    flex-wrap: wrap;
    margin-top: 19px;
    padding-bottom: 25px;
}

.catalog-sections a.catalog_sections_block {
    padding: 10px 10px;
    background: #ffffff;
    border: 2px solid #e2e2e2;
    margin-right: 17px;
    margin-bottom: 17px;
    width: 29%;
    font: 700 18px/20px Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

.catalog-sections a.catalog_sections_block:hover {
    color: #000;
    text-decoration: none;
}

/*----*/
/*--поле поиска в шапке-*/
header.menu-collapsed .menu .search-block.search-block__sticky {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 30px;
    background: #fff;
    box-shadow: 0 3px 3px #00000080;
    padding-right: 10px;
}

header.menu-collapsed.fixed .header-wrapper {
    position: relative;
}

/**/
header .bx-searchtitle .bx-input-group .bx-form-control {
    height: 24px;
    border: 0;
    padding: 0;
    color: #666;
    width: 100%;
    background: #fff;
}

header .bx-searchtitle .bx-input-group {
    display: block;
}

header .bx-searchtitle .bx-input-group-btn {
    z-index: 2;
}

header .search-block {
    height: 56px;
}

header #smart-title-search {
    width: 600px;
    padding: 0;
    margin: 0;
}

header #smart-title-search.bx-searchtitle .bx-searchtitle-preloader {
    top: 0px;
    right: 0;
    width: 50px;
    height: 56px;
    background-color: white;
}

.bx_item_block.all_result.js_search_href {
    display: none;
}

header.menu-collapsed .menu .search-block.search-block__sticky {
    padding: 10px 10px 10px 20px;
    height: auto;
    right: 0px;
}

/*--*/
select#sort_result {
    margin-left: 12px;
    border: 2px solid #e2e2e2;
    padding: 6px 3px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
}

/*new filter*/
.new-filter .checkbox-select-container {
    border: none;
    max-height: initial;
}

.new-filter .checkbox-select-container .dropdown-select.js-dropdown-select {
    display: block;
    position: relative;
    border: none;
    top: 0;
}

.new-filter .checkbox-select-container .dropdown-select.js-dropdown-select .checkbox-container {
    padding: 10px 0px;
}

.new-filter .checkbox-select-container .dropdown-select.js-dropdown-select .checkbox-container .checkbox-immitator {
    float: left;
}

.new-filter .checkbox-select-container .dropdown-select.js-dropdown-select .checkbox-container:hover {
    background: transparent;
}

.new-filter .checkbox-select-container .hidden {
    display: none;
}

.new-filter .checkbox-select-container .arr-checkbox-container {
    position: relative;
    display: none;
    text-align: right;
    margin-top: 10px;
    padding-right: 20px;
    color: #393186;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
}

.new-filter .checkbox-select-container .arr-checkbox-container:before {
    width: 11px;
    height: 6px;
    background: url('/local/css/../images/sprite.svg') -226px -39px no-repeat;
    content: '';
    position: absolute;
    top: 57%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new-filter .checkbox-select-container .arr-checkbox-container.hide:before {
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.new-filter .checkbox-select-container .arr-checkbox-container.active,
.new-filter .checkbox-select-container .arr-checkbox-container.active {
    display: block;
}

.new-filter .filter-line .filter-unit.filter-box {
    border: 1px solid #EAEBF9;
}

.new-filter .filter-line .filter-unit.filter-box .checkbox-select-container {
    padding: 10px;
    max-height: 173px;
    overflow-y: auto;
}

.new-filter .filter-line .filter-unit.filter-box .title {
    background-color: #EAEBF9;
    padding: 13px 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-filter .filter-line .filter-unit.filter-box .title .title-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #393186;
    cursor: default;
}

.new-filter .filter-line .filter-unit.filter-box .title span.collapse-icon {
    background-image: url('/local/images/redesign/collapse-filter.svg');
    background-repeat: no-repeat;
    background-size: 14px 7.5px;
    display: inline-block;
    width: 14px;
    height: 8px;
}

.new-filter .filter-line .filter-unit.filter-box.hide-filter .title span.collapse-icon {
    transform: rotate(180deg);
}

.new-filter .filter-line .filter-unit.filter-box.hide-filter .checkbox-select-container {
    display: none;
}

/**/
/*hide price*/
.product-list.block span.price-new {
    min-height: 36px;
}

.product-list.block span.price-by-card {
    min-height: 30.49px;
}

.product-list.table span.price-new,
.product-list.table span.price-by-card {
    min-height: 45px;
    display: block;
}

/**/
.no-margin {
    margin: 0;
}

.catalog-detail-page .stocks-section.top_position .stock-list {
    background: none;
}

.catalog-detail-page .stocks-section.top_position .stock {
    width: 100%;
    padding: 21px 15px 15px 15px;
    background: #f5f5f5;
    margin: 10px 0;
}

.catalog-detail-page .stocks-section.top_position .stock .quantity {
    top: 20px;
}

.catalog-detail-page .stocks-section.top_position .name a {
    margin: 0;
}

.catalog-detail-page .stocks-section.top_position .stock:nth-child(2n) + .stock,
.catalog-detail-page .stocks-section.top_position .stock:nth-child(n) + .stock {
    border-left: none;
}

.tabs-content.product-files {
    overflow: hidden;
}

.tabs-content.product-files .file-link a {
    font: 700 14px/14px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    display: inline-block;
    margin: 5px 0 5px;
    border-bottom: 1px dashed transparent;
}

.tabs-content.product-files .file-link a:hover {
    border-color: #393186;
}

.search-form__history {
    width: initial;
}

body .user-search-history__show {
    display: none;
}

body .user-search-history__list-container > .user-search-history__list {
    position: absolute;
    top: 33px;
    left: 26px;
    width: 100%;
    border-radius: 0;
}

.personal-page .page-content.paneled .left-panel {
    width: 270px;
    padding: 0;
    margin-top: 96px;
}

@media (max-width: 940px) {
    .personal-page .page-content.paneled .left-panel {
        margin-top: 20px;
        margin-bottom: 0;
    }
}

.personal-page .page-content.paneled .left-panel .column-content {
    width: 270px;
    padding: 0;
}

@media screen and (min-width: 940px) {
    .flex-wrapper .catalog-new .filter {
        display: block !important;
    }

    .hidden-md {
        display: none !important;
    }

    header.menu-collapsed.fixed .mobile-logo-block .logo-mobile-new:after {
        /*width: 178px;
            height: 22px;*/
        width: 114px;
        height: 14px;
        background: url(/local/images/redesign/fixed-hh-logo.png);
        background-size: contain;
        display: inline-block;
        content: '';
        background-repeat: no-repeat;
    }

    header.menu-collapsed.fixed .logo-mobile-new {
        margin-top: 0;
        height: 14px;
    }

    header.menu-collapsed.fixed .info-block .count {
        right: -13px;
        top: -3px;
    }

    header.menu-collapsed.fixed #smart-title-search {
        display: none;
    }

    header #smart-title-search {
        display: flex;
        align-items: center;
    }

    .menu__item:last-child {
        display: none;
    }

    a.info-block.basket.js-header-basket {
        padding-right: 0px;
    }

    a.info-block.basket.js-header-basket .count {
        right: -9px;
        top: -3px;
    }

    body .bx_smart_searche .bx_item_block_href {
        padding: 9px 20px;
        margin: 0;
    }

    body .bx_smart_searche.theme-blue .bx_item_block_item_name b {
        font-weight: 800;
        color: #333;
    }

    body .bx_smart_searche .bx_item_block_item_price .bx_price_new {
        font-size: 14px;
        font-style: normal;
        font-weight: 800;
        line-height: 28px;
    }

    body .bx_smart_searche.theme-blue .bx_item_block_hrline {
        border-color: #E8E8E8;
        margin-bottom: 16.5px;
    }

    body .bx_smart_searche.theme-blue .bx_item_block_href_category_name {
        color: #333;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: none;
    }

    body .user-search-history__item a {
        font-size: 16px;
        line-height: 120%;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 768px) {
    .flex-wrapper .toggle-btn:hover {
        background: transparent;
    }

    img.response-mobile {
        max-width: 100%;
        height: auto;
    }

    .overflow-menu {
        overflow: hidden;
    }

    .hidden-xs {
        display: none !important;
    }

    body {
        min-height: auto;
    }

    .slider.js-slider {
        margin-top: 30px;
    }

    .menu__item:not(.catalog) {
        display: none;
    }

    .menu__item {
        font: 700 14px/40px Arial, sans-serif;
        padding: 0 6px;
    }

    .width-wrap {
        flex-direction: column;
    }

    .left-bar {
        width: 100%;
        margin: 0;
        float: none;
        min-width: initial;
    }

    .right-bar {
        width: 100%;
        float: none;
        min-width: initial;
    }

    .right-bar .actions-section .actions-tabs .tab {
        min-width: max-content;
        display: none;
    }

    .right-bar .actions-section .active-content .bx-viewport {
        min-height: 50px;
    }

    .right-bar .actions-section .active-content .bx-viewport .product-block {
        min-height: 230px;
    }

    .right-bar .actions-section .bx-wrapper {
        position: relative;
    }

    .right-bar .actions-section .bx-prev,
    .right-bar .actions-section .bx-next {
        display: block;
        position: absolute;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: center;
    }

    .right-bar .actions-section .bx-prev {
        left: -20px;
        background-image: url('/local/images/redesign/left.svg');
    }

    .right-bar .actions-section .bx-next {
        right: -20px;
        background-image: url('/local/images/redesign/left.svg');
        transform: rotate(180deg);
    }

    .right-bar .actions-section .bx-next:hover {
        background-image: url('/local/images/redesign/arr-active.svg');
        transform: rotate(0deg);
    }

    .right-bar .actions-section .bx-prev:hover {
        background-image: url('/local/images/redesign/arr-active.svg');
        transform: rotate(180deg);
    }

    .right-bar .actions-section .bx-viewport:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -7px;
        height: inherit;
        width: 40px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    }

    body.main-page .right-bar .slider-section .actions-content.slider .bx-viewport {
        padding-bottom: 25px;
        position: relative;
    }

    body .actions-section .actions-content .leftPrev,
    body .actions-section .actions-content .rightNext {
        display: block;
    }

    body.main-page .right-bar .actions-section.slider-section .actions-content .leftPrev {
        left: calc(50% - 55px);
        bottom: 15px;
        top: auto;
    }

    body.main-page .right-bar .actions-section.slider-section .actions-content .rightNext {
        top: auto;
        bottom: 15px;
        right: calc(50% - 55px);
    }

    body.main-page .right-bar .actions-section .bx-prev,
    body.main-page .right-bar .actions-section .bx-next {
        position: static;
        width: 42px;
        height: 42px;
    }

    .right-bar .actions-section .bx-prev:hover {
        background-image: url('/local/images/redesign/left.svg');
        transform: none;
    }

    .right-bar .actions-section .bx-next:hover {
        background-image: url('/local/images/redesign/left.svg');
        transform: rotate(180deg);
    }

    .main-page .width-wrap {
        width: 100%;
    }

    .main-page .width-wrap .slider {
        height: auto;
    }

    .main-page .width-wrap .slider .bx-wrapper {
        height: auto;
    }

    .main-page .width-wrap .slider .slides {
        height: auto;
    }

    .main-page .width-wrap .slider .slides .slide {
        height: auto;
    }

    .main-page .width-wrap .left-bar .slider .bx-wrapper,
    .main-page .width-wrap .left-bar .slider .slides .slide,
    .main-page .width-wrap .left-bar .slider {
        height: auto;
    }

    .width-wrap {
        width: 100%;
        padding: 0px 15px;
        margin: auto;
    }

    .width-wrap .catalog-wrap {
        width: 100%;
        max-width: 100%;
    }

    .width-wrap .catalog-wrap .catalog-card {
        width: 100%;
        min-height: auto;
        margin-right: 0px;
    }

    .width-wrap .catalog-wrap .catalog-card .children-list .list-inner {
        min-height: auto;
        margin-bottom: 20px;
    }

    .width-wrap .catalog-wrap .catalog-card .preview {
        height: auto;
    }

    header .prof-icon.search .search-block {
        width: 215px;
        right: 0;
        left: -176px;
    }

    header.menu-collapsed a.prof-icon.search.js-drop-search,
    header.menu-collapsed a.prof-icon.search.js-drop-search:hover {
        opacity: 1;
    }

    .banner-left {
        margin: 20px 0px 40px 0px;
    }

    .banner-left .banner-left-block {
        background-repeat: no-repeat;
        background-position: center;
    }

    .left-bar .slider.js-slider {
        margin-top: 0px;
    }

    .banner-block {
        background-size: contain;
    }

    .breadcrumb-block .breadcrumb-catalog {
        display: none;
    }

    footer .width-wrap {
        flex-direction: column;
    }

    .flex-wrapper .filter-controller .button.transparent-yellow {
        margin: 0px auto 0 !important;
        width: 90%;
    }

    .right-panel .product-list.block {
        padding: 0;
    }

    .right-panel .product-list.block .product-block {
        width: 100%;
        box-shadow: none;
        margin: 15px 0px;
        background: #fff;
    }

    .right-panel .product-list.block .product-block .photo-stub {
        margin: auto;
    }

    .right-panel .product-list.block .product-block .product-container {
        width: 100%;
    }

    .right-panel .product-list.block .product-block .product-container .short-descr {
        min-height: auto;
    }

    .right-panel .product-list.block .product-block .notton.transparent-yellow {
        position: relative;
        bottom: 0;
        left: 0;
        display: block;
        margin: 20px auto 0px;
    }

    .flex-wrapper a.toggle-btn.js-toggle-btn {
        display: block;
        margin: auto;
        width: 91%;
        max-width: initial;
        text-align: center;
    }

    .flex-wrapper a.toggle-btn.js-toggle-btn span.icon {
        margin-right: 10px;
    }

    .flex-wrapper .filter-controller .hide {
        display: block;
    }

    .flex-wrapper a.toggle-btn.js-toggle-btn.active {
        display: block;
    }

    header .info .width-wrap {
        justify-content: flex-end;
        height: 44px;
    }

    .menu-mobile button.menu-g {
        width: 50px;
        height: 53px;
        border-radius: 0;
        box-shadow: none;
        border: none;
        background-color: #393186;
        background-image: url('/local/images/redesign/menu-icon.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .active-menu .menu-mobile .menu-g {
        background-image: url('/local/images/redesign/close-menu.svg');
    }

    header.menu-collapsed .info {
        width: auto;
        min-width: auto;
    }

    header.menu-collapsed .info .width-wrap {
        height: 44px;
    }

    .menu .width-wrap {
        padding: 0;
    }

    header.menu-collapsed.fixed .info .prof-icon {
        margin: 0 6px;
    }

    header.fixed .header-wrapper {
        filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15));
        background: #fff;
    }

    .right-bar .product-list.block .product-block,
    .right-bar .actions-section .actions-content .product-list.block .product-block {
        width: 90%;
        margin: auto auto 30px;
    }

    footer .width-wrap {
        display: block;
    }

    footer .width-wrap .info {
        display: block;
        margin: auto;
        width: 52%;
    }

    footer .width-wrap .menu {
        width: 35%;
        float: left;
        margin-left: 30px;
        display: block;
    }

    footer .width-wrap .feedback-pay-block {
        width: 87%;
        margin: 0px 30px;
        display: block;
        float: left;
    }

    .product-list.block .product-block {
        width: 90%;
        margin-bottom: 20px;
    }

    a.info-block.basket.js-header-basket.disabled,
    a.info-block.compare.js-header-compare.disabled,
    a.info-block.favorites.js-header-deferred.disabled,
    header .menu-items {
        display: none;
    }

    .m__itm.level_3 {
        padding-left: 30px;
    }

    .dropdown-dopmenu {
        display: none;
    }

    .catalog-top-categories a {
        margin: 5px 0 10px 5px;
        width: 84%;
    }

    span.select2.select2-container.select2-container--default {
        margin-bottom: 10px;
        margin-left: 8px;
    }

    .form .row label.focus-hoock {
        width: 100%;
        padding-left: 20px;
    }

    .form .row label.focus-hoock input {
        width: 86%;
        display: block;
    }

    .form .row label.focus-hoock .eye {
        top: 35px;
        right: 30px;
    }

    .popup.popup-login .row .button,
    button.button.transparent-yellow {
        width: 100%;
    }

    .popup-register .form .row label.focus-hoock .eye {
        top: 35px;
    }

    .rel-prod-block .product-list.block .product-block {
        width: 100%;
        height: auto;
    }

    .block.discount-card.discount-card-request.js-get-card-form .row {
        display: block;
    }

    .personal-page .page-content.paneled .left-panel .column-content,
    .page-content.paneled .left-panel li {
        width: 100%;
    }

    .personal-page .page-content .add-new-address.change-password {
        padding: 20px 0px;
    }

    .personal-page .page-content .add-new-address.change-password .eye {
        right: 0px;
        top: 17px;
    }

    .personal-page .page-content .add-new-address.change-password .input {
        margin-right: 35px;
    }

    .personal-page .page-content .add-new-address.personal .form {
        padding: 20px 0px 30px;
    }

    header.mobile.fixed + .content-area {
        padding-top: 40px !important;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .order-page .discount-card {
        padding-left: 15px;
    }

    header.menu-collapsed.fixed .info-block {
        margin: 0 10px 0px 0px;
    }

    header.menu-collapsed.fixed .info .prof-icon.search {
        margin-left: 0px;
    }

    header.menu-collapsed .width-wrap {
        margin: auto 10px;
    }

    .breadcrumb-block {
        margin-top: 15px;
    }

    .total-block .order-block .total-line {
        margin: 17px 15px;
    }

    .catalog-list-page .right-panel .show-more {
        margin-top: 0px;
    }

    .banner-bottom,
    .left-bar .slider.js-slider,
    .banner-left {
        display: none;
    }

    header .search-block input[type=text] {
        width: 81%;
    }

    .catalog-sections {
        padding-bottom: 0px;
    }

    .catalog-sections a.catalog_sections_block {
        width: 100%;
        margin-bottom: 17px;
        margin-right: 0;
    }

    /*-мобильность Профиклуб и Программа лояльности-*/
    .text-page .page-content .text-block .no_padding {
        margin-top: -70px;
        /*---программа лояльности----*/
        /*--*/
    }

    .text-page .page-content .text-block .no_padding .top_banner_block {
        display: block;
        height: auto;
        padding: 35px 15px;
        margin: 0px -15px;
    }

    .text-page .page-content .text-block .no_padding .banner_info,
    .text-page .page-content .text-block .no_padding .banner_image {
        display: block;
        flex-direction: initial;
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding .banner_image > img {
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding .text_title {
        font-size: 24px;
        line-height: 28px;
    }

    .text-page .page-content .text-block .no_padding .icon_section,
    .text-page .page-content .text-block .no_padding .column_list .new_list {
        display: block;
    }

    .text-page .page-content .text-block .no_padding .icon_block,
    .text-page .page-content .text-block .no_padding .left_block,
    .text-page .page-content .text-block .no_padding .right_block {
        display: block;
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding .column_list {
        margin-left: 0px;
    }

    .text-page .page-content .text-block .no_padding .gray_block,
    .text-page .page-content .text-block .no_padding .border_block {
        width: 100%;
        margin-right: 0px;
    }

    .text-page .page-content .text-block .no_padding #cart_link img {
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding .img_item {
        width: 50%;
    }

    .text-page .page-content .text-block .no_padding .response_img {
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding .img_item {
        width: 50%;
        margin: auto auto 25px auto;
    }

    .text-page .page-content .text-block .no_padding .img_item > img {
        width: 85%;
    }

    .text-page .page-content .text-block .no_padding .border_block {
        padding: 26px;
        margin-bottom: 20px;
    }

    .text-page .page-content .text-block .no_padding .banner_text {
        padding-right: 0px;
    }

    .text-page .page-content .text-block .no_padding h2 {
        margin: 30px 0;
    }

    .text-page .page-content .text-block .no_padding .top_banner_block_f7 {
        display: block;
        height: auto;
        padding: 35px 15px;
        margin: 0 -15px;
    }

    .text-page .page-content .text-block .no_padding .top_banner_block_f7 .banner_image,
    .text-page .page-content .text-block .no_padding .top_banner_block_f7 .banner_info {
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding .top_banner_block_f7 .text_title {
        margin: 0px 0px 30px 0;
    }

    .text-page .page-content .text-block .no_padding .top_banner_block_f7 .blue_block {
        font-size: 16px;
        line-height: 18px;
        display: block;
        margin: 20px auto;
    }

    .text-page .page-content .text-block .no_padding .icon_section.new_section .icon_block .icon_text {
        font-size: 16px;
        line-height: 22px;
    }

    /*--*/
    /*--страница О компании--*/
    .text-page .page-content .text-block .no_padding.about {
        margin-top: -15px;
    }

    .text-page .page-content .text-block .no_padding.about hr {
        margin: 30px 0;
    }

    .text-page .page-content .text-block .no_padding.about hr.hidden-md.new_hr {
        margin: 0px auto;
        max-width: 170px;
    }

    .text-page .page-content .text-block .no_padding.about .icon_block {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .text-page .page-content .text-block .no_padding.about .icon_section {
        margin-top: 30px;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block {
        margin-bottom: 35px;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block .blue_text {
        font-size: 16px;
        line-height: 24px;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block .banner_text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block .banner_info {
        width: 100%;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_block {
        padding: 20px 0px;
        border-right: none;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_block:first-child {
        padding-top: 0;
    }

    .text-page .page-content .text-block .no_padding.about .top_banner_block .blue_block .column_block:last-child {
        padding-bottom: 0;
    }

    .text-page .page-content .text-block .no_padding.about .wrapper_block {
        display: block;
    }

    /*--*/
    /*-страница Доставка  оплата-*/
    .delivery_order .breadcrumb-block {
        display: none;
    }

    .delivery_order .text-block .form {
        margin-top: 30px;
    }

    .delivery_order .text-block .form .filters .submit-block {
        max-height: 95px;
    }

    .delivery_order .text-block .gray_banner {
        margin: 0px -15px 25px -15px;
    }

    .delivery_order .text-block .gray_banner .banner_block {
        padding: 30px 0px 30px 15px;
    }

    .delivery_order .text-block .gray_banner .banner_block .banner_title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .delivery_order .text-block .gray_banner .banner_block .banner_text {
        font-size: 16px;
        line-height: 24px;
    }

    .delivery_order .text-block .gray_banner .banner_block .banner_tel {
        margin: 5px 0px 20px 0px;
    }

    .delivery_order .text-block .gray_banner .banner_block .banner_tel a,
    .delivery_order .text-block .gray_banner .banner_block .banner_tel a > span.big_tel {
        font-size: 25px;
        line-height: 30px;
    }

    .delivery_order .text-block .left_block,
    .delivery_order .text-block .right_block {
        width: 100%;
        margin: 0px;
    }

    .delivery_order .text-block .relative_block .absolute_img {
        position: relative;
        right: 0px;
        top: 0px;
    }

    .delivery_order .text-block .relative_block .absolute_img .image_block img {
        width: 100%;
    }

    .delivery_order .text-block .relative_block .absolute_img .blue_line.relative_block {
        margin: 25px -15px;
    }

    .delivery_order .text-block .relative_block .absolute_img .blue_line.relative_block .blue_line_i {
        position: absolute;
        top: 18px;
        right: 15px;
    }

    .delivery_order .text-block .blue_title {
        margin: 0px 0px 25px 0px;
    }

    .delivery_order .text-block .line_gray {
        margin: 25px -15px 25px -15px;
        display: flex;
        align-items: center;
        padding: 15px;
    }

    .delivery_order .text-block .blue_title {
        margin: 0px 0px 25px 0px;
    }

    .delivery_order .text-block .list_item {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .delivery_order .text-block span.btn_block {
        margin: 25px -15px;
    }

    .delivery_order .text-block span.icon,
    .delivery_order .text-block .list_item img {
        width: 60px;
        height: 60px;
    }

    .delivery_order .text-block .image_block {
        margin-top: 25px;
    }

    .delivery_order .text-block .rub_circle {
        margin-right: 15px;
    }

    .delivery_order .text-block .rub_circle img {
        width: 60px;
        height: 60px;
    }

    .delivery_order .text-block .line_gray span {
        text-align: left;
    }

    /*--*/
    /*поле поиска в шапке*/
    header.menu-collapsed .menu #smart-title-search.search-block.search-block__sticky {
        width: 215px;
        right: 7px;
        top: 44px;
        margin: 0;
    }

    /*---*/
    .flex-wrapper .filter-line .filter-unit {
        margin-right: 0;
    }

    .filter-line .filter-unit.filter-box {
        width: 100%;
        max-width: initial;
    }

    body footer .width-wrap,
    body.main-page footer .width-wrap {
        flex-direction: column;
    }

    body footer .width-wrap .info {
        margin: 0;
        width: auto;
        margin-left: 15px;
        padding-left: 0;
    }

    body footer .info {
        padding-top: 30px;
    }

    footer .info .logo {
        display: flex;
        align-items: center;
        width: auto;
    }

    footer .info .logo .logo-box1 {
        margin-right: 25px;
        margin-bottom: 0;
    }

    footer .feedback-pay-block .info-site .info-site-wrap {
        flex-direction: column;
        align-items: start;
    }

    .info-site-wrap_item.dev-box {
        margin-top: 20px;
    }

    footer .width-wrap .menu {
        margin-left: 15px;
        padding: 28px 0 0;
    }

    body .content-area .width-wrap {
        display: flex;
        flex-direction: column;
    }

    body header .header-wrapper .search-block form .bx-input-group input:hover {
        background-color: #ffffff;
    }

    header .search-block input:hover + .bx-input-group-btn button[type=submit]:after {
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    body header #smart-title-search.search-block button[type=submit] {
        height: 34px;
        top: 0px;
    }

    body .actions-products_title.mt-title-mobile {
        margin-top: 45px;
        margin-bottom: 0px;
    }

    body .search-form__history {
        width: 0;
    }
}

@media screen and (max-width: 320px) {
    header .menu-items .catalog-menu span:after {
        content: none;
    }

    .menu_m_link {
        width: 74%;
    }

    .catalog-block-mobile .menu_m_link {
        width: 63%;
    }

    footer .width-wrap .info {
        width: 58%;
    }

    footer .width-wrap .menu {
        width: 38%;
        margin-left: 15px;
    }

    footer .width-wrap .feedback-pay-block {
        width: 91%;
        margin: 20px 10px;
    }
}

.breadcrumbs span {
    color: #393186;
}

.breadcrumbs span:before {
    border-bottom: none;
}

.promotion-block {
    width: 70px;
    height: 30px;
    background-color: #FFDD00;
    border-radius: 5px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 15px;
    left: 15px;
}

.promotion-block span {
    font-family: OfficinaSansExtraBoldC;
    font-size: 15px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

/*
 * PF-28145
 * правки вывода акций на главной
 */
.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price .price-name {
    font-size: 13px;
    width: 75px;
    line-height: initial;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .rub {
    font-size: 17px !important;
}

.catalog-detail-page .tabs-content.stocks .price-item.price-by-card .js-value,
.catalog-detail-page .tabs-content.stocks .price-item .js-value {
    font-size: 17px;
}

/*new header*/
header .header-wrapper .info {
    height: 92px;
}

header .header-wrapper .info .width-wrap {
    height: 92px;
}

header .header-wrapper .info .info-block {
    padding: 0px 10px;
    margin-right: 0px;
    cursor: pointer;
}

header .header-wrapper .info .info-block span.icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

header .header-wrapper .info .info-block .text {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.5px;
}

header .header-wrapper .info .info-block .count {
    padding: 3px 8px 3px;
    background: #fecc00;
    color: #000;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 4.80446px;
    height: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
}

header .header-wrapper .info .info-block .icon {
    position: relative;
}

header .header-wrapper .info .info-block.favorites .icon {
    background: none;
    color: #fff;
    width: 29.2px;
    height: 28px;
    margin-bottom: 7px;
    margin-top: 0;
}

header .header-wrapper .info .info-block.basket .icon {
    background: none;
    color: #fff;
    width: 32px;
    height: 28px;
    margin-bottom: 7px;
    margin-top: 0;
}

header .header-wrapper .info .info-block:hover.favorites .icon {
    background: none;
    color: #FFF;
    width: 29.2px;
    height: 28px;
}

header .header-wrapper .info .info-block:hover.basket .icon {
    background: none;
    color: #FFF;
    width: 32px;
    height: 28px;
}

header .header-wrapper .info .info-block.disabled:hover.favorites .icon {
    background: none;
    width: 29.2px;
    height: 28px;
}

header .header-wrapper .info .info-block.disabled:hover.basket .icon {
    background: none;
    width: 32px;
    height: 28px;
}

header .header-wrapper .info .prof-icon_box {
    color: #000000;
    width: 24.5px;
    height: 28px;
    margin: 0px auto 7px auto;
}

header .header-wrapper .info .prof-icon.username:hover .prof-icon_box {
    color: #fecc00;
}

header .header-wrapper .info .search-block form {
    border-radius: 3px;
    background: transparent;
    border: none;
    padding: 0;
    height: 56px;
}

header .header-wrapper .info .search-block form .bx-input-group {
    height: 100%;
    color: #333333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

header .header-wrapper .info .search-block form .bx-input-group input {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    padding: 19px;
    margin-top: 0;
}

header .header-wrapper .info .search-block form .bx-input-group input::placeholder {
    color: white;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

header .header-wrapper .info .search-block form .bx-input-group input:hover {
    background: white;
}

header .header-wrapper .info .search-block form .bx-input-group input:hover::placeholder {
    color: #333333;
}

header .header-wrapper .info .search-block form .bx-input-group input:focus {
    border: none;
    background: #fff;
}

header .header-wrapper .info .search-block form .bx-input-group input:focus::placeholder {
    color: #333333;
}

header .header-wrapper .info .prof-icon.username {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
}

header .header-wrapper .info .info .prof-icon:before,
header .header-wrapper .info .info .prof-icon:after {
    content: none;
}

header .header-wrapper .info span.prof-name_box {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    max-width: 170px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 22.5px;
}

header .header-wrapper .info .phone {
    margin-top: 15px;
}

header .header-wrapper .info .phone span {
    font-weight: 400;
    font-size: 15px;
    line-height: 17px;
    color: #666666;
    margin-bottom: 5px;
}

header .header-wrapper .info .phone a {
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.428911px;
    color: #000000;
}

header .header-wrapper .info .personal-box,
header .header-wrapper .info .info-block {
    margin-top: 10px;
}

header .header-wrapper .info-block {
    padding: 0px 10px;
    margin-right: 0px;
    cursor: pointer;
}

header .header-wrapper .info-block span.icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

header .header-wrapper .info-block .text {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.5px;
}

header .header-wrapper .info-block .count {
    padding: 3px 8px 3px;
    background: #fecc00;
    color: #000;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 4.80446px;
    height: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
}

header .header-wrapper .info-block .icon {
    position: relative;
}

header .header-wrapper .info-block.favorites .icon {
    background: none;
    color: #fff;
    width: 29.2px;
    height: 28px;
    margin-bottom: 7px;
    margin-top: 0;
}

header .header-wrapper .info-block.basket .icon {
    background: none;
    color: #fff;
    width: 32px;
    height: 28px;
    margin-bottom: 7px;
    margin-top: 0;
}

header .header-wrapper .info-block:hover.favorites .icon {
    background: none;
    color: #FFF;
    width: 29.2px;
    height: 28px;
}

header .header-wrapper .info-block:hover.basket .icon {
    background: none;
    color: #FFF;
    width: 32px;
    height: 28px;
}

header .header-wrapper .info-block.disabled:hover.favorites .icon {
    background: none;
    width: 29.2px;
    height: 28px;
}

header .header-wrapper .info-block.disabled:hover.basket .icon {
    background: none;
    width: 32px;
    height: 28px;
}

header .header-wrapper .prof-icon_box {
    color: #000000;
    width: 24.5px;
    height: 28px;
    margin: 0px auto 7px auto;
}

header .header-wrapper .prof-icon.username:hover .prof-icon_box {
    color: #fecc00;
}

header .header-wrapper .search-block form {
    border-radius: 3px;
    background: transparent;
    border: none;
    padding: 0;
    height: 56px;
}

header .header-wrapper .search-block form .bx-input-group {
    height: 100%;
    color: #333333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

header .header-wrapper .search-block form .bx-input-group input {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    padding: 19px;
    margin-top: 0;
}

header .header-wrapper .search-block form .bx-input-group input::placeholder {
    color: var(--2-blue, #B2E4F4);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

header .header-wrapper .search-block form .bx-input-group input:hover {
    background-color: #63C8E8;
}

header .header-wrapper .search-block form .bx-input-group input:focus {
    border: none;
    background: #fff;
}

header .header-wrapper .search-block form .bx-input-group input:focus::placeholder {
    color: #333333;
}

header .header-wrapper .prof-icon.username {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
}

header .header-wrapper .info .prof-icon:before,
header .header-wrapper .info .prof-icon:after {
    content: none;
}

header .header-wrapper span.prof-name_box {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    max-width: 170px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 22.5px;
}

header .header-wrapper .phone {
    display: flex;
    align-items: center;
}

header .header-wrapper .phone .phone-wrapper {
    display: flex;
    align-items: center;
}

header .header-wrapper .phone .phone-wrapper:hover a,
header .header-wrapper .phone .phone-wrapper:hover .phone-icon {
    color: #857FC3;
}

header .header-wrapper .phone .phone-icon {
    color: #393186;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    transition: all 0.3s linear;
}

header .header-wrapper .phone a {
    color: #393186;
    font-size: 28px;
    font-weight: 800;
    line-height: 29px;
    text-decoration: none;
    margin-right: 10px;
    letter-spacing: -0.4px;
    transition: all 0.3s linear;
}

header .header-wrapper .phone span {
    color: #858585;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    max-width: 125px;
    display: block;
}

header.menu-collapsed.fixed .lk_button .text {
    display: none;
}

header.menu-collapsed.fixed .personal-box {
    margin: 0 15px;
    padding: 0px 10px;
}

header.menu-collapsed.fixed .favorites .icon,
header.menu-collapsed.fixed .basket .icon {
    margin-bottom: 0px;
}

header.menu-collapsed.fixed .lk_button-icon {
    transform: scale(0.75);
    margin: 0;
}

header.menu-collapsed.fixed .header-wrapper .wrapper-profile .lk_button {
    padding: 0;
}

header.menu-collapsed.fixed .profile a.prof-icon.username {
    display: flex;
    flex-direction: column;
}

header.menu-collapsed.fixed a.prof-icon.login.js-auth {
    display: block;
}

header.menu-collapsed.fixed span.prof-icon_box {
    transform: scale(0.75);
    display: block;
    margin: 0;
}

body .bx_smart_searche .bx_item_block_item_name {
    height: auto;
}

.bx_smart_searche .bx_item_block_item_name_flex_align {
    color: #333;
    font-weight: 400;
    line-height: normal;
}

.bx_item_block_item_price.bx_item_block_item_price_only_one .bx_price_new {
    color: #333;
    text-align: right;
    font-size: 14px;
    font-weight: 800;
    line-height: 28px;
}

.bx_smart_searche {
    margin-bottom: 15px;
}

body .photo-section .promotion-block {
    background: #FFDD00;
    padding: 8px 17px;
    position: absolute;
    left: 0;
    z-index: 1;
    width: auto;
    height: auto;
    top: 0;
}

body .photo-section .promotion-block span {
    font-family: inherit;
    font-size: 15px;
    color: #c31414;
    font-weight: 800;
    line-height: normal;
    border-radius: 3.717px;
    letter-spacing: 0em;
    text-align: left;
}

body .promotion-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px 0px;
}

body .promotion-price_title {
    color: #c31414;
    margin-bottom: 14px;
    font-weight: bold;
}

body .promotion-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 25px 0px;
    width: 100%;
}

body .promotion-price_title {
    color: #c31414;
    margin-bottom: 14px;
    font-weight: bold;
}

body .promotion-price_box:not(.price_box) {
    background: #E8E8E8;
    padding: 15px 10px 15px 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

body .promotion-price_box:not(.price_box) .promotion-price_box__val {
    background: #FFDD00;
    border-radius: 3.717px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    color: #c31414;
    font-weight: bold;
}

body .promotion-price_box.price_box {
    background: #FFDD00;
    color: #c31414;
    width: 100%;
}

body .promotion-price_box.price_box .promotion-price_box__val {
    background: #FFDD00;
    border-radius: 3.717px;
    flex-shrink: 0;
    padding: 4px;
    color: #c31414;
    font-weight: bold;
}

body .promotion-price_box.price_box .promotion-price_box__head {
    padding-left: 6px;
    font-weight: 600;
    text-align: left;
}

body .action.center-items {
    text-align: center;
}

body .catalog-detail-page .buy-section .action.center-items a {
    margin: 0;
}

@media (max-width: 640px) {
    body .promotion-price {
        margin: 25px 0px 15px 0px;
    }
}

body span.marker {
    background: #FFDD00;
    padding: 5px 12px;
    color: #c31414;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    border-radius: 3.717px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

body .photo-wrap {
    position: relative;
}

body .product-list.table .product-block .bottom .price {
    min-width: 150px;
}

@media screen and (max-width: 940px) {
    header.fixed {
        min-width: initial;
    }

    header.menu-collapsed.fixed .personal-box {
        padding: 0;
        margin: 0 7px;
    }

    header.menu-collapsed.fixed .lk_button-icon {
        transform: scale(0.8);
        margin: 0;
        display: inline-block;
    }

    header.menu-collapsed.fixed .header-wrapper .wrapper-profile .lk_button {
        padding: 5px;
        display: flex;
        align-items: center;
        min-width: 25px;
    }

    header.menu-collapsed.fixed .prof-icon.username span.prof-icon_box {
        transform: scale(0.8);
        display: block;
        margin: 0;
        margin-top: 3px;
    }

    header.menu-collapsed.fixed .info .prof-icon {
        margin: 0;
    }

    header .header-wrapper .info .info-block {
        padding-left: 0;
    }

    header.menu-collapsed.fixed .header-wrapper .info .info-block {
        margin: 0 3px 0 0;
    }

    header .profile {
        padding: 0;
    }

    header.menu-collapsed.fixed .info .prof-icon.search {
        display: block;
    }

    header.menu-collapsed.fixed .info .prof-icon.search:before {
        content: "";
        width: 16px;
        height: 16px;
        background: url('/local/images/sprite.svg') -42px -204px no-repeat;
        margin: 0 10px -4px 0;
    }

    .wrapper-profile .lk_button:hover .lk_button-icon {
        color: #000;
    }

    header .info .width-wrap {
        background: none;
    }

    header.menu-collapsed .menu .width-wrap {
        margin-right: 0;
    }

    .catalog-list-page .product-list.table .product-block .description .bottom {
        gap: 20px;
        flex-direction: column;
    }

    body .product-list.table .product-block .bottom .price {
        min-width: 182px;
    }

    body .bx_smart_searche .bx_item_block_item_name {
        padding-right: 10px;
    }

    .bx-searchtitle-preloader.view.show-preloader + button {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    header.menu-collapsed.fixed .basket .icon {
        margin-bottom: 2px;
    }

    .wrapper-profile .profile {
        min-width: initial;
    }

    .page-content.paneled .left-panel {
        max-width: 220px;
    }
}

header.menu-collapsed.fixed .info {
    background: none;
}

header.menu-collapsed.fixed .search-block,
header.menu-collapsed.fixed .phone {
    display: none;
}

header.menu-collapsed.fixed .wrapper-profile .lk_button .lk_button-icon,
header.menu-collapsed.fixed .info-block.favorites .icon,
header.menu-collapsed.fixed .info-block.basket .icon {
    color: #393186;
}

@media screen and (min-width: 940px) {
    header:not(.menu-collapsed,.fixed) {
        margin-bottom: 20px;
    }

    .menu-items {
        justify-content: end;
    }

    body {
        min-width: 1200px;
    }
}

@media (min-width: 940px) and (max-width: 1440px) {
    header .header-wrapper .info .width-wrap {
        justify-content: space-between;
    }

    header.menu-collapsed.fixed .header-wrapper {
        width: 96%;
    }

    header.menu-collapsed .info .prof-icon {
        display: none;
    }

    header.menu-collapsed.fixed .header-wrapper .info .info-block {
        margin-right: 5px;
    }

    body .width-wrap,
    body.main-page .width-wrap {
        width: 96%;
        margin: auto;
        justify-content: center;
    }

    body:not(.main-page) .content-area .width-wrap {
        justify-content: start;
    }

    .right-bar {
        width: calc(100% - 270px);
        min-width: initial;
        overflow: hidden;
    }

    body.main-page .width-wrap .brands-box {
        margin-top: -10px;
    }

    body footer .width-wrap,
    body.main-page footer .width-wrap {
        justify-content: space-between;
    }

    body.main-page .news-slider .bx-wrapper .slides {
        height: 290px;
        background: none;
        left: 0;
    }

    body.main-page .news-slider .leftPrev {
        left: calc((100vw - 96vw) / 2);
    }

    body.main-page .news-slider .rightNext {
        right: calc((100vw - 96vw) / 2);
    }

    header.menu-collapsed.fixed .menu .width-wrap {
        width: auto;
    }
}

header .info .logo-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 12px;
}

header .info .logo-wrap .sep {
    width: 1px;
    height: 60px;
    background: #fff;
    margin: 0px 18.55px;
}

body .content-area h1.light-title {
    font-size: 30px;
    font-weight: 400;
    line-height: 20px;
    color: #333333;
    margin: 60px 0px 40px 0px;
}

@media screen and (max-width: 1440px) {
    body.main-page h2 {
        font-size: 1.2em;
    }

    body.main-page .link-txt {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 1375px) {
    .menu__item,
    header .menu-items > .current {
        margin-left: 4.3%;
    }

    .menu__item a,
    header .menu-items > .current a {
        font-size: 16px;
    }

    header #smart-title-search {
        width: 520px;
    }
}

@media screen and (max-width: 1275px) {
    header #smart-title-search {
        width: 465px;
    }
}

@media screen and (max-width: 1240px) {
    .menu__item,
    header .menu-items > .current {
        margin-left: 3.5%;
    }

    .menu__item a,
    header .menu-items > .current a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1175px) {
    header.menu-collapsed.fixed .menu-items {
        display: none;
    }
}

@media screen and (max-width: 940px) {
    .header-wrapper {
        height: 50px;
    }

    header.menu-collapsed.fixed .info,
    header.menu-collapsed.fixed .info .width-wrap {
        height: 100%;
        width: 100%;
    }

    .search-block.bx-searchtitle.theme-blue.search-block__sticky {
        display: flex;
        right: 7px;
        top: 44px;
        margin: 0;
        position: absolute;
        z-index: 9;
        align-items: center;
    }

    header #smart-title-search {
        width: 100%;
        background: #fff;
        height: 50px;
        position: static;
    }

    header .info .logo-wrap {
        display: none;
    }

    header.menu-collapsed.fixed .search-block {
        display: flex;
        align-items: center;
    }

    .user-search-history__show.user-search-history__emptied {
        display: none;
    }

    body .user-search-history__show {
        display: none;
    }

    header .bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
        border-color: #6E66C3;
        border: 1px solid #6E66C3;
        height: 34px;
        padding: 0px 20px 0px 10px;
        background-image: none;
    }

    header .header-wrapper .search-block form {
        height: auto;
    }

    header #smart-title-search.search-block button[type=submit] {
        height: 34px;
        top: 1px;
        right: 0;
        background-color: #6E66C3;
    }

    header .search-block button[type=submit]:after {
        width: 24px;
        height: 24px;
        background-size: contain;
    }

    #smart-title-search-input::placeholder {
        color: #666;
    }

    header .header-wrapper .search-block form .bx-input-group input:focus {
        border: 1px solid #6E66C3;
    }

    header .search-block input:focus + .bx-input-group-btn button[type=submit]:after {
        background: url(/local/images/redesign/search-alt.svg) 0 0 no-repeat;
        background-size: contain;
        width: 24px;
        height: 24px;
    }

    header #smart-title-search.bx-searchtitle .bx-searchtitle-preloader {
        top: 1px;
        bottom: 0px;
        right: 1px;
        width: 36px;
        height: 32px;
        background-color: white;
    }

    body.main-page .leftPrev,
    body.main-page .rightNext {
        display: none;
    }

    body.main-page .actions-box .slider .bx-wrapper {
        height: auto;
    }

    body.main-page .actions-box .slider .bx-wrapper .slides {
        height: auto;
    }

    body.main-page .actions-box .slider .bx-wrapper .slides .slide {
        height: auto;
    }

    body.main-page .news-slider .bx-wrapper .slides {
        left: 0;
        height: auto;
        display: flex;
        align-items: stretch;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide {
        height: auto;
    }

    body.main-page .actions-box {
        padding: 10px 0px 0px 0px;
        margin-bottom: 10px;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide img {
        height: 100%;
        object-fit: cover;
    }

    .main-page .slider .bx-wrapper {
        position: relative;
        overflow: hidden;
    }

    body.main-page .news-slider .bx-wrapper {
        height: auto;
    }

    header .header-wrapper .phone {
        display: none;
    }

    .right-bar .actions-section .actions-content .product-list.block .product-block .bx-pager {
        margin: -5px 0 0px -3px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .button.card {
        max-width: 50%;
        margin: 0px 15px 0px 9px;
    }

    footer .info .phone {
        margin-top: 20.5px;
        margin-bottom: 20px;
    }

    .slider-new .bx-viewport {
        height: auto !important;
    }

    body.main-page .width-wrap .brands-box {
        margin-bottom: 65px;
        margin-top: 0;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-list {
        padding: 0px;
    }

    body.main-page .news-slider {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    body.main-page .news-slider .bx-wrapper .bx-viewport,
    body.main-page .news-slider .bx-wrapper .slides .slide {
        max-height: 350px;
    }

    footer .menu .feedback {
        flex-wrap: wrap;
        gap: 16px;
    }

    footer .menu .whatsapp-box {
        margin-left: 0;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action a {
        opacity: 1;
    }

    .product-block .action .favorite:hover:after,
    .product-block .action .favorite:hover:before {
        opacity: 1;
    }

    .product-block .action .favorite:after {
        content: none;
        display: none;
    }

    .product-block .action .compare:after {
        display: none;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .pager {
        margin-top: 0px;
        display: block;
    }

    body.main-page .right-bar .slider-section .actions-content .product-block .photo {
        line-height: initial;
    }

    body .user-search-history__list-container > .user-search-history__list {
        position: fixed;
        left: 0;
        width: 100vw;
        right: 0;
        top: 50px;
        border-radius: 0;
        box-shadow: 0 0px 2px -2px #d6d6d6;
    }

    body .content-area h1.light-title {
        font-size: 24px;
        margin: 40px 0px 25px 0px;
    }
}

@media screen and (max-width: 600px) {
    body.main-page .right-bar .slider-section .actions-content.slider .product-block:hover {
        box-shadow: none;
    }

    body.main-page .news-slider .bx-wrapper .bx-viewport,
    body.main-page .news-slider .bx-wrapper .slides .slide {
        height: 200px;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide:before {
        background: linear-gradient(360deg, #393186 0%, rgba(57, 49, 134, 0) 100%);
        z-index: -1;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide img {
        position: absolute;
        min-height: 100%;
        z-index: -2;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr {
        position: static;
        transition: none;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_text {
        visibility: visible;
        -webkit-line-clamp: 2;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_text {
        height: auto;
    }

    .product-list.block .product-block .action .favorite {
        margin: 3px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .action a svg {
        min-width: 100%;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .bx-viewport {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .bx-wrapper {
        margin: 0 !important;
    }
}

@media screen and (max-width: 480px) {
    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_text {
        font-size: 0.85em;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_title {
        font-size: 1.1em;
    }

    .page-content.paneled .left-panel {
        max-width: initial;
    }

    body .right-bar .product-list.block .product-block,
    body .right-bar .actions-section .actions-content .product-list.block .product-block {
        width: 100%;
    }

    body .right-bar .actions-section .actions-content .product-list.block .product-block .product-container h3 {
        height: 48px;
        max-height: 48px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .one-photo {
        height: 165px;
        line-height: initial;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .one-photo img {
        object-fit: contain;
        height: 100%;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container span.notton.has-offline {
        height: 36px;
        margin: 0px 3px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .photo-stub {
        height: 165px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container h3 {
        margin-top: 20px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block {
        min-height: 440px;
    }
}

@media screen and (max-width: 440px) {
    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .one-photo {
        height: 155px;
        min-height: 155px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .photo-stub {
        height: 178px;
    }
}

@media screen and (max-width: 375px) {
    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .one-photo {
        height: 135px;
        min-height: 135px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .photo-stub {
        height: 158px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block {
        min-height: 425px;
    }
}

@media screen and (max-width: 340px) {
    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr {
        bottom: -50%;
        padding: 100px 16px 16px 16px;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    body.main-page .news-slider .bx-wrapper .slides .slide .slide-descr .slide-descr_text {
        font-size: 13.5px;
    }
}

@media screen and (max-width: 325px) {
    body.main-page .right-bar .slider-section .actions-content.slider .product-block .product-container .one-photo {
        height: 110px;
        min-height: 110px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block .photo-stub {
        height: 133px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block {
        min-height: 415px;
    }

    .right-bar .actions-section .actions-content .product-list.block .product-block .product-container .price-action .price-action_title {
        font-size: 14px;
    }

    body.main-page .right-bar .slider-section .actions-content.slider .product-block {
        padding: 20px 5px;
    }

    header .bx-searchtitle.theme-blue .bx-input-group .bx-form-control::placeholder {
        font-size: 12px;
        line-height: 1;
    }
}

.transparent-violet {
    padding: 15px 20px;
    border-radius: 3px;
    border: 1px solid #393186;
    background: #FFF;
    color: #393186;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    transition: color 0.3s, border 0.3s;
}

.transparent-violet:hover {
    color: #857FC3;
    border: 1px solid #857FC3;
}

.personal-page .page-content .result-empty a {
    text-decoration: none;
}

.personal-page .page-content .result-empty a:before {
    content: none;
}

.personal-page .page-content .result-empty a:after {
    content: none;
}

.price_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 0;
}

.price_box span.js-value {
    font-size: 1.5em;
}

.price_box span.unit {
    line-height: 0.7;
}

.old-promotion-price_box {
    display: flex;
    padding: 15px 0 0;
}

.old-promotion-price_box__head {
    padding-left: 6px;
}

.old-promotion-price_box__val {
    position: relative;
    margin: 6px;
}

.old-promotion-price_box__val::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-top: 2px solid #c31414;
    transform: translateY(-50%);
}

.promotion-price-wrap {
    background: #E8E8E8;
    padding: 15px 10px 15px 10px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.promotion-price-wrap .old-promotion-price_box__val {
    margin: 0;
    margin-right: 4px;
}

.fke-name {
    display: block;
    height: 0.1px;
    margin: 0;
    padding: 0;
    width: 0.1px;
    border: 0;
    opacity: 0.01;
}

.header-wrapper .info {
    background: #393186;
}

.header-wrapper .info .width-wrap {
    background: #393186;
}

/*-----страница входа в личный кабинет*/
.auth-container {
    margin: 20px;
    display: flex;
    flex-direction: column;
}

.auth-container .auth-block {
    display: flex;
    flex-direction: row;
    padding: 10px;
}

.auth-container .auth-block .input-wrap label.error {
    background: transparent;
    color: #DC0C0C;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.auth-container .auth-block .focus-hoock {
    display: flex;
    flex-direction: row;
    border-bottom: 2px solid #dbdbdb;
}

.auth-container .auth-block .focus-hoock .eye {
    align-self: center;
    max-width: 26px;
    top: -1px;
    position: relative;
    height: 50px;
}

.auth-container .auth-block .focus-hoock .input-wrap {
    width: 100%;
}

.auth-container .auth-block label {
    display: block;
    font: bold 14px/18px Arial, sans-serif;
    color: #666666;
    margin-bottom: 6px;
}

.auth-container .auth-block label a {
    font: normal 14px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.auth-container .auth-block label a:focus,
.auth-container .auth-block label a:hover {
    text-decoration: underline;
}

.auth-container .row {
    margin-bottom: 10px;
    margin-top: 1px;
}

@media screen and (max-width: 480px) {
    .auth-container .auth-block {
        flex-direction: column;
    }
}

@media screen and (min-width: 481px) {
    .auth-container .auth-block .input-wrap,
    .auth-container .auth-block .focus-hoock {
        width: 100%;
    }

    .auth-container .auth-block .input-wrap label.error,
    .auth-container .auth-block .focus-hoock label.error {
        background: #DC0C0C;
        color: #fff;
        position: relative;
        top: -1px;
        font: normal 12px / 15px Arial, sans-serif;
        padding: 4px 8px 2px;
        border-radius: 0 0 2px 2px;
    }

    .auth-container .auth-block label {
        padding-right: 16px;
    }
}

/*
* Редизайн
 */
.deferred-page.personal-page .page-content .products.deferred .product .amount-section .notton.transparent-yellow {
    width: 60%;
}

.personal-page .page-content .deffered-flex-wrap {
    justify-content: end;
}

.right-bar .actions-section .actions-content .product-list.block .product-block .product-container .image-link span.marker {
    background: #fecc00;
}

body .promotion-price_box.price_box {
    background: #fecc00;
}

body .promotion-price_box.price_box .promotion-price_box__val {
    background: #fecc00;
}

body .photo-section .promotion-block {
    background: #fecc00;
}

body .product-list.block .price-action .price-action_box .price-action_box__wrap,
body .product-list.table .price-action .price-action_box .price-action_box__wrap {
    background: #fecc00;
}

body .product-list.block .product-block .action a:hover,
body .product-list.table .product-block .action a:hover {
    color: #fecc00;
}

.product-list.block .product-block .price .price-by-card {
    color: #393186;
}

.product-block .action {
    background: #393186;
}

.action a:hover {
    background: #393186;
}

.product-block .action .favorite:after {
    background: #393186;
}

header .header-wrapper .phone .phone-wrapper:hover a,
header .header-wrapper .phone .phone-wrapper:hover .phone-icon {
    color: #393186;
}

.tabs .action a:hover {
    background: none;
    color: #161057;
}

.text-page .page-content .text-block p a {
    color: #224c98;
}

.logo-box2 {
    filter: brightness(0) invert(1);
}

footer .info .logo img {
    max-width: 200px;
}

.warning-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    z-index: 1000;
    width: 40%;
    padding: 30px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 10px;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 30px 20px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 30px 20px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 30px 20px rgba(34, 60, 80, 0.2);
    color: black;
    font-size: 20px;
}

@media (max-width: 500px) {
    .warning-cookie {
        width: 70%;
    }
}

.warning-cookie a {
    text-decoration-skip-ink: none;
    text-decoration: underline;
    text-decoration-color: #393186;
}

.warning-cookie a span {
    color: #393186;
    font-weight: bold;
}

.warning-cookie a span:hover {
    color: #393186;
}

.warning-cookie .warning-cookie__apply {
    color: #393186;
    max-width: 150px;
    font-size: 20px;
    border-radius: 10px;
}

.warning-cookie .warning-cookie__apply:hover {
    color: white;
}

.warning-cookie--active {
    display: flex;
    align-items: center;
}

@media (max-width: 1920px) {
    .warning-cookie--active {
        font-size: 14px;
    }

    .warning-cookie--active .warning-cookie__apply {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .warning-cookie--active {
        flex-direction: column;
        font-size: 14px;
        padding: 10px;
        line-height: 2.5;
        border-radius: 10px;
    }

    .warning-cookie--active .warning-cookie__apply {
        margin-top: 20px;
        font-size: 14px;
        max-width: 120px;
    }
}

.warning-cookie__text {
    margin-right: 30px;
}

@media (min-width: 940px) {
    header .header-wrapper .info {
        background: #393186;
    }

    header .header-wrapper .search-block .bx-input-group input:hover {
        background: white;
    }

    header .header-wrapper .search-block .bx-input-group input:hover::placeholder {
        color: #222;
    }
}

.header-wrapper .info {
    background: #393186;
}

.header-wrapper .info .width-wrap {
    background: #393186;
}

.menu__item a:hover,
header .menu-items > .current a:hover {
    color: #393186;
}

@media (min-width: 940px) {
    header .header-wrapper .search-block form .bx-input-group input:hover + .bx-input-group-btn button[type=submit]:after {
        background: url(/local/images/redesign/search-gray-ic.svg) 0 0 no-repeat;
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
}

.menu__item.btn-item a,
header .menu-items > .current.btn-item a {
    background-color: #fecc00;
}

header .header-wrapper .info-block .count {
    background-color: #fecc00;
}

.wrapper-profile .lk_button:hover .text .prof-name_box {
    color: #ddd;
}

header .header-wrapper .info-block:hover .text {
    color: #ddd;
}

header .info .logo-block .logo {
    filter: brightness(0) invert(1);
}

@media screen and (max-width: 940px) {
    header .header-wrapper .info .search-block form {
        height: 34px;
    }
}

@media screen and (min-width: 940px) {
    header #smart-title-search {
        width: 500px;
    }
}

body > header > div > div.info > div > div.menu__item.btn-item {
    margin-left: 1.2%;
}

#smart-title-search-input {
    color: white;
}

#smart-title-search-input:active {
    background: white;
    color: #222;
}

#smart-title-search-input:hover {
    background: white;
    color: #222;
}

#smart-title-search-input:focus {
    background: white;
    color: #222;
}

#smart-title-search-input:focus-within {
    background: white;
    color: #222;
}

@media screen and (max-width: 939px) {
    #smart-title-search-input:focus {
        border-color: #393186;
    }

    #smart-title-search-input:active {
        border-color: #393186;
    }

    #smart-title-search-input:hover {
        border-color: #393186;
    }
}

@media screen and (min-width: 940px) {
    header #smart-title-search {
        width: 100%;
        display: block;
        padding-right: 21px;
    }
}

body > header > div > div.info > div > div.menu__item.btn-item {
    margin-left: 0.7%;
}

.logo-block {
    width: 270px;
    margin-right: 21px;
    display: flex;
    justify-content: center;
}

body > header > div > div.info .width-wrap {
    justify-content: start;
}

body > header > div > div.info .width-wrap .logo-wrap {
    justify-content: start;
    margin-right: 0;
}

.width-wrap {
    justify-content: start;
}

.button-wrapper {
    display: flex;
    justify-content: end;
    align-items: center;
}

@media screen and (min-width: 1340px) {
    .button-wrapper {
        height: 94px;
        width: 33%;
        min-width: 540px;
    }
}

@media screen and (min-width: 955px) and (max-width: 1239px) {
    .button-wrapper {
        height: 94px;
        width: 33%;
        min-width: 440px;
    }
}

@media screen and (min-width: 955px) {
    .button-wrapper .proficlub_button {
        width: 26%;
        min-width: 140px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .button-wrapper .lk-wrap-button {
        width: 28%;
        min-width: 96px;
        display: flex;
        justify-content: center;
    }

    .button-wrapper .favorites-button {
        width: 23%;
        min-width: 96px;
        display: flex;
        justify-content: center;
    }

    .button-wrapper .cart-button {
        width: 23%;
        min-width: 96px;
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 954px) {
    .button-wrapper .proficlub_button {
        display: none;
    }
}

body > header > div > div.info > div > div.button-wrapper > div.lk-wrap-button > div > div.hidden-xs > div > div.lk_button {
    padding: 0 0 0 0;
}

body > header > div > div.info > div > div.button-wrapper > div.proficlub_button > div {
    display: block;
}

body > header > div > div.menu .width-wrap {
    justify-content: space-between;
}

body > header > div > div.menu > div > div.top-menu-container {
    height: 64px;
    display: flex;
}

@media screen and (min-width: 1340px) {
    body > header > div > div.menu > div > div.top-menu-container {
        min-width: 540px;
        width: 33%;
    }
}

@media screen and (min-width: 955px) and (max-width: 1239px) {
    body > header > div > div.menu > div > div.top-menu-container {
        min-width: 440px;
        width: 33%;
    }
}

body > header > div > div.menu > div > div.top-menu-container .menu_delivery {
    width: 26%;
    min-width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body > header > div > div.menu > div > div.top-menu-container .menu_about {
    width: 28%;
    margin: 0;
    min-width: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body > header > div > div.menu > div > div.top-menu-container .menu_service {
    width: 23%;
    margin: 0;
    min-width: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body > header > div > div.menu > div > div.top-menu-container .menu_contacts {
    width: 23%;
    min-width: 96px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 954px) {
    body > header > div > div.menu > div > div.top-menu-container {
        display: none;
    }
}

body > header > div > div.menu > div > div.top-menu-container div > a {
    color: #393186;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-decoration: none;
    text-align: right;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
}

.menu__item.btn-item a,
header .menu-items > .current.btn-item a {
    padding: 8px;
}

header.menu-collapsed .mobile-logo-block .logo-mobile-new {
    width: 56px;
    height: 29px;
}

header.menu-collapsed .mobile-logo-block .logo-mobile-new:after {
    display: none;
}

header .info .logo-block img {
    width: 190px;
    height: 74px;
}

@media screen and (max-width: 940px) {
    header .header-wrapper .info .search-block form .bx-input-group input {
        padding: 16px;
    }
}

header.menu-collapsed.fixed .mobile-logo-block .logo-mobile-new:after {
    display: none;
}

.menu-collapsed .header-wrapper .menu .width-wrap .top-menu-container {
    height: 50px;
}

.menu-collapsed .header-wrapper .info .width-wrap .button-wrapper {
    height: 50px;
}

.auth-methods {
    display: flex;
    border: 2px solid #dbdbdb;
    border-radius: 6px;
    padding: 5px;
    margin: 20px 10px;
}

.auth-method {
    flex: 1;
    padding: 10px;
    text-align: center;
    background: none;
    border: 6px solid transparent;
    cursor: pointer;
    font-weight: bold;
    color: #666;
}

.auth-method.active {
    color: #000;
    border: 6px solid #dbdbdb;
    border-radius: 6px;
    background: #dbdbdb;
}

.popup-login .auth-block .input-wrap .login-input,
.popup.js-to-order .auth-block .input-wrap .login-input {
    border: none !important;
    border-bottom: 2px solid #dbdbdb !important;
    border-radius: unset !important;
    background: transparent !important;
    padding-left: unset !important;
}

.popup-login .auth-block .input-wrap .pw-input,
.popup.js-to-order .auth-block .input-wrap .pw-input {
    border: none !important;
    border-radius: unset !important;
    background: transparent !important;
    padding-left: unset !important;
}

.popup-login .auth-block .input-wrap .login-input:focus,
.popup.js-to-order .auth-block .input-wrap .login-input:focus {
    border: none !important;
    border-bottom: 2px solid #dbdbdb !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.popup-login .auth-block .input-wrap .pw-input:focus,
.popup.js-to-order .auth-block .input-wrap .pw-input:focus {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.popup.js-to-order input {
    height: 50px;
    padding-right: 50px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    background: #FFF;
    overflow: hidden;
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.popup.js-to-order input:focus:not(.error) {
    border: 2px solid var(--blue, #857FC3);
    background: #FFF;
}

.popup.form-popup-wrap .text-button.login-link,
.popup.js-to-order .text-button.login-link {
    width: 100%;
    font-size: inherit;
    font-weight: bold;
}

.popup.js-to-order .text-button {
    box-sizing: border-box;
    margin: 0;
    border-radius: 3px;
    border: none;
    padding: 15px 20px;
    background-color: #393186;
    color: #FFF;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    transition: background-color 0.3s;
}

.popup.js-to-order .text-button:hover {
    background-color: #857FC3;
}

.auth-register-button {
    margin-top: 10px;
    color: #333 !important;
    text-decoration: none;
    font-size: inherit !important;
    font-weight: bold !important;
}

.auth-register-button:focus {
    text-decoration: none !important;
}

.popup.popup-login.form-popup-wrap,
.popup.popup-login.js-to-order {
    border-radius: 10px;
    min-width: 500px;
}

@media screen and (max-width: 480px) {
    .popup.popup-login.form-popup-wrap,
    .popup.popup-login.js-to-order {
        border-radius: 6px;
        min-width: unset;
    }
}

/* ======= Красивый popup-confirm (fancybox) ======= */

/* затемнение фона */
.fancybox-overlay {
    background: rgba(20, 24, 40, .55) !important;
}

/* контейнер */
.fancybox-wrap {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
}

/* убираем дефолтные паддинги fancybox */
.fancybox-skin {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* сама карточка попапа */
.popup.popup-confirm {
    width: min(520px, calc(100vw - 32px));
    background: #fff;
    border-radius: 18px;
    padding: 28px 26px 22px;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .22);
}

/* заголовок */
.popup.popup-confirm h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    color: #1f2430;
    text-align: center;
}

/* текст */
.popup.popup-confirm p {
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 1.55;
    color: #5b6475;
    text-align: center;
}

/* ряд с кнопкой */
.popup.popup-confirm .row.center-align {
    margin-top: 8px;
    display: flex;
    justify-content: center;
}

/* кнопка */
.popup.popup-confirm .js-confirm.violet__btn {
    border-radius: 12px;
    padding: 12px 22px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: transform .08s ease, box-shadow .2s ease;
}

/* если кнопка "transparent-violet" — делаем аккуратный вид */
.popup.popup-confirm .js-confirm.transparent-violet {
    background: #393186 !important;
    border: 1px solid #393186 !important;
    color: #fff !important;
}

.popup.popup-confirm .js-confirm.transparent-violet:hover {
    box-shadow: 0 10px 22px rgba(75, 71, 255, .25);
}

.popup.popup-confirm .js-confirm.transparent-violet:active {
    transform: translateY(1px);
}

/* крестик */
.fancybox-close {
    top: 10px !important;
    right: 10px !important;
    opacity: .7;
}

.fancybox-close:hover {
    opacity: 1;
}

/* ==== FIX: убираем скролл и кривые размеры fancybox-inner ==== */
.fancybox-inner {
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
}

/* иногда overflow:auto висит на outer */
.fancybox-outer {
    overflow: visible !important;
}

/* сам wrap пусть не ограничивает высоту и ширину инлайном */
.fancybox-wrap {
    width: auto !important;
    height: auto !important;
    max-width: calc(100vw - 32px) !important;
}

/* карточка не должна создавать горизонтальный скролл */
.popup.popup-confirm {
    box-sizing: border-box;
    max-width: 520px;
    width: calc(100vw - 32px);
    overflow: hidden; /* на всякий */
}

/* если где-то внутри есть широкие элементы (строки/ссылки) */
.popup.popup-confirm * {
    max-width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* добавляем внутренний воздух карточке */
.popup.popup-confirm {
    padding-bottom: 26px !important;
}

/* увеличиваем отступ сверху у кнопки */
.popup.popup-confirm .center-align {
    margin-top: 26px;
}

/* кнопка чуть компактнее и эстетичнее */
.popup.popup-confirm .violet__btn {
    margin-top: 8px;
    padding: 12px 34px;
    border-radius: 12px;
    font-size: 15px;
}

header #smart-title-search.bx-searchtitle .bx-searchtitle-preloader,
#smart-title-search_preloader_item {
    background-color: #fff !important;
    background-image: url('/local/images/redesign/loader_393186.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 18px 18px !important;
}


.popup.form-popup-wrap .input-wrap,
.auth-container .auth-block .input-wrap,
.auth-container .auth-block .focus-hoock .input-wrap {
    display: flex;
    flex-direction: column;
}

.auth-container .row {
    margin-bottom: 8px;
}

.popup.popup-register,
.popup-register.form-popup-wrap,
.popup.popup-register.form-popup-wrap {
    border-radius: 18px !important;
    overflow: hidden;
}

/* Регистрация: поля как тонкая линия, подпись внутри */
.popup.popup-register .form .row,
.popup-register.form-popup-wrap .form .row {
    display: block !important;
    padding: 0 36px !important;
    margin: 0 0 18px !important;
    position: relative;
}


/* сам input */
.popup.popup-register .form input[type="text"],
.popup.popup-register .form input[type="email"],
.popup.popup-register .form input[type="tel"],
.popup-register.form-popup-wrap .form input[type="text"],
.popup-register.form-popup-wrap .form input[type="email"],
.popup-register.form-popup-wrap .form input[type="tel"] {
    width: 100% !important;
    height: 40px !important;
    padding: 0 0 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #222 !important;
}

/* placeholder внутри поля */
.popup.popup-register .form input::placeholder,
.popup-register.form-popup-wrap .form input::placeholder {
    color: #9a9a9a !important;
    opacity: 1 !important;
    font-size: 16px !important;
}

/* при фокусе просто темнее нижняя линия */
.popup.popup-register .form input:focus,
.popup-register.form-popup-wrap .form input:focus {
    border-bottom: 1px solid #bdbdbd !important;
    outline: none !important;
}

/* чтобы телефон не выглядел отдельной коробкой */
.popup.popup-register .form .row.phone-row input,
.popup-register.form-popup-wrap .form .row.phone-row input {
    background: transparent !important;
}

/* скрываем только старый заголовок поля, но не label.error */
.popup.popup-register .form .row:has(input[name="last_name"]) > label:first-child,
.popup.popup-register .form .row:has(input[name="name"]) > label:first-child,
.popup.popup-register .form .row:has(input[name="second_name"]) > label:first-child,
.popup.popup-register .form .row:has(input[name="email"]) > label:first-child,
.popup.popup-register .form .row:has(input[name="phone"]) > label:first-child,
.popup-register.form-popup-wrap .form .row:has(input[name="last_name"]) > label:first-child,
.popup-register.form-popup-wrap .form .row:has(input[name="name"]) > label:first-child,
.popup-register.form-popup-wrap .form .row:has(input[name="second_name"]) > label:first-child,
.popup-register.form-popup-wrap .form .row:has(input[name="email"]) > label:first-child,
.popup-register.form-popup-wrap .form .row:has(input[name="phone"]) > label:first-child {
    display: none !important;
}

/* ошибки у текстовых полей должны быть видимыми после валидации */
.popup.popup-register .form .row .input-wrap label.error,
.popup-register.form-popup-wrap .form .row .input-wrap label.error,
.popup.popup-register .form .row > label.error,
.popup-register.form-popup-wrap .form .row > label.error {
    display: block !important;
    margin-top: 6px !important;
}

.popup.popup-register .row.chb-news-agree-cnt,
.popup-register.form-popup-wrap .row.chb-news-agree-cnt {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.popup.popup-register .row.chb-news-agree-cnt > div,
.popup-register.form-popup-wrap .row.chb-news-agree-cnt > div {
    flex: 0 0 auto;
}

.popup.popup-register .row.chb-news-agree-cnt > label,
.popup-register.form-popup-wrap .row.chb-news-agree-cnt > label {
    margin: 0 !important;
    display: block !important;
}

/* ===== Регистрация popup: нормальная раскладка чекбоксов и ошибок ===== */

.popup.popup-register .row.chb-agree-cnt,
.popup-register.form-popup-wrap .row.chb-agree-cnt {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 0 36px !important;
    margin: 12px 0 10px !important;
}

.popup.popup-register .chb-agree-cnt .checkbox-container-auth,
.popup-register.form-popup-wrap .chb-agree-cnt .checkbox-container-auth {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
}

.popup.popup-register .chb-agree-cnt .checkbox-container-auth > div,
.popup-register.form-popup-wrap .chb-agree-cnt .checkbox-container-auth > div {
    flex: 0 0 auto !important;
    margin-top: 2px !important;
}

.popup.popup-register .chb-agree-cnt .checkbox-container-auth > label,
.popup-register.form-popup-wrap .chb-agree-cnt .checkbox-container-auth > label {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    line-height: 1.25 !important;
}

.popup.popup-register .row.chb-news-agree-cnt,
.popup-register.form-popup-wrap .row.chb-news-agree-cnt {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 0 36px !important;
    margin: 8px 0 14px !important;
}

.popup.popup-register .row.chb-news-agree-cnt > div,
.popup-register.form-popup-wrap .row.chb-news-agree-cnt > div {
    flex: 0 0 auto !important;
    margin-top: 2px !important;
}

.popup.popup-register .row.chb-news-agree-cnt > label,
.popup-register.form-popup-wrap .row.chb-news-agree-cnt > label {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    line-height: 1.25 !important;
}

.popup.popup-register label.error,
.popup-register.form-popup-wrap label.error {
    background: transparent !important;
    color: #DC0C0C !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    text-align: left !important;
    font-family: 'NotoSans', Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    box-sizing: border-box !important;
}

/* важно: скрытые ошибки остаются скрытыми до валидации */
.popup.popup-register label.error[style*="display: none"],
.popup-register.form-popup-wrap label.error[style*="display: none"] {
    display: none !important;
}

/* если валидатор сам показал ошибку инлайном */
.popup.popup-register label.error[style*="display: block"],
.popup-register.form-popup-wrap label.error[style*="display: block"] {
    display: block !important;
}

.popup.popup-register label.error:not([style]),
.popup-register.form-popup-wrap label.error:not([style]) {
    display: none !important;
}

/* общий вид чекбоксов */
.popup.popup-register input[type="checkbox"],
.popup-register.form-popup-wrap input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

/* нижняя ссылка как раньше была кнопкой, оставляем пока аккуратно */
.popup.popup-register .row.center-align,
.popup-register.form-popup-wrap .row.center-align {
    padding: 0 36px !important;
}

/* Нижние кнопки в popup регистрации */
.popup.popup-register .row.center-align,
.popup-register.form-popup-wrap .row.center-align {
    padding: 0 36px !important; /* шире кнопки */
}

.popup.popup-register .row.center-align button[type="submit"],
.popup.popup-register .row.center-align .text-button,
.popup-register.form-popup-wrap .row.center-align button[type="submit"],
.popup-register.form-popup-wrap .row.center-align .text-button {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #393186 !important;
    color: #fff !important;
    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 48px !important;
    box-shadow: none !important;
}

.popup.popup-register .row.center-align button[type="submit"] span,
.popup.popup-register .row.center-align .text-button span,
.popup-register.form-popup-wrap .row.center-align button[type="submit"] span,
.popup-register.form-popup-wrap .row.center-align .text-button span {
    display: block !important;
    width: 100% !important;
    line-height: 48px !important;
}

.popup.popup-register .row.center-align + .row.center-align,
.popup-register.form-popup-wrap .row.center-align + .row.center-align {
    margin-top: 14px !important;
}

.popup.popup-register .row.center-align:last-child a,
.popup-register.form-popup-wrap .row.center-align:last-child a,
.popup.popup-register .transparent-violet,
.popup-register.form-popup-wrap .transparent-violet {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #111 !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    height: auto !important;
}

.fancybox-wrap .fancybox-close,
a.fancybox-item.fancybox-close {
    top: 18px !important;
    right: 18px !important;
    transform: scale(0.85) !important;
    transform-origin: center center !important;
    transition: transform 0.3s linear !important;
}

.fancybox-wrap .fancybox-close:hover,
a.fancybox-item.fancybox-close:hover {
    transform: scale(0.85) rotate(180deg) !important;
}

/* === Registration policy error: clean final rules === */
.popup.popup-register .form .row.chb-agree-cnt > #agree_personal_data_reg-error,
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > #agree_personal_data_reg-error {
    display: none !important;
    margin: 6px 0 0 !important;
}

.popup.popup-register .form.js-registration-tried-submit .row.chb-agree-cnt > #agree_personal_data_reg-error[style*="display: block"],
.popup-register.form-popup-wrap .form.js-registration-tried-submit .row.chb-agree-cnt > #agree_personal_data_reg-error[style*="display: block"] {
    display: block !important;
}

/* === Registration validation: stable placement for checkbox and captcha errors === */
.popup.popup-register .form .row.chb-agree-cnt > #agree_personal_data_reg-error,
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > #agree_personal_data_reg-error,
.popup.popup-register .form .registration-captcha-error,
.popup-register.form-popup-wrap .form .registration-captcha-error {
    width: 100% !important;
    margin: 6px 0 0 !important;
}

.popup.popup-register .form .row.chb-agree-cnt > #agree_personal_data_reg-error[style*="display: none"],
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > #agree_personal_data_reg-error[style*="display: none"] {
    display: none !important;
}

.popup.popup-register .form .row.chb-agree-cnt > #agree_personal_data_reg-error,
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > #agree_personal_data_reg-error {
    order: 2;
}

.popup.popup-register .form .registration-captcha-error,
.popup-register.form-popup-wrap .form .registration-captcha-error {
    display: none !important;
}

.popup.popup-register .form .registration-captcha-error.is-visible,
.popup-register.form-popup-wrap .form .registration-captcha-error.is-visible,
.popup.popup-register .form .registration-captcha-error[style*="display: block"],
.popup-register.form-popup-wrap .form .registration-captcha-error[style*="display: block"] {
    display: block !important;
}

.popup.popup-register .form .registration-captcha-error[style*="display: none"],
.popup-register.form-popup-wrap .form .registration-captcha-error[style*="display: none"] {
    display: none !important;
}

/* === Registration validation v3: agreement label must show whenever validator creates it === */
.popup.popup-register .form .row.chb-agree-cnt > label.error#agree_personal_data_reg-error,
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > label.error#agree_personal_data_reg-error,
.popup.popup-register .form .row.chb-agree-cnt > label.registration-agreement-error,
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > label.registration-agreement-error {
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 !important;
    order: 2;
}

.popup.popup-register .form .row.chb-agree-cnt > label.error#agree_personal_data_reg-error[style*="display: none"],
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > label.error#agree_personal_data_reg-error[style*="display: none"],
.popup.popup-register .form .row.chb-agree-cnt > label.registration-agreement-error[style*="display: none"],
.popup-register.form-popup-wrap .form .row.chb-agree-cnt > label.registration-agreement-error[style*="display: none"] {
    display: none !important;
}


/* === Registration captcha final fix: do not show before submit, show only when JS sets display:block === */
.popup.popup-register .form .row.registration-recaptcha-row > label.error.registration-captcha-error,
.popup-register.form-popup-wrap .form .row.registration-recaptcha-row > label.error.registration-captcha-error {
    display: none !important;
    width: 100% !important;
    margin: 6px 0 0 !important;
}

.popup.popup-register .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display:block"],
.popup-register.form-popup-wrap .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display:block"],
.popup.popup-register .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display: block"],
.popup-register.form-popup-wrap .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display: block"] {
    display: block !important;
}

.popup.popup-register .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display:none"],
.popup-register.form-popup-wrap .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display:none"],
.popup.popup-register .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display: none"],
.popup-register.form-popup-wrap .form .row.registration-recaptcha-row > label.error.registration-captcha-error[style*="display: none"],
.popup.popup-register .form .row.registration-recaptcha-row > label.error.registration-captcha-error:not([style]),
.popup-register.form-popup-wrap .form .row.registration-recaptcha-row > label.error.registration-captcha-error:not([style]) {
    display: none !important;
}

.popup.popup-login.form-popup-wrap,
.popup.popup-register.form-popup-wrap,
.popup.popup-login.js-to-order {
    padding-bottom: 6px !important;
}


@media screen and (max-width: 480px) {
    /* popup и fancybox должны реально сжиматься */
    .fancybox-wrap {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
    }

    .fancybox-inner {
        width: auto !important;
        max-width: calc(100vw - 16px) !important;
    }

    .popup.popup-register,
    .popup-register.form-popup-wrap,
    .popup.popup-register.form-popup-wrap {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        border-radius: 14px !important;
    }

    .popup.popup-register h2,
    .popup-register.form-popup-wrap h2 {
        padding: 22px 16px 0 !important;
        margin-bottom: 14px !important;
        font-size: 18px !important;
        line-height: 22px !important;
    }

    /* уменьшаем боковые отступы у всех ключевых блоков */
    .popup.popup-register .form .row,
    .popup-register.form-popup-wrap .form .row,
    .popup.popup-register .row.chb-agree-cnt,
    .popup-register.form-popup-wrap .row.chb-agree-cnt,
    .popup.popup-register .row.chb-news-agree-cnt,
    .popup-register.form-popup-wrap .row.chb-news-agree-cnt,
    .popup.popup-register .row.center-align,
    .popup-register.form-popup-wrap .row.center-align,
    .popup.popup-register .row.registration-recaptcha-row,
    .popup-register.form-popup-wrap .row.registration-recaptcha-row {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .popup.popup-register .form .row,
    .popup-register.form-popup-wrap .form .row {
        margin-bottom: 14px !important;
    }

    .popup.popup-register .form input[type="text"],
    .popup.popup-register .form input[type="email"],
    .popup.popup-register .form input[type="tel"],
    .popup-register.form-popup-wrap .form input[type="text"],
    .popup-register.form-popup-wrap .form input[type="email"],
    .popup-register.form-popup-wrap .form input[type="tel"] {
        height: 38px !important;
        font-size: 15px !important;
    }

    .popup.popup-register .form input::placeholder,
    .popup-register.form-popup-wrap .form input::placeholder {
        font-size: 15px !important;
    }

    .popup.popup-register .chb-agree-cnt .checkbox-container-auth,
    .popup-register.form-popup-wrap .chb-agree-cnt .checkbox-container-auth,
    .popup.popup-register .row.chb-news-agree-cnt,
    .popup-register.form-popup-wrap .row.chb-news-agree-cnt {
        gap: 6px !important;
    }

    .popup.popup-register .chb-agree-cnt .checkbox-container-auth > label,
    .popup-register.form-popup-wrap .chb-agree-cnt .checkbox-container-auth > label,
    .popup.popup-register .row.chb-news-agree-cnt > label,
    .popup-register.form-popup-wrap .row.chb-news-agree-cnt > label {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* капчу центрируем и слегка ужимаем только на мобиле */
    .popup.popup-register .row.registration-recaptcha-row,
    .popup-register.form-popup-wrap .row.registration-recaptcha-row {
        align-items: center !important;
    }

    .popup.popup-register .registration-recaptcha-holder,
    .popup-register.form-popup-wrap .registration-recaptcha-holder {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    .popup.popup-register .registration-recaptcha-holder > div,
    .popup-register.form-popup-wrap .registration-recaptcha-holder > div {
        transform: scale(0.92);
        transform-origin: top center;
    }

    .popup.popup-register .row.center-align + .row.center-align,
    .popup-register.form-popup-wrap .row.center-align + .row.center-align {
        margin-top: 10px !important;
    }

    .popup.popup-register .transparent-violet,
    .popup-register.form-popup-wrap .transparent-violet {
        font-size: 15px !important;
        line-height: 20px !important;
    }
}

@media screen and (max-width: 480px) {
    .popup.popup-register .row.chb-news-agree-cnt,
    .popup-register.form-popup-wrap .row.chb-news-agree-cnt {
        display: grid !important;
        grid-template-columns: 14px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        align-items: start !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .popup.popup-register .row.chb-news-agree-cnt > div,
    .popup-register.form-popup-wrap .row.chb-news-agree-cnt > div {
        width: 14px !important;
        min-width: 14px !important;
        margin-top: 2px !important;
    }

    .popup.popup-register .row.chb-news-agree-cnt > label,
    .popup-register.form-popup-wrap .row.chb-news-agree-cnt > label {
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }
}

@media screen and (max-width: 480px) {
    .popup.popup-register h2,
    .popup-register.form-popup-wrap h2 {
        padding: 22px 44px 0 44px !important;
        margin-bottom: 14px !important;
        font-size: 18px !important;
        line-height: 22px !important;
        text-align: center !important;
    }

    .popup.popup-register .close,
    .popup-register.form-popup-wrap .close {
        top: 18px !important;
        right: 16px !important;
    }
}

/* ======= Unified auth popup with SMS inside old popup ======= */
.auth-container-unified {
    padding: 0 36px 0;
}

.auth-methods-unified {
    display: flex;
    gap: 8px;
    margin: 12px 0 18px;
    padding: 0;
    border: none;
}

.auth-methods-unified .auth-method {
    flex: 1 1 0;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    padding: 12px 10px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #666;
    font: 600 14px/18px Arial, sans-serif;
    transition: all .2s ease;
    user-select: none;
}

.auth-methods-unified .auth-method.active {
    background: #dbdbdb;
    border-color: #dbdbdb;
    color: #000;
}

.auth-pane {
    display: block;
}

.auth-pane-sms .auth-block,
.auth-pane-password .auth-block {
    margin-bottom: 12px;
}

.auth-pane-sms .input-wrap,
.auth-pane-password .input-wrap {
    width: 100%;
}

.auth-pane-sms .login-input,
.auth-pane-password .login-input,
.auth-pane-sms .auth-sms-code,
.auth-pane-sms .auth-sms-phone {
    width: 100%;
    box-sizing: border-box;
}

.auth-sms-errors,
.auth-sms-message {
    font: normal 12px/16px Arial, sans-serif;
    margin: 0 0 12px;
}

.auth-sms-errors {
    color: #dc0c0c;
    background: transparent;
}

.auth-sms-message {
    color: #666;
    background: transparent;
}

.auth-sms-resend-wrap {
    margin-top: -2px;
}

.auth-sms-resend {
    font: normal 14px/16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}

.auth-sms-resend:hover,
.auth-sms-resend:focus {
    text-decoration: underline;
}

.auth-register-row {
    margin-top: 6px;
}

.popup.popup-login.form-popup-wrap .auth-container-unified,
.popup.popup-login.js-to-order .auth-container-unified {
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .popup.popup-login.form-popup-wrap h2,
    .popup.popup-login.js-to-order h2 {
        padding: 16px 44px 0 44px !important;
        margin-bottom: 18px !important;
    }

    .popup.popup-login.form-popup-wrap .close,
    .popup.popup-login.js-to-order .close {
        top: 16px !important;
        right: 16px !important;
    }

    .popup.popup-login.form-popup-wrap,
    .popup.popup-login.js-to-order {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-width: 0 !important;
        padding-bottom: 18px !important;
    }

    .popup.popup-login.form-popup-wrap .auth-container-unified,
    .popup.popup-login.js-to-order .auth-container-unified {
        padding: 0 16px 0 !important;
    }

    .popup.popup-login.form-popup-wrap .auth-methods-unified,
    .popup.popup-login.js-to-order .auth-methods-unified {
        margin: 8px 0 14px !important;
        gap: 6px !important;
    }

    .popup.popup-login.form-popup-wrap .auth-methods-unified .auth-method,
    .popup.popup-login.js-to-order .auth-methods-unified .auth-method {
        padding: 10px 8px !important;
        font-size: 13px !important;
        line-height: 16px !important;
    }

    .popup.popup-login.form-popup-wrap .auth-pane .auth-block,
    .popup.popup-login.js-to-order .auth-pane .auth-block {
        margin-bottom: 10px !important;
    }

    .popup.popup-login.form-popup-wrap .auth-pane .input-wrap,
    .popup.popup-login.js-to-order .auth-pane .input-wrap {
        width: 100% !important;
    }

    .popup.popup-login.form-popup-wrap .auth-pane input,
    .popup.popup-login.js-to-order .auth-pane input {
        height: 46px !important;
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .popup.popup-login.form-popup-wrap .auth-sms-errors,
    .popup.popup-login.form-popup-wrap .auth-sms-message,
    .popup.popup-login.js-to-order .auth-sms-errors,
    .popup.popup-login.js-to-order .auth-sms-message {
        margin-bottom: 10px !important;
    }

    .popup.popup-login.form-popup-wrap .auth-sms-resend-wrap,
    .popup.popup-login.js-to-order .auth-sms-resend-wrap {
        text-align: left !important;
    }

    .popup.popup-login.form-popup-wrap .auth-register-row,
    .popup.popup-login.js-to-order .auth-register-row {
        margin-top: 10px !important;
    }
}


/* clickable auth tabs fix */
.auth-methods-unified {
    position: relative;
    z-index: 3;
}

.auth-methods-unified .auth-method {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    position: relative;
    z-index: 2;
    pointer-events: auto;
}


/* ===== final hard overrides for unified login popup ===== */
.popup.popup-login .auth-container-unified .auth-block .input-wrap label.error,
.popup.popup-login .auth-container-unified .auth-block .focus-hoock label.error,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-block .input-wrap label.error,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-block .focus-hoock label.error,
.popup.popup-login.js-to-order .auth-container-unified .auth-block .input-wrap label.error,
.popup.popup-login.js-to-order .auth-container-unified .auth-block .focus-hoock label.error {
    background: transparent !important;
    color: #DC0C0C !important;
    position: static !important;
    top: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    width: auto !important;
    display: block !important;
}

.popup.popup-login .auth-container-unified .auth-methods-unified,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-methods-unified,
.popup.popup-login.js-to-order .auth-container-unified .auth-methods-unified {
    position: relative !important;
    z-index: 20 !important;
}

.popup.popup-login .auth-container-unified .auth-methods-unified .auth-method,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-methods-unified .auth-method,
.popup.popup-login.js-to-order .auth-container-unified .auth-methods-unified .auth-method {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 21 !important;
}

/* ===== auth popup force fixes ===== */
.popup.popup-login .auth-container-unified .auth-block .input-wrap label.error,
.popup.popup-login .auth-container-unified .auth-block .focus-hoock label.error,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-block .input-wrap label.error,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-block .focus-hoock label.error,
.popup.popup-login.js-to-order .auth-container-unified .auth-block .input-wrap label.error,
.popup.popup-login.js-to-order .auth-container-unified .auth-block .focus-hoock label.error,
.popup.form-popup-wrap .auth-container-unified .auth-block .input-wrap label.error,
.popup.form-popup-wrap .auth-container-unified .auth-block .focus-hoock label.error {
    background: none !important;
    background-color: transparent !important;
    color: #DC0C0C !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
}

.popup.popup-login .auth-container-unified .auth-methods-unified,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-methods-unified,
.popup.popup-login.js-to-order .auth-container-unified .auth-methods-unified {
    position: relative !important;
    z-index: 40 !important;
}

.popup.popup-login .auth-container-unified .auth-methods-unified .auth-method,
.popup.popup-login.form-popup-wrap .auth-container-unified .auth-methods-unified .auth-method,
.popup.popup-login.js-to-order .auth-container-unified .auth-methods-unified .auth-method {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 41 !important;
}

/* End */


/* Start:/local/templates/.default/components/awz/autform/multiple_custom/style.css?177545218010814*/
.awz-autform-link-block {display:block;padding:5px;}


.awz-autform-theme-red .awz-autform-modal-content-bg#awz-autform-modal-content-bg{
    opacity: 1;
    background: url(/local/css/../images/fancybox/overlay.png);
}

.awz-autform-modal-content-bg {;position:fixed;top:0;left:0;width:100%;height:100%;
    display:block;z-index: 10000;}

.awz-autform-close, .awz-autform-close:hover {cursor:pointer;}
.awz-autform-close {display:block;width:70px;height:68px;position:fixed;top:10px;right:10px;z-index:10002;
    text-decoration: none;
    text-align:center;
}
.awz-autform-close div {
    cursor: pointer;
    position: relative;
    height: 68px;
    width: 70px;
}
.awz-autform-close .awz-autform-close-leftright {
    height: 4px;
    width: 50px;
    position: absolute;
    margin-top: 24px;
    border-radius: 2px;
    transform: rotate(45deg);
    transition: all .3s ease-in;
    left: 10px;
}
.awz-autform-close .awz-autform-close-rightleft {
    height: 4px;
    width: 50px;
    position: absolute;
    margin-top: 24px;
    border-radius: 2px;
    transform: rotate(-45deg);
    transition: all .3s ease-in;
    left: 10px;
}
.awz-autform-close .awz-autform-close-close-btn {
    margin: 54px auto 0 auto;
    position: absolute;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all .3s ease-in;
    opacity: 0;
    width: 100%;
    display: block;
    text-align:center;
}
.awz-autform-close div:hover .awz-autform-close-leftright {
    transform: rotate(-45deg);
}
.awz-autform-close div:hover .awz-autform-close-rightleft {
    transform: rotate(45deg);
}
.awz-autform-close div:hover .awz-autform-close-close-btn {
    opacity: 1;
}
.awz-autform-modal-content {display:block;position:fixed;z-index:10001;width:100%;height:100%;top:0;left:-20px;}
.awz-autform-modal-content-wrap {display:block;margin:auto;position:relative; top: 192px; max-width:460px; border-radius: 10px}

.awz-autform-modal-header {display:block;padding:15px;font-size:1.2em;line-height:1.2em;font-weight:bold;}
.awz-autform-modal-body {display:block;height:100%;position:relative; overflow-y:auto; border-radius: 10px; width: 500px;}

.awz-autform-modal-error {padding:20px 15px;display:block;font-size:16px;line-height:24px;}
.awz-autform-preload {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.awz-autform-load {display:block;width:50%;top:50%;
    margin: -20px auto auto;
    font-size:18px;position:relative;
    text-align:center;
}
.awz-autform-contentWrap {padding:10px 20px 68px 20px;}

.awz-autform-contentWrap h2 {
    /*margin: 0;
    padding: 0;*/
    padding-bottom: 10px;
    margin-bottom: 20px;
    /*width: 100%;*/
    text-align: center;
    color: #333;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%;
    border-bottom: 1px solid #e6e6e6;
}

.resend-link {
    text-align: start;
    margin: 10px 0;
}

.resend-link a {
    font: normal 14px / 16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
    text-transform: none !important;
}

.auth-methods-sms {
    margin: 40px 10px 20px 10px;
}

.auth-method a {
    color: #666;
    text-decoration: none;
}

.awz-autform-close-mobile {right:0;top:0;overflow:hidden;height:57px;}
.awz-autform-close-mobile  > div {margin-top:3px;}


.awz-autform-errors {display:block;padding:5px 0;}
.awz-autform-messages {display:block;padding:5px 0;}
.awz-autform-error-row {display:block;padding:5px 0;clear:both;margin:0 0 10px 0;text-align: center;}
.awz-autform-message-row {display:block;padding:5px 0;clear:both;margin:0 0 10px 0;text-align: center;}

.awz-autform-form-group {padding: 10px; text-align:center;}
.awz-autform-form-group label {display:inline-block;text-align: center;padding-bottom:5px;clear:both;}
.awz-autform-form-group input {display:inline-block;text-align: start;clear:both;}
.awz-autform-form-agreement {text-align:center; display: flex; align-items: center; justify-content: flex-start; height: 50px; padding: 0 10px;}
.awz-autform-form-agreement input {margin-right:10px;}
.awz-autform-form-agreement a {
    font: normal 14px / 16px Arial, sans-serif;
    color: #393186;
    text-decoration: none;
}
.awz-autform-form-buttons {text-align:center; padding: 0 10px;}
.awz-autform-form-buttons button {display:inline-block;border:none;border-radius:3px;padding:5px 15px;
font-size:1.2em;line-height:1.2em;cursor:pointer;margin-top:10px;
}
.awz-autform-message-agreement-content {font-size: 0.9em;line-height:120%;}

.awz-autform-form-group a {margin:0 5px;text-transform: lowercase;}


.awz-autform-hide {display:none;}

.awz-autform-modal-mobile .awz-autform-modal-header {font-size:22px;line-height:27px;}
.awz-autform-form-links {display:block;text-align: center;}
.awz-autform-form-links a {display:inline-block;padding:2px 10px;font-size:0.9em;text-decoration: none;border-radius: 3px;
margin:0 5px 10px 0;
}


 /*custom*/

.awz-autform-modal-link{
    font: normal 12px/18px Arial,sans-serif;color: #666;
}

.awz-autform-input[type="text"] {
    /*height: 50px;
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    overflow: hidden;
    color: #212121;
    font-feature-settings: 'clig' off,'liga' off;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'NotoSans',Arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: .15px;*/

    width: 100%;
    box-sizing: border-box;
    font: normal 12px / 30px Arial, sans-serif;
    -webkit-appearance: none;
    margin: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-rtl-ordering: logical;
    cursor: text;

    height: 50px;
    padding-right: 50px;
    color: #212121;
    font-feature-settings: 'clig' off, 'liga' off;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15px;

    border: none !important;
    border-bottom: 2px solid #dbdbdb !important;
    border-radius: unset !important;
    background: transparent !important;
    padding-left: unset !important;
}

.awz-autform-input:focus {
    //outline: 2px solid var(--blue, #0FABDC);
    background: #FFF;
}

.awz-autform-button:disabled{
    cursor: not-allowed;
}

.awz-autform-theme-red .awz-autform-form-buttons button.awz-autform-button{
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 15px 17px;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #393186;
    background-color: #393186;
    color: #ffffff;
    font-family: 'NotoSans';
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    box-shadow: none;
    transition: all .3s;
}

.awz-autform-button {
    margin: 0;
    border: none;
    padding: 15px 20px;
    color: #FFF;
    font-family: 'NotoSans', Arial, sans-serif;
    transition: background-color 0.3s;
    width: 100%;
    font-size: inherit;
    font-weight: bold;
}

.awz-autform-theme-red .awz-autform-form-buttons button.awz-autform-button:disabled:hover {
    background-color: #393186;
    color: #ffffff;
}

.awz-autform-theme-red .awz-autform-form-buttons button.awz-autform-button:not(:disabled):hover {
    background-color: #857FC3;
    border: 1px solid #857FC3;
}

.awz-autform-modal-content{
    pointer-events: none;
}

.popup.popup-confirm {padding: 0;}

.popup.popup-confirm h2 {
    padding: 10px 20px 10px 20px;
}

.awz-autform-modal-body.popup-confirm{
    pointer-events: auto;
}

.popup .row>span.login-by-sms-link{
    font-size: 16px;
}

.popup.popup-login .row .button.login-link{
    margin-top: 0;
}

/* ===== auth popup mobile/layout fixes ===== */
.awz-autform-modal-content {
    left: 0;
}

.awz-autform-modal-content-wrap {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

.awz-autform-modal-body {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

.auth-methods-sms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    padding: 6px;
    box-sizing: border-box;
}

.auth-methods-sms .auth-method {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
    font-family: 'NotoSans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #666;
}

.auth-methods-sms .auth-method.active,
.auth-methods-sms .auth-method.login-by-sms-link-js.active,
.auth-methods-sms .auth-method a.active {
    background: #ececec;
    color: #222;
}

.auth-methods-sms .auth-method a {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 6px;
    color: inherit;
    text-decoration: none;
    font: inherit;
}

#register-container-sms {
    margin-top: 8px;
}

#register-container-sms .auth-register-button {
    display: inline-block;
    margin-top: 0;
}

@media screen and (max-width: 480px) {
    .awz-autform-modal-content {
        left: 0 !important;
    }

    .awz-autform-modal-content-wrap {
        top: 0 !important;
        max-width: none !important;
        width: 100% !important;
        min-height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 16px 12px;
    }

    .awz-autform-modal-body {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 10px;
    }

    .awz-autform-contentWrap {
        padding: 8px 16px 24px 16px;
    }

    .awz-autform-contentWrap h2 {
        margin-bottom: 16px;
        padding: 8px 44px 12px 44px;
        font-size: 18px !important;
        line-height: 22px;
    }

    .awz-autform-close {
        top: 14px;
        right: 14px;
    }

    .auth-methods-sms {
        margin: 20px 0 16px 0;
    }

    .awz-autform-form-group {
        padding: 8px 0;
    }

    .awz-autform-form-buttons {
        padding: 0;
    }

    .awz-autform-theme-red .awz-autform-form-buttons button.awz-autform-button {
        height: 50px;
        font-size: 15px;
    }

    .awz-autform-input[type="text"],
    .awz-autform-input[type="password"] {
        font-size: 16px;
        height: 46px;
        padding-right: 40px;
    }

    .resend-link {
        margin: 8px 0 0 0;
    }
}

/* End */


/* Start:/local/templates/.default/components/awz/autform/multiple_custom/theme/red.css?17740093101824*/
.awz-autform-theme-red .awz-autform-modal-content-wrap {
    background:#ffffff;
}
.awz-autform-form-links {border-bottom:2px solid red;margin-bottom:10px;}
.awz-autform-theme-red .awz-autform-form-links a {background:#ededed;color:#000000;}
.awz-autform-theme-red .awz-autform-form-links a:hover,
.awz-autform-theme-red .awz-autform-form-links a.active {background: red; color:#ffffff;}
.awz-autform-theme-red .awz-autform-link-block {
    border:1px solid red;
}
.awz-autform-theme-red .awz-autform-modal-content-bg {
    background:#000000;opacity:0.85;
}
.awz-autform-theme-red .awz-autform-close .awz-autform-close-leftright {
    background-color: red;
}
.awz-autform-theme-red .awz-autform-close .awz-autform-close-rightleft {
    background-color: red;
}
.awz-autform-theme-red .awz-autform-close .awz-autform-close-close-btn {
    color: red;
}
.awz-autform-theme-red .awz-autform-close div:hover .awz-autform-close-leftright {
    background-color: red;
}
.awz-autform-theme-red .awz-autform-close div:hover .awz-autform-close-rightleft {
    background-color: red;
}
.awz-autform-theme-red .awz-autform-modal-header {
    background:red;color:#ffffff;
}
.awz-autform-theme-red .awz-autform-modal-error {
    color:red;
}
.awz-autform-theme-red .awz-autform-preload {
    background:#ffffff;opacity:0.85;
}
.awz-autform-theme-red .awz-autform-load {
    color:red;
}
.awz-autform-theme-red .awz-autform-close-mobile {
    background:#fffcc0;
}
.awz-autform-theme-red .awz-autform-error-row {
    color:red;
}
.awz-autform-theme-red .awz-autform-message-row {
    color:green;
}
.awz-autform-theme-red .awz-autform-form-buttons button {color:#ffffff;background:red;}
.awz-autform-theme-red .awz-autform-form-buttons button:hover {color:#ffffff;background: #d0021b;}
/* End */


/* Start:/local/templates/.default/components/arturgolubev/search.title/.plus-cats/style.min.css?177400931011942*/
.bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:14px}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#333;background-color:#f8fafc;border:1px solid #d5dadc;border-right:none;border-radius:1px 0 0 1px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;background:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/search-icon.png) center center no-repeat #95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:0;border-radius:0 1px 1px 0;color:#fff;font-size:16px;line-height:1.42857143;height:34px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;border-top:0 none;display:none;overflow:hidden;z-index:999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:2px;box-shadow:0 0 7px -2px #d6d6d6}div.title-search-fader{display:none;background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{padding-top:8px;border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/image/noimg.png)}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#333;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#000}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:inline-block;font-size:14px;background-color:#1485CE;border:1px solid;border-color:#1485CE;color:#FFF;padding:0 22px;height:34px;text-decoration:none;border-radius:2px;margin:0 0 8px;line-height:34px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;margin-bottom:5px;padding:8px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#feeed2}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #f5a61c;margin:0 8px 5px}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#a2a2a2}.bx_smart_searche .bx_item_block_href_category_name{color:#f5a61c;font-weight:700;text-transform:uppercase}.bx_smart_searche .bx_item_block_item_image{width:34px;height:34px;float:left;background-size:contain;background-repeat:no-repeat;background-position:center;margin-right:5px}.bx_smart_searche .bx_item_block_item_name{color:#333;overflow:hidden;height:34px;display:block;line-height:17px;display:flex}.bx_smart_searche .bx_item_block_item_name_flex_align{margin:auto 0}.bx_smart_searche .bx_item_block_item_simple_name{color:#333;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#f5a61c}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#333;line-height:17px;padding-left:5px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/loader_orange.gif) center center no-repeat}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/loader_blue.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{background-color:#0083d1;border-color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover,.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx_smart_searche.theme-blue .bx_item_element a b{color:#5ca6e4}.bx_smart_searche.theme-blue .bx_item_block_href:hover{background-color:#b2d9f1}.bx_smart_searche.theme-blue .bx_item_block_href_category_name{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_item_name b,.bx_smart_searche.theme-blue .bx_item_block_item_simple_name b{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_hrline{border-color:#0083d1}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/loader_black.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{background-color:#333;border-color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover,.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black .bx_item_element a b{color:#5c5c5c}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche.theme-black .bx_item_block_href:hover{background-color:#eaeaea}.bx_smart_searche.theme-black .bx_item_block_href_category_name{color:#333}.bx_smart_searche.theme-black .bx_item_block_item_name b,.bx_smart_searche.theme-black .bx_item_block_item_simple_name b{color:#333}.bx_smart_searche.theme-black .bx_item_block_hrline{border-color:#333}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/loader_green.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{background-color:#159ebb;border-color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover,.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx_smart_searche.theme-green .bx_item_element a b{color:#44b1c9}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#d0ebf1}.bx_smart_searche.theme-green .bx_item_block_href_category_name{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_item_name b,.bx_smart_searche.theme-green .bx_item_block_item_simple_name b{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_hrline{border-color:#159ebb}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/loader_red.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{background-color:#E22B2B;border-color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover,.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx_smart_searche.theme-red .bx_item_element a b{color:#e95c5c}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#f9d4d4}.bx_smart_searche.theme-red .bx_item_block_href_category_name{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_item_name b,.bx_smart_searche.theme-red .bx_item_block_item_simple_name b{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_hrline{border-color:#E22B2B}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(/local/templates/.default/components/arturgolubev/search.title/.plus-cats/images/loader_yellow.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{background-color:#F9A91D;border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover,.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx_smart_searche.theme-yellow .bx_item_element a b{color:#faba4a}.bx_smart_searche.theme-yellow .bx_item_block_href_category_name{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_item_name b,.bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_hrline{border-color:#F9A91D}
/* End */


/* Start:/local/templates/.default/components/catda/search.page.history/.default/style.css?17740093103005*/
.search-form__container {
    background-color: #c62828;
    box-shadow: none !important;
}
.search-form__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    -webkit-transition: border 0.1s linear, -webkit-box-shadow 0.1s ease-in-out;
    -o-transition: box-shadow 0.1s ease-in-out, border 0.1s linear;
    transition: box-shadow 0.1s ease-in-out, border 0.1s linear, -webkit-box-shadow 0.1s ease-in-out;
}
.search-form__history {
    margin-left: 15px;
}
.user-search-history__show {
    background: none;
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 1px;
    cursor: pointer;
}
.user-search-history__list-container {
    position: relative;
}
.user-search-history__list-container > .user-search-history__list {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 35;
}
.user-search-history__list {
    margin-top: 0;
    display: none;
    min-width: 165px;
    padding: 15px 20px;
    background: #404040;
    border-radius: 0 3px 3px 3px;
}
.user-search-history__item {
    padding: 5px 0;
    font-size: 14px;
    list-style-type: none;
}
.user-search-history__link {
    color: #fff;
    border-bottom: 1px dotted #8c8c8c;
}
svg:not(:root) {
    overflow: hidden;
}
.user-search-history__icon-svg {
    margin-top: 2px;
    margin-left: 3px;
}
.user-search-history__icon-svg {
    width: 20px;
    height: 20px;
    max-height: 20px;
}
header .search-block form {
    width: inherit;
}

.search-form__history {
    margin-left: 0;
    width: 26px;
}
.user-search-history__list-container {
    display: block;
    z-index: 1000;
    min-width: 250px;
    position: relative;
    left: 0;
}
.user-search-history__list {
    position: relative;
    display: none;
    min-width: 250px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 7px -2px #d6d6d6;
}
.user-search-history__link {
    color: #667;
}
.user-search-history__item a:-webkit-any-link {
    text-decoration: none;
}
.user-search-history__show {
    width: 26px;
    height: 26px;
}
header .search-block {
    padding: 0 0 10px 0;
}
header.menu-collapsed .menu .search-block.search-block__sticky {
    display: flex;
    align-items: center;
    padding-left: 5px;
}
.user-search-history__list-container > .user-search-history__list {
    position: absolute;
    top: 5px;
    left: -5px;
}
header.menu-collapsed .menu .search-block,
header.menu-collapsed .sep {
    display: none;
}
.user-search-history__icon-svg {
    height: 30px;
    max-height: 30px;
    margin-top: 0;
}
header .menu .search-block {
    display: flex;
}
.user-search-history__emptied {
    display: none;
}
@media screen and (max-width: 940px) {
    header .menu .search-block {
        display: flex;
    }
    .user-search-history__list {
        min-width: 215px;
    }
    .user-search-history__item {
        max-width: 175px;
        overflow: hidden;
    }
}

/* End */
/* /local/css/style.css?1775454122553655 */
/* /local/templates/.default/components/awz/autform/multiple_custom/style.css?177545218010814 */
/* /local/templates/.default/components/awz/autform/multiple_custom/theme/red.css?17740093101824 */
/* /local/templates/.default/components/arturgolubev/search.title/.plus-cats/style.min.css?177400931011942 */
/* /local/templates/.default/components/catda/search.page.history/.default/style.css?17740093103005 */