/* Start:/local/templates/site/css/lib/fonts.css?15486053021943*/

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat'), local('Montserrat-Regular'), url('/local/templates/site/fonts/montserrat.woff2') format('woff2'), url('/local/templates/site/fonts/montserrat.woff') format('woff'), url('/local/templates/site/fonts/montserrat.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/site/fonts/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/site/fonts/MONTSERRAT-MEDIUM.woff') format('woff'), url('/local/templates/site/fonts/MONTSERRAT-MEDIUM.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/site/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/site/fonts/MONTSERRAT-SEMIBOLD.woff') format('woff'), url('/local/templates/site/fonts/MONTSERRAT-SEMIBOLD.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/local/templates/site/fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('/local/templates/site/fonts/MONTSERRAT-EXTRABOLD.woff') format('woff'), url('/local/templates/site/fonts/MONTSERRAT-EXTRABOLD.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Black'), local('Montserrat-Black'), url('/local/templates/site/fonts/Montserrat-Black.woff2') format('woff2'), url('/local/templates/site/fonts/MONTSERRAT-BLACK.woff') format('woff'), url('/local/templates/site/fonts/MONTSERRAT-BLACK.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/* End */


/* Start:/local/templates/site/css/lib/normalize.css?15486053026503*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}
/* End */


/* Start:/local/templates/site/css/lib/slick-theme.css?15486053025935*/
@charset 'UTF-8';


/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/site/css/lib/./fonts/slick.eot');
    src: url('/local/templates/site/css/lib/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/site/css/lib/./fonts/slick.woff') format('woff'), url('/local/templates/site/css/lib/./fonts/slick.ttf') format('truetype'), url('/local/templates/site/css/lib/./fonts/slick.svg#slick') format('svg');
}

@keyframes prev {
    0% {
        transform: translateX(-2000px);
    }

    70% {
        transform: translateX(30px);
    }

    90% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes next {
    0% {
        transform: translateX(-2000px);
    }

    70% {
        transform: translateX(30px);
    }

    90% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -70px;
    display: block;
    padding: 0;


    border: none;
    outline: none;
    background-color: #255aa6;

    cursor: pointer;
    z-index: 10;

    width: 40px;
    height: 40px;
}
.slick-prev:hover,
.slick-next:hover {
    outline: none;
    opacity: 0.8;
}

.slick-prev::after,
.slick-next::after{
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    top: 15px;
    left: 15px;
    background-image: url("/local/templates/site/css/lib/../../images/arrow-sprite.png");
    background-position: 2px -2px;
    background-repeat: no-repeat;
}

.slick-prev::after {
    background-position: 0px -15px;
}
.slick-prev{
    right: 80px;
}

.slick-next{
    right: 20px;
}


.slide-prev {
    animation: prev 0.6s;
}
.slide-next {
    animation: next 0.6s;
}

.brand-slider__list .slick-prev {
    right: auto;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.brand-slider__list .slick-next {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}
/* Dots */

.slick-dots
{
    position: absolute;
    bottom: 37px;
    padding: 0 34px;
    margin: 0;
    margin: auto 0;
    box-sizing: border-box;

    display: flex;
    justify-content: flex-end;
    align-items: center;

    width: 100%;


    list-style: none;

    text-align: center;
}
.slick-dots li:after {
    display: none;
}
.slick-dots li
{
    position: relative;

    display: inline-block;


    margin: 0 6px;
    padding: 0;

    order: 1;

}
.slick-dots .pagingInfo {
    order: 0;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #777777;
    letter-spacing: 2px;
}
.slick-dots li button
{
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 0;

    cursor: pointer;

    background-color: #adacac;
    border: 0;

    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.slick-dots li button:hover,
.slick-dots li button:focus{
    background-color: rgba(173,172,172,0.5);
    outline: 0;
}

.slick-dots li.slick-active button{
    background-color: #255aa6;

    outline: none;
}


/*.slick-dots li button:hover,*/
/*.slick-dots li button:focus*/
/*{*/
    /*outline: none;*/
/*}*/
/*.slick-dots li button:hover:before,*/
/*.slick-dots li button:focus:before*/
/*{*/
    /*opacity: 0.7;*/
/*}*/
/*.slick-dots li button:before*/
/*{*/
    /*font-family: 'slick';*/
    /*font-size: 15px;*/
    /*line-height: 20px;*/

    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/

    /*width: 20px;*/
    /*height: 20px;*/

    /*content: '•';*/
    /*text-align: center;*/

    /*opacity: .5;*/
    /*color: #95913d;*/

    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/
/*.slick-dots li.slick-active button:before*/
/*{*/
    /*opacity: 1;*/
    /*color: #95913d;;*/
/*}*/


/*** main-slide***/

.slider-main__dots {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;

    list-style: none;
    text-align: center;
    z-index: 11;
}

.slider-main__dots li{
    position: relative;

    display: inline-block;

    width: 12px;
    height: 12px;
    padding: 0;

    cursor: pointer;
}

.slider-main__dots li:not(:first-of-type) {
    margin-left: 10px;
}

.slider-main__dots li button{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
    border-radius: 50%;
}

.slider-main__dots li button:hover,
.slider-main__dots li button:focus{
    opacity: 0.7;
}

.slider-main__dots li.slick-active button{
    background-color: transparent;
    opacity: 1;
}

.slider-main__dots li.slick-active {
    border:3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.friends .slick-slider {
    height: 108px;!important
}

/* arrows promotions slider*/

.promotions-detail__slider-main-product .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    opacity: 0.5;
}

.promotions-detail__slider-main-product .slick-prev::after,
.promotions-detail__slider-main-product .slick-next::after {
    top:50%;
    transform: translateY(-50%);
}

.promotions-detail__slider-main-product .slick-prev {
    right: auto;
    left: 0;
}

.promotions-detail__slider-main-product .slick-next {
    left: auto;
    right: 0;
}

.promotions-detail__slider-main-product .slick-arrow:hover {
    opacity: 1;
}
/* End */


/* Start:/local/templates/site/css/lib/slick.css?15486053021945*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
.friends .slick-slide {
    height: 108px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/site/css/lib/preloader.css?15486053025040*/
.container_loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
}
.cssload-thecube {
    width: 73px;
    height: 73px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(37,90,166);
    animation: cssload-fold-thecube 1.08s infinite linear both;
    -o-animation: cssload-fold-thecube 1.08s infinite linear both;
    -ms-animation: cssload-fold-thecube 1.08s infinite linear both;
    -webkit-animation: cssload-fold-thecube 1.08s infinite linear both;
    -moz-animation: cssload-fold-thecube 1.08s infinite linear both;
    transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
    transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
    transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
    transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
    animation-delay: 0.135s;
    -o-animation-delay: 0.135s;
    -ms-animation-delay: 0.135s;
    -webkit-animation-delay: 0.135s;
    -moz-animation-delay: 0.135s;
}
.cssload-thecube .cssload-c3:before {
    animation-delay: 0.27s;
    -o-animation-delay: 0.27s;
    -ms-animation-delay: 0.27s;
    -webkit-animation-delay: 0.27s;
    -moz-animation-delay: 0.27s;
}
.cssload-thecube .cssload-c4:before {
    animation-delay: 0.405s;
    -o-animation-delay: 0.405s;
    -ms-animation-delay: 0.405s;
    -webkit-animation-delay: 0.405s;
    -moz-animation-delay: 0.405s;
}



@keyframes cssload-fold-thecube {
    0%, 10% {
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-o-keyframes cssload-fold-thecube {
    0%, 10% {
        -o-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -o-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -o-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-ms-keyframes cssload-fold-thecube {
    0%, 10% {
        -ms-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -ms-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -ms-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%, 10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cssload-fold-thecube {
    0%, 10% {
        -moz-transform: perspective(136px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -moz-transform: perspective(136px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -moz-transform: perspective(136px) rotateY(180deg);
        opacity: 0;
    }
}
/* End */


/* Start:/local/templates/site/css/lib/bootstrap-grid.css?156882498137835*/
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }
}


.container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-big {
  margin-right: -20px;
  margin-left: -20px;
}

.no-gutters-margin{
  margin-right: -10px;
  margin-left: -10px;
}

.no-gutters > .col,
.no-gutters > [class*="col-"],
.no-gutters-margin > .col,
.no-gutters-margin > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

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

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */
/* End */


/* Start:/local/templates/site/css/lib/jquery.fancybox.min.css?154860530213841*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-caption{padding:12px}.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/site/components/bitrix/menu/catalog_vertical/style.css?154860530110919*/
.bx-top-nav-container {
	margin-top: 15px;
	padding: 0 10px;
	/*background: #0083d1;/* COLOR */
	color: #fff;
	border-radius: 2px;
	position: relative;
	font-family:  "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* 1 lvl*/

.bx-top-nav-container .bx-nav-list-1-lvl {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bx-top-nav-container .bx-nav-1-lvl {
	float: left;
	position: relative;
}
.bx-top-nav-container .bx-nav-1-lvl>a {
	color: #fff;
	font-weight: 700;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 1px;
	padding-top: 6px;
	padding-bottom: 2px;
	border-bottom: none;
}
.bx-top-nav-container .bx-nav-1-lvl>a span {
	padding: 10px 14px 14px;
	display: block;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover {}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a {
	z-index: 250;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13)
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span {
	background: #fff;
}
.bx-top-nav-container .bx-nav-parent-arrow{
	display: none;
}
/*2 lvl*/

.bx-top-nav-container .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-2-lvl-container {
	z-index: 999;
	display: none;
	opacity: 0;
	padding: 9px 0 5px;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13);
	border-top: none;
	min-width: 100%;
	color: #000;
}
.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-2-lvl-container:before {
	position: absolute;
	content: " ";
	display: block;
	height: 5px;
	background: #fff;
	top: -5px;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
	opacity: 1;
	display: block;
	position: absolute;
	top: 100%;
	z-index: 999;
	background: #fff;
}

.bx-top-nav-container>ul{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-list-2-lvl {
	margin: 0;
	padding: 5px 0 12px;
}
.bx-top-nav-container .bx-nav-2-lvl {
	display: block;
	min-width: 180px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-2-lvl>a {
	padding: 5px 15px 5px;
	color: #20394c;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: none;
	display: block;
}

.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{
	border-top: none;
	margin-top: 0;
}

/*3 lvl*/

.bx-top-nav-container .bx-nav-3-lvl {
	padding: 5px 0;
	margin: 0;
}
.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-3-lvl-container:before {
	position: absolute;
	content: " ";
	display: block;
	height: 5px;
	background: #fff;
	top: -5px;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-list-3-lvl {
	margin: 0;
	padding: 0px 0 14px 7px;
}
.bx-top-nav-container .bx-nav-3-lvl {
	display: block;
	min-width: 180px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-3-lvl a {
	padding: 3px 15px;
	color: #555;
	font-size: 13px;
	line-height: 14px;
	text-decoration: none;
	border-bottom: none;
	display: block;
}





/* col 1 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container {
	min-width: 200px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 100%;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{
	width: 100%;
	background: #fff;
}
/* col 2 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container {
	min-width: 400px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{
	width: 50%;
}
/* col 3 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container {
	min-width: 600px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 33.33333%;
	float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{
	width: 33.33333%;
}
/* col 4 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col {position: static;}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{
	top: 100%;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{
	min-width: 100%
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	width: 25%;
	float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{
	width: 25%;
}

.bx-top-nav-container .bx-nav-catinfo{
	padding: 5px 15px 5px;
	z-index: 120;
	position: relative;
}
.bx-top-nav-container .bx-nav-catinfo img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e7e9ea;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.bx-top-nav-container .bx-nav-catinfo p{
	padding: 20px 5px 0;
	font-size: 13px;
}
.bx-top-nav-container .bx-nav-catinfo-back{
	position: absolute;
	display: block;
	content: ' ';
	top: -5px;
	right: 0px;
	bottom: 0px;
	background: #f7fafb;
	z-index: 100;
	border-left: 1px solid #ecefef;
}
/* ASIDE */
/*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/

.bx-aside-nav-control {
	font-size: 28px;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 5px;
	left: 5px;
	line-height: 40px;
	cursor: pointer;
	z-index: 1750;
	color: #fff;
	text-align: center;
}
body>.bx-aside-nav-control{
	-webkit-transition: left .15s linear;
	-moz-transition: left .15s linear;
	-ms-transition: left .15s linear;
	-o-transition: left .15s linear;
	transition: left .15s linear;
}
.bx-aside-nav-control .fa{
	line-height: 40px;
	vertical-align: middle;
}

.bx-wrapper,
.bx-aside-nav {
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: -moz-transform .15s linear;
	-ms-transition: -ms-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	transition: transform .15s linear;
}
.bx-logo {
	z-index: 1700 !important
}
/**/
.bx-opened .bx-footer,
.bx-opened .workarea{display:none !important}
/**/
.bx-aside-nav {
	display: none;
	padding-top: 50px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	width: 100%;
	background: #4c5c65;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1600;
}
.bx-aside-nav.bx-opened {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	overflow-y: scroll;

}
.bx-aside-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bx-aside-nav a {
	color: #fff;
	vertical-align: middle;
	line-height: 48px;
	height: 48px;
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #3d4b53;
	padding-left: 15px;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.bx-aside-nav a {
	text-decoration: none;
}
.bx-aside-nav .bx-nav-1-lvl {}
.bx-aside-nav .bx-nav-1-lvl>a {}
.bx-nav-1-lvl.bx-opened,
.bx-aside-nav .bx-nav-1-lvl:hover>a,
.bx-aside-nav .bx-nav-1-lvl.bx-hover>a {
	background: #44535c;
}
.bx-aside-nav .bx-nav-list-2-lvl {
	background: #44535c;
}
.bx-aside-nav .bx-nav-2-lvl>a {
	padding-left: 30px;
}
.bx-aside-nav .bx-nav-3-lvl>a {
	padding-left: 45px;
}
.bx-aside-nav .bx-nav-4-lvl a {
	padding-left: 60px;
}
.bx-aside-nav .bx-nav-parent {
	position: relative;
}
.bx-aside-nav .bx-nav-parent-arrow {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 6px;
	width: 46px;
	height: 34px;
	text-align: center;
	border-left:1px solid #5a6971;
	z-index: 200;
}
.bx-aside-nav .bx-nav-parent-arrow i {
	line-height: 34px;
	font-size: 17px;
	font-style: normal;
	color: #fff;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent>ul {
	overflow: hidden;
	height: 0;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent.bx-opened>ul {
	height: auto;
}

.bx-aside-nav .bx-nav-catinfo{display: none;}
.bx-aside-nav .bx-nav-catinfo-back{display: none;}

@media (min-width: 1200px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 15px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 12px 14px 15px}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 13px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 9px 11px 12px}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 11px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 5px 6px 9px}
}
@media (min-width: 768px){
	.bx-aside-nav-control,
	.bx-aside-nav{display: none;}
	.bx-top-nav-container{display: block;}
}
@media (max-width: 767px) {
	.bx-aside-nav-control,
	.bx-aside-nav{display: block;}
	.bx-top-nav-container{display: none;}
	.bx-aside-nav .bx-nav-parent-arrow{display: block;}
	.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display: none;}
}
/* End */


/* Start:/local/templates/site/components/bitrix/sender.subscribe/subscribe/style.css?15486053014802*/
.bx-subscribe {
	margin: 10px 0;
}
.bx-subscribe div.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-subscribe-desc {
	color: #aaa;
	font-size: 12px;
	position: relative;
	margin-top: -5px;
	margin-bottom: 3px;
}
.bx-subscribe .bx-input-group .bx-form-control {
	position: relative;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #F8FAFC;
	border: 1px solid #D5DADC;
	border-radius: 2px;
	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-ios .bx-subscribe .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.btn-subscribe {
	cursor: pointer;
	text-align: center;
	background: #70bb18;
	border: none;
	color: #fff;
	font-size: 13px;
	position: relative;
	text-transform: uppercase;
	border-radius: 2px;
	line-height: 30px;
	height: 40px;
	padding: 5px 60px 5px 20px;
	vertical-align: middle;
	outline: none;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-ms-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}
.btn-subscribe:hover {
	background: #7ec629;
}
.btn-subscribe:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	background-color: #5b9f0b;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC");
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 0 2px 2px 0;
}
.btn-subscribe span {
	display: block;
}
.btn-subscribe.send {
	padding: 5px 40px;
	-webkit-animation-name: MeilSend;
	animation-name: MeilSend;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	outline: none;
	color: #fff;
}
.btn-subscribe:hover, .btn-subscribe:active{color: #fff;}
.btn-subscribe.send:before {
	width: 0;
	background-position: 100px 50%;
	-webkit-animation-name: MeilSendButton;
	animation-name: MeilSendButton;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
@keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}
@-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}

.bx_subscribe_response_container {
	padding: 40px;
	color: #35414E;
}

.bx_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}

.bx-sender-subscribe-agreement .main-user-consent-request a {
	font-weight: 100;
	font: 11px/10px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* End */


/* Start:/local/templates/site/template_styles.css?1568824981208932*/
/* === CONST === */

body {
    margin: 0;
    padding: 0;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2e31;
}

.bg-light-blue {
    background-color: #e9edf3;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #255aa6;
}

a:hover,
a:focus {
    color: #dd0024;
    outline: 0;
    text-decoration: none;
}

a:hover,
a:active,
a:visited,
button:hover,
button:focus {
    outline: 0;
}

a:focus {
    /*outline-color: #255aa6;*/
    /*outline-style: dashed;*/
    /*outline-width: 1px;*/
    /*outline-offset: 4px;*/
    outline: 0;
}

.link:hover,
.link:focus {
    color: #ff7300;
}

/*.promotions-detail img,*/
/*.container--mini img,*/
.content__wrapper img{
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.promotions-detail img,
.container--mini img {
    max-width: 100%;
    height: auto;
}

.width-full {
    width:100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 30px;
}


#ml_frame img,
.bx-fd-top-contr-tbl img,
td img {
    margin: 0;
    width:auto;
    height: auto;
}

ul {
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

ul > li {
    position: relative;
    padding-left: 20px;

    font-size: 14px;
    font-weight: 400;
    color: #2d2e31;
}

ul > li::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    left: -2px;
    top: 9px;
    background-color: #255aa6;

}

h1 {
    margin: 0;
    padding: 0;

    margin-bottom: 30px;

    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    color: #2d2e31;
}

h2 {
    margin: 0;
    padding: 0;

    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    color: #2d2e31;

    margin-bottom: 26px;
}

.color-blue {
    color: #255aa6;
}

.color-white {
    color: #ffffff;
}

p {
    margin: 0;
    padding: 0;
    margin-bottom: 21px;

    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2e31;
    letter-spacing: 0.7px;
}

.content {
    margin-bottom: 42px;
}

.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;

    white-space: nowrap;

    -webkit-clip-path: inset(100%);

    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/*.container {*/
/*margin: 0 auto;*/
/*padding: 0 50px;*/
/*width: 1280px;*/
/*-webkit-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*}*/

.button {
    display: inline-block;
    padding: 11px 21px;
    padding-top: 14px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #255aa6;
    text-transform: uppercase;
    border: 1px solid transparent;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;
    cursor: pointer;

    transition: all 0.2s linear;
    background-color: #ffffff;
}

.button--blue {
    color: #ffffff;

    border-color: #255aa6;
    background-color: #255aa6;
}

.button:hover,
.button:focus {
    color: #ffffff;
    background-color: #255aa6;
}

.button--blue:hover,
.button--blue:focus {
    color: #255aa6;

    background-color: #ffffff;
}

.button--pay-false {
    margin: 0 auto;
}

/* === End CONST === */

/* === Header === */
/*header row top*/

.header__row-top {
    background-color: #b9cae2;
    /* IE9, iOS 3.2+ */
    background-image: -webkit-gradient(linear, -1.2% 1.8%, 101.2% 98.2%, color-stop(0, rgb(239, 243, 248)), color-stop(0.650, rgb(239, 243, 248)), color-stop(0.651, rgb(37, 90, 166)), color-stop(1, rgb(37, 90, 166)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(317deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 65%, rgb(37, 90, 166) 65.1%, rgb(37, 90, 166) 100%);
    /* IE10+ */
    background-image: -o-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 65%, rgb(37, 90, 166) 65.1%, rgb(37, 90, 166) 100%);
    background-image: -webkit-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 65%, rgb(37, 90, 166) 65.1%, rgb(37, 90, 166) 100%);
    background-image: linear-gradient(131deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 65%, rgb(37, 90, 166) 65.1%, rgb(37, 90, 166) 100%);
    background-image: -ms-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 65%, rgb(37, 90, 166) 65.1%, rgb(37, 90, 166) 100%);
}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .header__row-top {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeff3f8", endColorstr="#ff255aa6", GradientType=1);
    }
}

.header__row-top--container {
    padding-top: 30px;
    padding-bottom: 25px;

    background-color: #b9cae2;
    /* IE9, iOS 3.2+ */
    background-image: -webkit-gradient(linear, -1.2% 1.8%, 101.2% 98.2%, color-stop(0, rgb(239, 243, 248)), color-stop(0.747, rgb(239, 243, 248)), color-stop(0.748, rgb(37, 90, 166)), color-stop(1, rgb(37, 90, 166)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 74.7%, rgb(37, 90, 166) 74.8%, rgb(37, 90, 166) 100%);
    /* IE10+ */
    background-image: -o-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 74.7%, rgb(37, 90, 166) 74.8%, rgb(37, 90, 166) 100%);
    background-image: linear-gradient(131deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 74.7%, rgb(37, 90, 166) 74.8%, rgb(37, 90, 166) 100%);
    background-image: -ms-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 74.7%, rgb(37, 90, 166) 74.8%, rgb(37, 90, 166) 100%);

    /*background: url("/local/templates/site/images/header-bg-top.jpg") no-repeat;*/
    /*background-size: 100% 100%;*/

}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .header__row-top--container {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeff3f8", endColorstr="#ff255aa6", GradientType=1);
    }
}

/*.header__logo-block {*/
/*margin-right: 178px;*/
/*}  удалить */

.header__logo-block svg {
    width: 90px;
    height: 80px;
}

.header__logo-block .svg-logo--desktop {
    display: block;
}


.header__logo-block .svg-logo--mobile {
    display: none;
}

.header__logo {
    margin: 0;
}

.header__search-block {
    margin: 0;
    /*margin-right: 73px; удалить*/
    padding-top: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header__search-button {
    padding: 10px 6px;
    width: 28px;
    height: 33px;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border: 0;
    background-color: transparent;

    cursor: pointer;
}

.header__search-button svg {
    fill: #255aa6;
}

.header__search-input {
    width: 295px;
    padding: 9px 0;
    padding-bottom: 11px;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: top;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #777777;
    letter-spacing: 1px;

    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d8d8d8;

}

.header__search-form {
    margin: 0;
    margin-bottom: 16px;
}

.header__block-for-organization {
    width: 100%;
    height: auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header__link-for-organization {
    width: 49%;
    position: relative;
    display: inline-block;
    padding: 5px 26px;

    font-size: 11px;
    line-height: 20px;
    font-weight: 500;
    color: #e4e4e4;
    overflow: hidden;
    text-align: center;

    background-color: #255aa6;
}

.header__link-for-organization::after,
.header__link-for-organization::before {
    content: '';
    position: absolute;
    left: -23px;
    top: -8px;
    width: 45px;
    height: 30px;
    background-color: rgb(239, 243, 248);
    -webkit-transform: rotate(131deg);
    -ms-transform: rotate(131deg);
    transform: rotate(131deg);
}

.header__link-for-organization::after {
    right: -23px;
    top: 8px;
    left: auto;
}

.header__link-for-organization:first-child {
    margin-right: 0;
}

.header__link-for-organization:hover,
.header__link-for-organization:focus {
    color: #e4e4e4;
    background-color: #dd0024;
}

.header__contacts {
    /*margin-right: 167px; удалить */
}

.contacts {
    padding-right: 5px;
    padding-left: 33px;
    padding-top: 3px;

    color: #2d2e31;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
}

.contacts__telephone {
    position: relative;
    display: block;
    margin-bottom: 3px;
    font-size: 20px;
    color: #255aa6;;
    font-weight: 600;
}

.contacts--color-red {
    color: #dd0024;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.contacts__address {
    margin: 0;
    padding: 0;
    letter-spacing: 0.1px;
    display: block;
    color: #2d2e31;
}

.contacts__mail {
    position: relative;
    color: #2d2e31;
    text-decoration: none;
}

.contacts__mail::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 1px;
    left: 0;

    background-color: #2d2e31;
}

.contacts__mobile-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: -30px;
    top: -6px;
    width: 25px;
    height: 30px;
}

.contacts__mobile-icon > svg {
    width: 25px;
    height: auto;
    fill: #255aa6;
}

.header__cart {
    padding-top: 13px;
    min-width: auto;
}

.header__cart-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__cart-icon {
    position: relative;
    margin: 0;
    margin-right: 7px;
    padding: 0;
    width: 59px;
    height: 59px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: rgba(255, 255, 255, 0.52);
    border-radius: 50%;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;
}

.header__cart-icon > svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
}

.header__cart-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    position: absolute;
    right: 0;
    top: 0;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 4px;
    min-width: 19px;
    min-height: 19px;

    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #ffffff;

    background-color: #dd0024;
    border-radius: 50%;
    -webkit-box-shadow: -1px 2px 1px rgba(37, 90, 166, 0.2);
    box-shadow: -1px 2px 1px rgba(37, 90, 166, 0.2);

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;
}

.header__cart-text {
    margin: 0;
    padding: 0 2px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* /header row top */

/* header row bottom */

.submenu__block-tablet {
    display: none;
    position: relative;
}

.submenu__title-tablet {
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    background: #255aa6;
    color: #fff;
    padding: 15px 20px;
    padding-right: 50px;
    margin: 0;
}

.submenu__close-tablet {
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    right: 0;
    z-index: 9;
    cursor: pointer;
}

.submenu__close-tablet::after,
.submenu__close-tablet::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -10px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    background-color: #ffffff;
}

.submenu__close-tablet::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header__row-bottom {

    background-color: #323336;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, rgb(45, 46, 49)), color-stop(0.502, rgb(45, 46, 49)), color-stop(0.503, rgb(62, 63, 66)), color-stop(1, rgb(62, 63, 66)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(315deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 50.2%, rgb(62, 63, 66) 50.3%, rgb(62, 63, 66) 100%);
    /* IE10+ */
    background-image: -o-linear-gradient(315deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 50.2%, rgb(62, 63, 66) 50.3%, rgb(62, 63, 66) 100%);
    background-image: linear-gradient(135deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 50.2%, rgb(62, 63, 66) 50.3%, rgb(62, 63, 66) 100%);
    background-image: -ms-linear-gradient(315deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 50.2%, rgb(62, 63, 66) 50.3%, rgb(62, 63, 66) 100%);
}

.header__row-bottom--container {
    height: auto;

    background-color: #323336;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, rgb(45, 46, 49)), color-stop(0.311, rgb(45, 46, 49)), color-stop(0.312, rgb(62, 63, 66)), color-stop(1, rgb(62, 63, 66)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(319deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 31.1%, rgb(62, 63, 66) 31.2%, rgb(62, 63, 66) 100%);
    /* IE10+ */
    background-image: -o-linear-gradient(319deg, rgb(62, 63, 66) 0%, rgb(62, 63, 66) 31.1%, rgb(45, 46, 49) 31.2%, rgb(45, 46, 49) 100%);
    background-image: linear-gradient(-49deg, rgb(62, 63, 66) 0%, rgb(62, 63, 66) 31.1%, rgb(45, 46, 49) 31.2%, rgb(45, 46, 49) 100%);
    background-image: -ms-linear-gradient(319deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 68.9%, rgb(62, 63, 66) 68.8%, rgb(62, 63, 66) 100%);

    /*background-image: url("/local/templates/site/images/header-bg-bottom.jpg"); удалить*/
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .header__row-bottom--container {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff2d2e31", endColorstr="#ff3e3f42", GradientType=0);
    }
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navigation__list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 580px;

    list-style: none;
}

.navigation__list:first-child {
    margin-right: 9px;
}

.navigation__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

.navigation__item::after {
    display: none;
}

.navigation__link {
    padding: 22px 12px;
    padding-bottom: 21px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #e4e4e4;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.navigation__item--catalog {
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navigation__item--catalog .navigation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navigation__burger {
    margin-right: 13px;
}

.burger {
    display: none;
    width: 20px;
    height: 16px;
}

.navigation__burger {
    display: block;
}

.burger__top,
.burger__middle,
.burger__bottom {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e4e4e4;
    -webkit-transition: width 0.3s linear;
    -o-transition: width 0.3s linear;
    transition: width 0.3s linear;
}

.burger__top {
    margin-top: 2px;
}

.burger__middle,
.burger__bottom {
    margin-top: 4px;
}

.burger--active .burger__middle,
.burger--active-all .burger__middle {
    width: 75%;
}

.burger--active .burger__bottom,
.burger--active-all .burger__bottom {
    width: 50%;
}
.header__mobile-container {
    display: none;
}

.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    max-height: 554px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    -webkit-box-shadow: 0 0 4px rgba(62, 63, 66, 0.26);
    box-shadow: 0 0 4px rgba(62, 63, 66, 0.26);

    z-index: 99;

}

.submenu__button-scroll {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 4;
    width: 100%;
    height: 35px;
    background-color: #255aa6;

    opacity: 0.8;

    cursor: pointer;
}

.button-scroll--top {
    bottom: auto;
    top: 0;
    display: none;
}
.submenu__button-scroll.button-scroll--top svg{
    transform: rotate(-90deg);
}
.submenu__button-scroll svg {
    fill: #ffffff;
    transform: rotate(90deg);
}


.submenu__button-scroll:hover {
    opacity: 1;
}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .submenu::after {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffffff", GradientType=0);
    }
}

.navigation__item--catalog .submenu.active {
    display: block;
}

.navigation__item--catalog .submenu.active-all {
    display: block;
}
.submenu__list {
    width: 272px;
    margin-bottom: 0;
}

.submenu {
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}

.submenu__wrapper {
    overflow-y: scroll;
    -ms-overflow-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 554px;
    -webkit-overflow-scrolling: touch;
    /* remove line to customize scrollbar in iOs */
}

.submenu__wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
}


.submenu__track {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 8px;

    z-index: 7;

    border: 1px solid #d8d8d8;
    border-top: 0;
    border-bottom: 0;
    background-color: #ffffff;
}

.submenu._scrollbar .submenu__track {
    display: block;
}

.submenu__bar {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    height: 50px !important;
    margin-top: 1px;
    margin-bottom: 1px;

    z-index: 1;

    border-radius: 10px;
    background: #d8d8d8;
}

.submenu._scrollbar .submenu__bar {
    display: block;
}

.submenu__item {
    position: relative;
    padding: 0;
    background-color: #ffffff;
}

.submenu__item:first-child .submenu__link {
    padding-top: 13px;
}

.submenu__item::after {
    display: none;
}

.submenu__item .submenu__arrow {
    position: absolute;
    /*content: '';*/
    right: 6px;
    left: auto;
    top: 50%;
    width: 0;
    height: 0;
    font-size: 15px;
    line-height: 20px;
    color: #2d2e31;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #2d2e31 transparent transparent;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
}

.submenu__item:not(:last-child) {
    /*border-bottom: 1px solid #d8d8d8;*/
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(216, 216, 216, 1);
    box-shadow: inset 0px -1px 0px 0px rgba(216, 216, 216, 1);
}

.submenu__link {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 20px;
    padding-right: 14px;

    z-index: 2;

    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #283544;
}

.user {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    align-items: center;
    height: auto;
}

.user__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    height: 100%;
}

/*.user__item:not(:last-child) {*/
    /*margin-left: 20px;*/
/*}*/

.user__item::after {
    display: none;
}

.user__link {
    position: relative;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;

    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #a2a3a7;
    text-transform: uppercase;
    letter-spacing: 0.4px;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.user__link [data-block="count"] {
    position: absolute;
    color: #dd0024;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    bottom: 14px;
    left: 38px;
}

.user__link:hover [data-block="count"],
.user__link:focus [data-block="count"] {
    color: #e4e4e4;
}


#wishcount {
    position: absolute;
    color: #dd0024;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    bottom: 14px;
    left: 34px;
}

.user__link:hover #wishcount,
.user__link:focus #wishcount {
    color: #e4e4e4;
}

.user__item--authorization .user__link {
    width: auto;
    padding: 0 5px;
}

.user__link svg {
    position: relative;
    fill: #5f6062;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.user__item--authorization .user__link svg {
    margin-right: 8px;
}

.user__item.user__item--logout {
    order: -1;
}

.user__link.active {
    width: 50px;
    padding: 0;
}

.user__link.active svg {
    fill: #e4e4e4;
}

.user__item--authorization .user__link.active svg {
    margin-right: 0;
}

.user__item--authorization .user__link.active:hover svg,
.user__item--authorization .user__link.active:focus svg{
    fill: #255aa6;
}


.user__item.user__item--logout .user__link:hover svg,
.user__item.user__item--logout .user__link:focus svg {
    fill: #dd0024;
}
    /* header submenu */

.submenu-lvl-2 {
    position: absolute;
    z-index: 99;
    padding-left: 24px;

    height: 554px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    background-color: transparent;
    cursor: pointer;
}

.submenu-lvl-2__block {
    height: 100%;
    background-color: #ffffff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.submenu-lvl-2__title {
    display: block;
    margin: 0;
    margin-bottom: 16px;
    padding: 32px 20px;
    padding-top: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 18px;
    line-height: 39px;
    font-weight: 600;
    color: #255aa6;

    background-color: #eff3f8;
}

.submenu-lvl-2__list {
    margin: 0;
    margin-right: -11px;
    height: 100%;
    padding: 20px 10px;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.submenu-lvl-2__item {
    display: block;
    padding: 0;
    width: 290px;
    margin-right: 11px;
    margin-top: -1px;
}

.submenu-lvl-2__link {
    position: relative;
    display: block;

    width: 100%;
    padding: 6px 10px;
    padding-bottom: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #283544;
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(216, 216, 216, 1);
    box-shadow: inset 0px -1px 0px 0px rgba(216, 216, 216, 1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.submenu-lvl-2__item:nth-last-child(2) .submenu-lvl-2__link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.submenu-lvl-2__link:hover {
    color: #255aa6;

    background-color: #eff3f8;
    -webkit-box-shadow: none;
    box-shadow: none;

    z-index: 2;
}

.submenu-lvl-2__item::after {
    display: none;
}

.submenu-lvl-2__item--images {
    -ms-flex-item-align: start;
    align-self: flex-start;
    /*margin-top: auto;*/
}

.submenu-lvl-2__image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

/* /header submenu */

/*header UX*/

.header__search-input:hover,
.header__search-input:focus {
    border-bottom: 1px solid #255aa6;
    outline: 0;
}

.contacts__mail:hover:after,
.contact__mail:focus:after {
    background-color: #dd0024;
}

.header__cart-link:hover .header__cart-quantity,
.header__cart-link:focus .header__cart-quantity {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.contacts__telephone:focus,
.contacts__telephone:hover,
.header__link-for-organization:focus,
.contacts__mail:focus {
    outline: 0;
}

@-webkit-keyframes shake-rotate {
    12% {
        -webkit-transform: translate(-2%, 0) rotate(5deg);
        transform: translate(-2%, 0) rotate(5deg)
    }
    25% {
        -webkit-transform: translate(-4%, 0) rotate(10deg);
        transform: translate(-4%, 0) rotate(10deg)
    }
    37% {
        -webkit-transform: translate(-2%, 0) rotate(5deg);
        transform: translate(-2%, 0) rotate(5deg)
    }
    50% {
        -webkit-transform: translate(0, 0)   rotate(0deg);
        transform: translate(0, 0)   rotate(0deg)
    }
    62% {
        -webkit-transform: translate(2%, 0) rotate(-5deg);
        transform: translate(2%, 0) rotate(-5deg)
    }
    75% {
        -webkit-transform: translate(4%, 0) rotate(-10deg);
        transform: translate(4%, 0) rotate(-10deg)
    }
    87% {
        -webkit-transform: translate(2%, 0) rotate(-5deg);
        transform: translate(2%, 0) rotate(-5deg)
    }
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

@keyframes shake-rotate {
    12% {
        -webkit-transform: translate(-2%, 0) rotate(5deg);
        transform: translate(-2%, 0) rotate(5deg)
    }
    25% {
        -webkit-transform: translate(-4%, 0) rotate(10deg);
        transform: translate(-4%, 0) rotate(10deg)
    }
    37% {
        -webkit-transform: translate(-2%, 0) rotate(5deg);
        transform: translate(-2%, 0) rotate(5deg)
    }
    50% {
        -webkit-transform: translate(0, 0)   rotate(0deg);
        transform: translate(0, 0)   rotate(0deg)
    }
    62% {
        -webkit-transform: translate(2%, 0) rotate(-5deg);
        transform: translate(2%, 0) rotate(-5deg)
    }
    75% {
        -webkit-transform: translate(4%, 0) rotate(-10deg);
        transform: translate(4%, 0) rotate(-10deg)
    }
    87% {
        -webkit-transform: translate(2%, 0) rotate(-5deg);
        transform: translate(2%, 0) rotate(-5deg)
    }
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}

.contacts__telephone:focus .contacts__mobile-icon svg,
.contacts__telephone:hover .contacts__mobile-icon svg {
    stroke: #255aa6;
    -webkit-animation-name: shake-rotate;
    animation-name: shake-rotate;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
}

.navigation__list:not(.navigation__list--catalog) .navigation__link::after {
    position: absolute;
    content: '';
    bottom: 20px;

    right: 12px;
    left: auto;
    width: 0;
    height: 2px;
    background-color: #e4e4e4;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navigation__list:not(.navigation__list--catalog) .navigation__link:hover,
.navigation__list:not(.navigation__list--catalog) .navigation__link:focus {
    color: #e4e4e4;
    outline: 0;
}

.navigation__list:not(.navigation__list--catalog) .navigation__link:hover::after,
.navigation__list:not(.navigation__list--catalog) .navigation__link:focus::after,
.navigation__list:not(.navigation__list--catalog) .navigation__link.active::after {
    width: calc(100% - 24px);
    left: 12px;
    right: auto;
}

.navigation__item--catalog .navigation__link {
    background-color: #3e3f42;
    color: #e4e4e4;
    outline: 0;
}

.user__item--authorization .user__link:hover,
.user__item--authorization .user__link:focus {
    color: #e4e4e4;
    outline: 0;
}

.submenu__item:hover,
.submenu__item:focus,
.submenu__item.active {
    background-color: #255aa6;
}

.submenu__item:hover .submenu__link,
.submenu__item:focus .submenu__link,
.submenu__item.active .submenu__link {
    color: #ffffff;
}

.submenu__item:hover .submenu__arrow,
.submenu__item:focus .submenu__arrow,
.submenu__item.active .submenu__arrow {
    border-color: #ffffff transparent transparent
}

.submenu__item:hover .submenu__item,
.submenu__item:focus .submenu__item,
.submenu__item.active .submenu__item {
    border-color: #ffffff transparent transparent;
}

.user__item .user__link:hover svg,
.user__item .user__link:focus svg {
    fill: #e4e4e4;
    outline: 0;
}

/* === Foter ==*/
.footer {
    margin-top: 40px;

    background-color: #eff3f8;
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 48px 0;
}

.footer__copyright {
    width: 260px;
}

.footer__copyright {
    margin-right: 38px;
}

.footer__buyer {
    width: 260px;
    margin-right: 40px;
}

.footer__block-image {
    margin-bottom: 30px;
}

.footer__coopyright-text {
    margin: 0;

    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #777777;
    letter-spacing: 0;
}

.footer__title {
    margin: 0;
    padding: 0;
    margin-bottom: 18px;
    margin-top: 5px;

    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2e31;
}

.footer__subscription .footer__title {
    margin-bottom: 24px;
}

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

.footer__list-item:not(:last-child) {
    margin-bottom: 12px;
}

.footer__list-item {
    padding: 0;
    line-height: normal;
}

.footer__list-item::after {
    display: none;
}

.footer__link {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #777777;
}

.footer__contacts {
    margin-right: 132px;
    padding-top: 2px;
}

.footer__contacts .contacts {
    margin-bottom: 18px;
    padding: 0;
    padding-top: 5px;
}

.footer__subscription {
    width: 280px;
}

.footer__contacts .contacts__address {
    color: #777777;
}

.footer__contacts .contacts__address:hover,
.footer__contacts .contacts__address:focus {
    color: #dd0024;
}

.work-hours {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #777777;
}

.work-hours__title,
.work-hours-text {
    padding: 0;
    margin: 0;
}

.work-hours-text {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #777777;
}

.work-hours__title {
    color: #2d2e31;
}

.footer__form-email {

    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 35px;
}

.footer__input {
    width: 200px;
    margin-right: 20px;
    padding: 9px 0;
    padding-top: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #777777;

    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
}

.footer__button-email {
    position: relative;
    width: 60px;
    height: 40px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    background-color: #255aa6;

    cursor: pointer;
}

.footer__button-email svg {
    fill: #ffffff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer__button-email:hover svg,
.footer__button-email:focus svg {
    fill: #de0022;
}

.socials__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.socials__item:not(:last-of-type) {
    margin-right: 20px;
}

.socials__item {
    padding: 0;
}

.socials__item::after {
    display: none;
}

.socials__link {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;

    border-radius: 50%;
    background-color: #cccccc;
}

.socials__link svg {
    fill: #ffffff;
}

.footer__subscription-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__socials {
    margin-bottom: 20px;
}

.link-consult-info {
    width: 100%;

    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #777777;
}

/* Footer UX*/
.socials__link:hover,
.socials__link:focus {
    background-color: #255aa6;
}

.footer__input:hover,
.footer__input:focus {
    border-bottom: 1px solid #255aa6;
    outline: 0;
}

/* === MAIN === */
.main-shares {
    background-color: #eff3f8;
}

.main-shares__container {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
    margin-bottom: 54px;
}

.main-shares__product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 20px;
}

.main-shares__product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 280px;
    height: 257px;
    padding: 22px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    background-color: #d1d1d1;
    background-size: cover;
    background-position: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.main-shares__product:hover,
.main-shares__product:focus {
    -webkit-box-shadow: 2px 2px 2px rgba(62, 63, 66, 0.46);
    box-shadow: 2px 2px 2px rgba(62, 63, 66, 0.46);
}

.main-shares__product:hover .main-shares__button,
.main-shares__product:focus .main-shares__button {
    color: #ffffff;
    background-color: #255aa6;
}

.main-shares__product:first-child {
    margin-bottom: 20px;
}

.main-shares__title {
    margin: 0;
    margin-bottom: 22px;

    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #283544;
}

.main-shares__price {
    margin: 0;
    margin-bottom: 52px;

    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #283544;
}

.main-shares__text-white {
    color: #ffffff;
}

.main-shares__button {
    margin-top: auto;
}

.slider {
    width: 580px;
    height: 534px;
    overflow: hidden;
}

.slider__item {
    position: relative;
    width: 580px;
    height: 534px;

    background-color: #d1d1d1;

    overflow: hidden;
}

.slider__image {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.slider__text-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    top: 40px;
    left: 40px;
    bottom: 40px;
    width: 244px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    z-index: 2;
}

.slider__title {
    margin: 0;
    padding: 0;
    margin-bottom: 12px;

    font-size: 26px;
    line-height: 39px;
    font-weight: 600;
    color: #255aa6;
}

.slider__price {
    margin: 0;
    padding: 0;

    font-size: 26px;
    line-height: 26px;
    font-weight: 600;
    color: #255aa6;
}

.slider__button {
    margin-top: 46px;
    margin-top: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.slider__item:hover .slider__button,
.slider__item:focus .slider__button{
    color: #ffffff;
    background-color: #255aa6;
}


/* POPULAR-PRODUCTS */
/*.popular-products {*/
/*margin-bottom: 36px;*/
/*}*/

.section-title {
    margin: 0;
    padding: 0;
    font-size: 36px;
    line-height: 43px;
    font-weight: 600;
    color: #2d2e31;
}

.popular-products__container {
    padding: 0;
    overflow: hidden;
}

.popular-products__title {
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 30px;
}

.popular-products__link {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #255aa6;
}

.popular-products__link--mb {
    display: none;
}

.popular-products__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.tabs-block .popular-products__slider {
    margin: 0 -10px;
}

.popular-products__slider.no-slick {
    display: flex;
    flex-wrap: wrap;
}

.popular-products__slider.no-slick


/* Card Product */
.product.slick-slide {
    height: auto;
}

.product {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 280px;
    margin: 0 10px;
    padding: 16px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;

    background-color: #ffffff;

    -webkit-box-shadow: none;
    box-shadow: 0 0 0 0 transparent;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.novelty .product-item-list-col-6-1 .product:first-child,
.novelty .product-item-list-col-6-1 .product:last-child {
    width: 580px;
}

.novelty .product-item-list-col-6-1 .product:first-child .product__link,
.novelty .product-item-list-col-6-1 .product:last-child .product__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 100%;
}

.novelty .product-item-list-col-6-1 .product:first-child .product__image-block,
.novelty .product-item-list-col-6-1 .product:last-child .product__image-block {
    height: auto;
    margin-bottom: 0;
    width: 280px;
}

.novelty .product-item-list-col-6-1 .product:first-child .product__image,
.novelty .product-item-list-col-6-1 .product:last-child .product__image {
    position: relative;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top:0;

}

/*.popular-products__slider{*/
/*overflow-x: hidden;*/
/*}*/

.popular-products__slider.slick-slider {
    margin: 0 -20px;
    z-index: 2;
    padding: 0 10px;
}

.product__image-block {
    width: 240px;
    height: 240px;
    margin-bottom: 18px;

    overflow: hidden;
}

.product__image-block img.product__image {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    max-height: 100%;

    top: 50%;

    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.product__wrapper-text {
    min-height: 80px;
    padding-bottom: 8px;
}

.product__title {
    margin: 0;
    padding-left: 1px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #2d2e31;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 54px;
    height: 54px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.product__article {
    display: block;
    margin-top: 0;

    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #777777;

    white-space: nowrap;
    padding-right: 2px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product__article .value {
    margin-left: 3px;
}

.product__price {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto;
    min-height: 20px;

    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2e31;

    padding-left: 1px;
}

.product__title-block {
    height: 69px;
    margin-bottom: 12px;
}

.product__price .value {
    margin-left: 6px;
}

.product__price-old {
    position: absolute;
    top: 0;
    padding-left: 13px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #777777;
    text-decoration: line-through;
}

.product__sale {
    position: absolute;
    top: 19px;
    left: 20px;
    z-index: 2;
    padding: 6px 10px;
    padding-right: 11px;

    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;

    background-color: #de0022;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.product__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    border: 1px solid #255aa6;
    border-bottom: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 2;
}

.product__footer {
    display: block;
    position: absolute;
    z-index: 8;
    top: 100%;
    left: -1px;
    right: -1px;
    margin-top: -17px;
    padding-right: 12px;
    padding-left: 18px;
    /* padding-top: 14px; */
    /* padding-bottom: 19px; */
    max-height: 17px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #255aa6;
    border-top: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.product__button {
    position: relative;
    display: inline-block;
    min-height: 40px;
    min-width: 39px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 6px;
    padding: 0;

    vertical-align: top;
    opacity: 0;
    border: 1px solid #255aa6;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}

.product__button:last-child {
    margin-right: 0;
}
.product__button:focus {
    background-color: #ffffff;
}
.product__button:focus svg{
    fill: #255aa6;
}

.product__button:hover {
    background-color: #255aa6;
}
.product__button:hover svg{
    fill: #ffffff;
}

.product__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product__button svg {
    fill: #255aa6;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.product__button:hover svg {
    fill: #ffffff;
}


.product__button--cart {
    padding-left: 20px;
    padding-right: 20px;
}

.product__button--cart svg {
    margin-right: 10px;
}

.product__button::after {
    display: none;
}

.profile-favorites .product__button--cart {
    width: 185px;

}


.product__button.active:not(.product__button--cart) {
    background-color: #255aa6;
}

.product__button.active:not(.product__button--cart) svg {
    fill: #ffffff;
}
.product:hover,
.product:focus {
    -webkit-box-shadow: 3px 0px 0px 0px #fff, -3px 0px 0px 0px #fff;
    box-shadow: 3px 0px 0px 0px #fff, -3px 0px 0px 0px #fff;
}
.product:hover .product__wrapper,
.product:focus .product__wrapper {
    -webkit-transform: matrix(1.036, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1.036, 0, 0, 1, 0, 0);
    transform: matrix(1.036, 0, 0, 1, 0, 0);
    z-index: 6;
}

.product:hover .product__link,
.product:focus .product__link {
    z-index: 7;
}

.product:hover .product__footer,
.product:focus .product__footer {
    padding-top: 15px;
    padding-bottom: 19px;
    padding-left: 23px;
    max-height: 74px;
    -webkit-box-shadow: 0 2px 2px rgba(62, 63, 66, 0.26);
    box-shadow: 0 2px 2px rgba(62, 63, 66, 0.26);

}

.product:hover .product__button,
.product:focus .product__button {
    opacity: 1;
}

.popular-products__item {
    margin-bottom: 58px;
}

/* brands */
.brand-slider {
    margin-top: 30px;
    margin-bottom: 80px;
}

.brand-slider .row {
    display: block;
}

.brand-slider__list {
    padding: 0;
    list-style: none;
    margin: 0 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
}

.brand-slider__list __list--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand-slider__list .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.brand-slider__item {
    height: 60px;
    /*padding: 28px 0;*/
    /*height: 100%;*/
    margin: 0 15px;
}

.brand-slider__list--flex .brand-slider__item {
    margin: auto;
    padding: 0;
}

.brand-slider__item::after {
    display: none;
}

.brand-slider__link {
    display: block;
    height: 100%;
}

.brand-slider__link:hover .brand-slider__image,
.brand-slider__link:focus .brand-slider__image {
    opacity: 1;
}

.brand-slider__image {
    height: 100%;
    width: auto;
    margin: 0 auto;
    opacity: 0.8;
}

/* news */
.news {
    margin-bottom: 50px;
}

.news__title {
    margin: 0;
    margin-bottom: 26px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    color: #2d2e31;
    text-align: center;
}

.news__item {
    margin-bottom: 20px;
}

.news__novelty .headline,
.news__novelty .headline .headline__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news__button {
    width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 24px;
    padding-top: 12px;
    text-align: center;

    border: 1px solid #255aa6;
}

/*headline*/
.headline,
.headline .headline__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #e4e4e4;

    cursor: pointer;

    -webkit-box-shadow: none;

    box-shadow: none;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.headline .headline__link {
    border: 0;
    border-color: transparent;
}

.headline__block-image {
    width: 280px;
    height: 176px;
    overflow: hidden;
}

.headline__image {
    display: block;
    width: auto;
    height: 100%;
    max-width: none;
    max-height: 100%;
    margin-bottom: 0;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: relative;
}

.headline__block-image--width-full .headline__image {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 100%;
}

.headline__wrapper-text {
    width: calc(100% - 280px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    padding-right: 12px;

    max-height: 175px;
    overflow: hidden;

    /*border: 1px solid #e4e4e4;*/
    /*border-left: 0;*/
}

.headline__date {
    display: block;
    margin: 0;
    margin-bottom: 10px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #777777;
}

.headline__title {
    margin: 0;
    margin-bottom: 4px;

    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2e31;
}

.headline__text {
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 60px; /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;

    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #2d2e31;
}

.headline__block-image--width-full {
    width: 100%;
    height: 262px;
}

.headline__wrapper-text--width-full {
    width: 100%;
    height: 113px;
}

.headline__text--height-one {
    max-height: 20px;
    -webkit-line-clamp: 1;
}

/* application */

.application {
    background-color: #eff3f8;
}

.application__container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.application__container {
    background-image: url('/local/templates/site/images/car.png');
    background-repeat: no-repeat;
    background-position: 124px 38px;
    background-size: 650px auto;
}

.registration {
    width: 320px;
    padding-top: 30px;
}

.registration__text {
    margin: 0;
    margin-bottom: 44px;

    font-size: 26px;
    line-height: 39px;
    font-weight: 600;
    color: #255aa6;
}

.registration__text--color-red {
    color: #dd0024;
}

.registration__button {
    background-color: #255aa6;
    color: #ffffff;
    padding-left: 54px;
    padding-right: 54px;
}

.application__advantage {
    width: 580px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.application__wrapper {
    position: relative;
    width: 280px;
    height: 220px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 60px;

    background-color: #ffffff;
    -webkit-box-shadow: 7px 7px 0px rgba(62, 63, 66, 0);
    box-shadow: 7px 7px 0px rgba(62, 63, 66, 0);

    transition: 0.3s;
}

.application__icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.application__wrapper:first-child {
    width: 100%;
    margin-bottom: 20px;
}

.application__wrapper:nth-child(2) {
    margin-right: 20px;
}

.application__title {
    margin: 0;
    margin-bottom: 20px;

    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #283544;
}

.application__text {
    margin: 0;

    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #2d2e31;
}

.application__wrapper--bg-blue {
    background-color: #255aa6;
}

.application__title--color-white {
    color: #ffffff;
}

.application__text--color-white {
    color: #eff3f8;
}

.application__wrapper:hover,
.application__wrapper:focus {
    -webkit-box-shadow: 7px 7px 9px rgba(62, 63, 66, 0.26);
    box-shadow: 7px 7px 9px rgba(62, 63, 66, 0.26);
}


.application__wrapper:hover .application__title,
.application__wrapper:focus .application__title {
    color: #dd0024;
}

    /* MAIN UX */

.headline:hover,
.headline:focus {
    -webkit-box-shadow: 2px 2px 4px rgba(62, 63, 66, 0.26);
    box-shadow: 2px 2px 4px rgba(62, 63, 66, 0.26);
}

.headline:hover .headline__title,
.headline:focus .headline__title {
    color: #dd0024;
}

/* ====BreadCrumb==== */
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 32px;
    margin-bottom: 35px;
    background-color: transparent;
}

.breadcrumb__item,
.breadcrumb__slasher {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #777777;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.breadcrumb__item:not(:last-of-type),
.breadcrumb__slasher {
    margin-right: 6px;
}

/*.breadcrumb__item:not(:last-of-type)::after {*/
/*content: "/";*/
/*position: absolute;*/
/*right: 0;*/
/*top: 1px;*/
/*font: inherit;*/
/*}*/

.breadcrumb__main {
    display: inline-block;
    width: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
}

.breadcrumb__main svg {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.breadcrumb__item:hover svg,
.breadcrumb__item:focus svg{
    -webkit-filter:grayscale(0);
    filter:grayscale(0);
}
/* BreadCrumb UX*/
.breadcrumb__item:not(:last-of-type):hover,
.breadcrumb__item:not(:last-of-type):focus {
    color: #dd0024;
}

.breadcrumb__item:last-of-type:hover,
.breadcrumb__item:last-of-type:focus {
    color: #777777;
    cursor: auto;
    text-decoration: none;
}

/* ==== Vacancy-list ===== */

.title-page {
    margin: 0;
    margin-bottom: 23px;

    font-size: 26px;
    line-height: 31px;
    font-weight: 600;
    color: #3e3f42;
}

.title-page--color-blue {
    color: #255aa6;
}

.vacancy-list__text {
    width: 65%;
    margin-bottom: 22px;

    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: #2d2e31;
}

.vacancy-list__title {
    margin-bottom: 22px;

    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2e31;
}

.vacancy-list__docket {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vacancy {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    background-color: #eff3f8;
    border: 1px solid #eff3f8;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.vacancy:nth-child(2n) {
    margin-right: 0;
}

.vacancy__title,
.vacancy__text,
.vacancy__link {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}



.vacancy__title {
    margin: 0;
    margin-bottom: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2d2e31;
}

.vacancy__text {
    margin-bottom: 22px;
    color: #2d2e31;
}

.vacancy__link {
    margin-top: auto;
    display: block;
    position: relative;
    color: #255aa6;
    background: transparent;
    border: 0;
    text-align: left;
}

.vacancy__link::after {
    content: "→";
    color: inherit;
    position: relative;
    margin-left: 5px;
    font-weight: 600;
}

/* vacancy-list UX */
.vacancy:hover {
    border: 1px solid #255aa6;
}

.vacancy:hover .vacancy__link,
.vacancy:focus .vacancy__link,
.vacancy:hover .vacancy__link:hover::after,
.vacancy:focus .vacancy__link:focus::after {
    color: #dd0024;
}

/* ==== vacancy detail ==== */

.vacancy-detail__wrapper {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-pack: start;*/
    /*-ms-flex-pack: start;*/
    /*justify-content: flex-start;*/
    /*-webkit-box-align: start;*/
    /*-ms-flex-align: start;*/
    /*align-items: flex-start;*/
    margin-bottom: 24px;
}

.vacancy-detail__col-left,
.vacancy-detail__col-right {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.vacancy-detail__col-left {
    margin-right: 20px;
}

.vacancy-detail__block {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 11px 26px;

    background-color: #eff3f8;
}

.vacancy-detail__block:not(:last-of-type) {
    margin-bottom: 22px;
}

.vacancy-detail__title {
    margin: 0;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: #2d2e31;
}

.vacancy-detail__image {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
}

.vacancy-detail__info-text {
    margin: 0;
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #2d2e31;
}

.vacancy-detail__button {
    padding: 10px 40px;

    letter-spacing: 0.5px;

    border: 1px solid #255aa6;

    -webkit-transform: all 0.3s linear;
    -ms-transform: all 0.3s linear;
    transform: all 0.3s linear;
}

/* ==== back-and-share ====*/

.back-and-share {
    width: 100%;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.back-and-share__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 9px 30px;
    padding-top: 11px;
    padding-left: 25px;
    margin-right: 30px;

    letter-spacing: 0.5px;

    border: 1px solid #255aa6;

    -webkit-transform: all 0.3s linear;
    -ms-transform: all 0.3s linear;
    transform: all 0.3s linear;
}

/*.back-and-share__button::before {*/
/*position: absolute;*/
/*content: "";*/
/*width: 15px;*/
/*height: 12px;*/
/*left: 26px;*/
/*top: 13px;*/

/*background: url("/local/templates/site/images/sprite-icon.png") no-repeat;*/
/*background-position: -113px -1px;*/

/*}*/

.back-and-share__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 9px 30px;
    padding-left: 0;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 500;
    color: #adacac;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.back-and-share__link svg {
    fill: #adacac;
    margin-right: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.back-and-share__link:not(:last-of-type) {
    margin-right: 30px;
}

/*.back-and-share__link::before {*/
/*position: absolute;*/
/*content: "";*/
/*width: 18px;*/
/*height: 18px;*/
/*left: 0;*/
/*top: 8px;*/

/*background: url("/local/templates/site/images/sprite-icon.png") no-repeat;*/
/*}*/

/*.icon-share::before {*/
/*background-position: -112px -22px;*/
/*}*/

/*.icon-subscribe::before {*/
/*background-position: -112px -49px;*/
/*}*/

/* UX vacancy detail */
.vacancy-detail__button:hover,
.vacancy-detail__button:focus,
.back-and-share__button:hover,
.back-and-share__button:focus {
    background-color: #255aa6;
    color: #ffffff;
}

.back-and-share__button:hover,
.back-and-share__button:focus {
    background-position: -136px -1px;
}

.back-and-share__link:hover,
.back-and-share__link:focus {
    color: #255aa6;
}

.back-and-share__link:hover svg,
.back-and-share__link:focus svg {
    fill: #255aa6;
}

/* ==== PROMOTIONS-LIST ==== */

.promotions-list {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-wrap: wrap;*/
    /*flex-wrap: wrap;*/
    /*-webkit-box-pack: justify;*/
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
    /*-webkit-box-align: start;*/
    /*-ms-flex-align: start;*/
    /*align-items: flex-start;*/

    margin-bottom: 48px;
}

.promotions-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    margin-bottom: 20px;
    -ms-flex: 0 0 23.5%;
    -webkit-box-flex: 0;
    flex: 0 0 23.5%;
    max-width: 23.5%;
    margin-right: 1.5%;

    height: 330px;
    padding: 22px 23px;
    padding-right: 20px;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    background-color: #eff3f8;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

.promotions-list__item.bg-style-1 {
    background-size: 90% auto;
    background-position: right bottom;
}

.promotions-list__item.bg-style-2 {
    background-size: 75% auto;
    background-position: right bottom;
}

.promotions-list__item.bg-style-3 {
    background-size: 50% auto;
    background-position: right bottom;
}

.promotions-list__item.bg-style-4 {
    background-size: 25% auto;
    background-position: right bottom;
}

.promotions-list__item:nth-child(3n) {
    margin-right: 0;
    background-position: right center;
    background-size: auto 100%;
}




.promotions-list:not(.promotions-list--news) .promotions-list__item:nth-child(6n+2),
.promotions-list:not(.promotions-list--news) .promotions-list__item:nth-child(6n+4) {
    -ms-flex: 0 0 48.5%;
    -webkit-box-flex: 0;
    flex: 0 0 48.5%;
    max-width: 48.5%;
    background-size: 100% auto;
    background-position: right center;
}



.promotions-list--news .promotions-list__item {
    -ms-flex: 0 0 23.5%;
    -webkit-box-flex: 0;
    flex: 0 0 23.5%;
    max-width: 23.5%;
}

.promotions-list--news .promotions-list__item:nth-child(6n+1),
.promotions-list--news .promotions-list__item:nth-child(6n+5) {
    -ms-flex: 0 0 48.5%;
    -webkit-box-flex: 0;
    flex: 0 0 48.5%;
    max-width: 48.5%;
    background-size: 100% auto;
}

.promotions-list__date {
    display: block;
    padding: 3px 8px;
    padding-right: 10px;
    padding-bottom: 2px;
    margin-bottom: 24px;

    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #3e3f42;

    background-color: #ffffff;
}

.promotions-list__date--old {
    background-color: #b7b7b7;
}

.promotions-list__wrapper {
    width: 100%;
    max-height: 200px;
    /* max-width: 240px; */
    margin-bottom: 2px;
    /* padding-right: 20px; */
    overflow: hidden;

    background-color: rgba(0,0,0,0.5);
    padding: 10px;

}

/*.promotions-list__shadow-text {*/
    /*box-shadow: 0 0 0 3px rgba(0,0,0,0.75);*/
    /*background-color: rgba(0,0,0, 0.75);*/
/*}*/


/*.promotions-list__shadow-title {*/
    /*box-shadow:  0 0 0 2px rgba(0,0,0,0.75);*/
    /*background-color: rgba(0,0,0, 0.75);*/
/*}*/
/*.promotions-list__item--col-2 .promotions-list__wrapper {*/
/*padding-right: 45px;*/
/*}*/

.promotions-list__title {
    margin: 0;

    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: rgb(157, 197, 255);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;


    max-height: 120px;
}

/*.promotions-list--color-red,*/
/*.promotions-list__title > span,*/
.title-page--color-blue > span {
    color: #dd0024;
}

.promotions-list__text {
    margin: 0;


    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #FFFFFF;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.promotions-list:not(.promotions-list--news) .promotions-list__item:nth-child(6n+2) .promotions-list__text,
.promotions-list:not(.promotions-list--news) .promotions-list__item:nth-child(6n+4) .promotions-list__text,
.promotions-list--news .promotions-list__item:nth-child(6n + 1) .promotions-list__text,
.promotions-list--news .promotions-list__item:nth-child(6n+5) .promotions-list__text {
    font-size: 16px;
    line-height: 25px;
    max-height: 125px;
    -webkit-line-clamp: 5;
}

.promotions-list:not(.promotions-list--news) .promotions-list__item:nth-child(6n+2) .promotions-list__title,
.promotions-list:not(.promotions-list--news) .promotions-list__item:nth-child(6n+4) .promotions-list__title,
.promotions-list--news .promotions-list__item:nth-child(6n + 1) .promotions-list__title,
.promotions-list--news .promotions-list__item:nth-child(6n+5) .promotions-list__title {
    font-size: 26px;
    line-height: 36px;
    max-height: 175px;
}

.promotions-list__button {
    margin-top: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 10px;
    padding-top: 12px;
    padding-left: 18px;
    padding-right: 24px;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.promotions-list__wrapper.block--margin-top-un15 {
    height: 215px;

}

/* UX */
.promotions-list__item:hover,
.promotions-list__item:focus {
    -webkit-box-shadow: 7px 7px 9px rgba(62, 63, 66, 0.26);
    box-shadow: 7px 7px 9px rgba(62, 63, 66, 0.26);
}

.promotions-list__item:hover .promotions-list__button ,
.promotions-list__item:focus .promotions-list__button {
    color: #ffffff;
    background-color: #255aa6;
}

/* ==== PROMOTIONS-DETAIL ==== */
.promotions-detail__slider__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-width: 100%;
    min-height: 400px;
    margin-bottom: 32px;
}
.promotions-detail__wrapper-col {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

    min-width: 100%;
}


.slick-initialized .slick-slide.promotions-detail__slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: auto;
}

.promotions-detail__slider-main-product .slick-dots {
    bottom: 70px;
    right: 0;
    max-width: 300px;
}

.promotions-detail__slider-main-product {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}



.promotions-detail__wrapper-col:hover .promotion-product__title,
.promotions-detail__wrapper-col:focus .promotion-product__title {
    color: #dd0024;
}



.promotions-detail__info,
.promotions-detail__image-block,
.promotions-product__image-block,
.promotion-product__text-block {
    width: 49%;
}

.promotions-detail__image {
    width: 100%;
    height: auto;
}

.date {
    display: inline-block;
    padding: 4px 9px;
    padding-bottom: 2px;
    margin-bottom: 14px;

    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #3e3f42;

    background-color: #eff3f8;
}

.promotions-detail__text-detail {
    margin-bottom: 30px;

    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #283544;
}

.promotions-detail__text {
    margin: 0;

    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2e31;
}

.promotions-product {
    border: 1px solid #255aa6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.promotions-product__image-block {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sale {
    display: block;
    padding: 6px 11px;
    padding-top: 8px;

    position: absolute;
    top: 22px;
    left: 24px;
    z-index: 2;

    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;

    background-color: #de0022;
}

.promotions-product__image-block img.promotions-prdouct__image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0;
}

.promotion-product__text-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 0;
    padding-right: 25px;
    padding-bottom: 65px;
}

.promotion-product__title {
    margin: 0;
    margin-bottom: 8px;

    font-size: 26px;
    line-height: 31px;
    font-weight: 600;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 93px;
    max-height: 93px; /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.promotions-product__title-list {
    display: block;
    margin: 0;
    margin-bottom: 6px;

    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #2d2e31;
}

.promotions-product__description {
    margin-bottom: 18px;
    height: 200px;
    overflow: hidden;
}

.promotions-product__list {
    margin-bottom: 0;
}

.promotions-product__list-item {
    font-size: 12px;
    line-height: 21px;
    color: #2d2e31;
}

.price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.price__old {
    margin-bottom: 6px;

    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2e31;
    text-decoration: line-through;
}

.price__now {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #dd0024;
}


.promotions-product__button-block {
    position: absolute;
    z-index: 4;
    bottom: 20px;
    left: 51%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0.8;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.promotions-product__button-block .product__button {
    opacity: 1;
}

.promotions-product__button-block .product__button--cart {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 14px;
}

.promotions-detail__wrapper-col:hover .promotions-product__button-block,
.promotions-detail__wrapper-col:focus .promotions-product__button-block {
    opacity: 1;
}

.promotion-detail__list-product {
    width: 100%;
    height: auto;
}

.promotion-detail__sort {
    width: 100%;
    background-color: #eff3f8;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promotion-detail__sort .sort__block {
    width: 100%;
}
.promotion-detail__sort  .toggle-block {
    width: 75px;
    padding-right: 20px;
}

.promotion-detail__sort-title {
    width: 100%;
    text-align: center;
    margin: 0;
    padding-left: 75px;
    font-size: 20px;
    line-height: 24px;
    color: #255aa6;
}


.promotion-detail__list-product .product {
    width: 270px;
    padding: 16px 10px;
}

.promotion-detail__list-product .product:hover .product__footer,
.promotion-detail__list-product .product:focus .product__footer {
    padding-left: 18px;
}

.promotion-detail__documentation-block {
    width: 50%;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.promotion-detail__documentation-block .documentation__block {
    margin-left: 15px;
}

/* CATALOG */
.filter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.filter__wrapper-title,
.filter-button,
.filter__close-mb {
    display: none;
}


.filter__form {
    width: 100%;
    padding-right: 20px;
}

.catalog__product {
    margin: 0 10px;
    margin-bottom: 20px;
}

/*.catalog__product:nth-child(3n) {*/
/*margin-right: 0;*/
/*}*/

.title-page--font-big {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 40px;
}

.catalog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 18px;
}

.filter__field {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;

    border: 0;
    -webkit-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

.filter__field.active {
    padding-bottom: 24px;
}

.filter__field.filter__field--buttons {
    display: inline-block;
    padding-top: 15px;
}

.filter__button {
    display: inline-block;
    border: 1px solid #255aa6;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    margin-left: 10px;
}

#del_filter {
    display: none;
}

#set_filter {
    display: none;
}

.filter__legend {
    position: relative;
    width: 100%;
    padding: 5px 9px;
    padding-top: 7px;
    padding-right: 30px;
    margin-bottom: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2d2e31;
    background-color: #eff3f8;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    letter-spacing: 0.5px;
}

.filter__legend::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    right: 21px;
    margin-top: -2px;
    z-index: 2;
    border-style: solid;
    border-width: 0 3px 4px;
    border-color: transparent transparent #2d2e31;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filter__field.active .filter__legend::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.filter__label-checkbox {
    position: relative;
    display: block;
    width: 100%;
    padding: 1px;
    padding-left: 41px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    cursor: pointer;
}

.filter__legend:hover {
    color: #dd0024;
}

.filter__legend:hover:after {
    border-color: transparent transparent #dd0024;
}

.filter__label-checkbox:not(:last-child) {
    margin-bottom: 10px;
}

.filter__label-span {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2d2e31;
    letter-spacing: -0.5px;
}

#popup-registration .filter__label-span {
    font-size: 12px;
    line-height: 12px;
}

.filter__label-span--text-normal {
    text-transform: none;
}

.filter__checkbox {
    position: absolute;
    top: 0;
    left: 10px;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #777777;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filter__checkbox svg {
    position: absolute;
    top: 1px;
    left: 3px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filter__checkbox-input:checked ~ .filter__checkbox {
    border: 2px solid #255aa6;
}

.filter__checkbox-input:checked ~ .filter__checkbox svg {
    opacity: 1;
    left: 2px;
}

.filter__checkbox-input:disabled ~ .filter__label-span {
    cursor: no-drop;
    color: #767676;
}

/* фильтр цвета*/
.filter__wrapper-color {
    width: 100%;
    padding: 0 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 13px;
}

.filter__label-checkbox-color {
    position: relative;

    margin-right: 20px;
    margin-bottom: 20px;
    width: 32px;
    height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-radius: 50%;
    cursor: pointer;
}

.filter__checkbox-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;

    border-radius: 50%;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filter__checkbox-color:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    left: 12px;
    top: 6px;

    border: 2px solid transparent;
    border-top: 0;
    border-left: 0;

    -webkit-box-shadow: none;
    box-shadow: none;

    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    transform: rotate(40deg);

    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.filter__checkbox-color--border {
    border-color: #777777;
}

.filter__checkbox-input:checked ~ .filter__checkbox-color--border {
    border: 1px solid #255aa6;
}

.filter__checkbox-input:checked ~ .filter__checkbox-color:after {
    border: 2px solid #255aa6;
    border-top: 0;
    border-left: 0;
    background-color: transparent;
    -webkit-box-shadow: 1px 0 0 rgba(37, 90, 166, 0.2);
    box-shadow: 1px 0 0 rgba(37, 90, 166, 0.2);
}

.filter__checkbox-input:checked ~ .filter__checkbox-color--white:after {
    border-color: #ffffff;
}

/* filter range */

.multi-range.slider {
    position: relative;
    width: 90%;
    height: 4px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #e4e4e4;
    border: 0;
    border-radius: 10px;
    overflow: visible;
}

.multi-range .slider-range {
    position: absolute;
    display: block;
    top: 0;
    height: 4px;
    z-index: 1;

    background-color: #255aa6;

}

.multi-range .slider-handle {
    position: absolute;
    z-index: 2;
    top: -10px;
    width: 22px;
    height: 22px;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);

    background-color: #ffffff;
    background-image: url('/local/templates/site/images/svg/btn-range2.svg');
    background-repeat: no-repeat;
    background-position: center;
    outline: 0;
    cursor: pointer;
}

.multi-range .slider-handle:hover,
.multi-range .slider-handle:focus {
    outline: 0;
    -webkit-backdrop-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
    backdrop-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
}

.filter__range-wrapper {
    width: calc(100% - 21px);
    padding: 20px 0;
    margin: 9px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.range__info {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 26px;
}

.range__info p {
    color: #2d2e31;
    padding: 0;
    margin: 0;
}

.range__info .iLower {
    width: 48%;
    position: relative;
    float: left;
    display: inline-block;
}

.range__info .iUpper {
    width: 48%;
    position: relative;
    float: right;
    display: inline-block;
}

.range__info .iLower::after,
.range__info .iUpper::after {
    position: absolute;
    content: 'От';
    left: 0;
    top: 0;
    padding: 10px 0;

    color: #2d2e31;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;

    background-color: transparent;
    border: 0;
    text-align: left;
}

.range__info .iUpper::after {
    content: 'До'
}

.range__info input {
    width: 100%;
    padding: 10px 30px;
    padding-right: 5px;

    color: #2d2e31;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;

    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #e4e4e4;

    text-align: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.range__info input:focus,
.range__info input:hover {
    outline: 0;
    border-bottom: 1px solid #255aa6;
}

.sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*justify-content: flex-start;*/
    margin-bottom: 50px;
}

.sort.sort--no-margin {
    margin-bottom: 20px;
}

.sort__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 768px;
}

.sort__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sort__title {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #777777;
    text-transform: uppercase;
    margin-right: 6px;
    letter-spacing: 0.4px;
}

/* TO DO select */
.scrollbar {
    float: left;
    width: 100%;
    height: auto;
    background: #b9cae2;
    padding: 8px 0;
}

#style-1::-webkit-scrollbar {
    width: 6px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
}

/**  STYLE 1 */
#style-1::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #7e7e7e;
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background-color: #ffffff;
}

.sort__select {
    position: relative;
    width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sort__placeholder {
    position: relative;
    display: block;
    padding: 0 7px;
    padding-right: 20px;

    color: #2d2e31;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;

    text-decoration: none;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;

    cursor: pointer;
}

.sort__placeholder::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 9px;
    display: block;
    width: 0;
    height: 0;

    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #2d2e31 transparent transparent transparent;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;

    transition: all .2s linear;
}

.sort__select.is-open .sort__placeholder::after {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #2d2e31 transparent;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sort__placeholder.active {
    /*color: #000000;*/
}

.sort__select .scrollbar {
    list-style: none;
    margin: 0;
    display: none;

    position: absolute;
    top: 20px;
    z-index: 10;
    /*max-height: 200px;*/

    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #255aa6;

    -webkit-box-shadow: 0 2px 4px rgba(62, 63, 66, 0.26);
    box-shadow: 0 2px 4px rgba(62, 63, 66, 0.26);
}

.sort__select .sort__item {
    display: block;
    padding: 6px;
    cursor: pointer;

    color: #2d2e31;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;

    background-color: transparent;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.sort__select .sort__item.active {
    background-color: #255aa6;
    color: #ffffff;
}

.sort__select .sort__item:hover {
    color: #ffffff;

    background-color: #255aa6;
}

.sort__select.is-open .scrollbar {
    display: block;
}

.sort__list-count {
    list-style: none;
    margin: 0;
    padding: 0 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 160px;
}

.sort__list-count-item {
    padding: 0;
}

.sort__list-count-item:not(:last-child) {
    margin-right: 8px;
}

.sort__list-count-item::after {
    display: none;
}

.sort__list-count-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    width: 30px;
    height: 30px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #777777;
    text-transform: uppercase;

    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.sort__list-count-link:hover,
.sort__list-count-link:focus {
    border: 1px solid #777777;
    color: #777777;
}

.sort__list-count-link.active {
    border: 1px solid #255aa6;
    color: #255aa6;
}

.toggle-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 55px;
}

.toggle-block__button {
    width: 22px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    margin: 0;

    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;

    cursor: pointer;
}

.toggle-block__button svg {
    fill: #d8d8d8;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.toggle-block__button.active svg {
    fill: #255aa6;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.toggle-block__button:hover svg{
    fill: #255aa6;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.header__search-block--catalog-table {
    margin-bottom: 15px;
    max-width: 200px;
}

.header__search-block--catalog-table .header__search-input {
    width: 100px;
}

/* ==== PAGINATION ==== */
.pagination {
    width: 100%;
    margin-bottom: 62px;
}

.pagination__list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination__item {
    margin-right: 2px;
    padding: 0;
}

.pagination__item::after {
    display: none;
}

.pagination__item:last-child {
    margin-right: 0;
}

.pagination__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    line-height: normal;
    font-weight: 500;
    color: #777777;

    border: 1px solid transparent;
    background-color: transparent;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.pagination__item--first .pagination__link,
.pagination__item--last .pagination__link {
    width: 110px;
    border: 1px solid #255aa6;
}

.pagination__item--first {
    margin-right: 20px;
    margin-left: 10px;
}

.pagination__item--last {
    margin-left: 20px;
}

.pagination__item.active .pagination__link {
    background-color: #255aa6;
    border-color: #255aa6;
    color: #ffffff;
}

.pagination__link:hover,
.pagination__link:focus {
    border-color: #777777;
    color: #777777;
}

.pagination__item.disabled .pagination__link {
    font-size: 18px;
    letter-spacing: 1px;
    color: #777;
}

.pagination__item.disabled .pagination__link:hover,
.pagination__item.disabled .pagination__link:focus {
    border-color: transparent;
}
/* ==== end pagination ==== */

/* ==== Help class for style==== */
.block--margin-top-un15 {
    margin-top: -15px;
}

.container--mini {
    width: 780px;
    padding: 0 50px;
    margin: 0 auto;
}

/* ==== news-detail ==== */
.title-cite {
    margin: 0;
    padding: 0;
    margin-top: -31px;
    margin-bottom: 20px;

    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2e31;
}

.date--news-detail {
    margin-bottom: 22px;
}

p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 36px;
}

.image {
    margin-bottom: 20px;
}

.letter-spacing-big {
    letter-spacing: 1px;
}

blockquote {
    width: 100%;
    padding: 24px;
    padding-top: 17px;
    padding-bottom: 1px;
    margin: 0;
    margin-bottom: 38px;
    background: #eff3f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==== CATALOG TIZER ==== */

.catalog-list {
    /*padding-left: 280px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    margin-bottom: 52px;
}

.catalog-list__item {
    position: relative;
    display: block;
    width: 279px;
    height: 170px;
    margin-right: 21px;
    margin-top: 21px;
    overflow: hidden;

    background-color: #eff3f8;
    background-position: center;
    background-repeat: no-repeat;

    cursor: pointer;

    -webkit-box-shadow: inset 0px -50px 30px 0px rgba(69, 69, 69, 0.4);
    box-shadow: inset 0px -50px 30px 0px rgba(69, 69, 69, 0.4);
}

.catalog-list__item:nth-child(3n) {
    margin-right: 0;
}

.catalog-list__title {
    margin: 0;
    position: absolute;
    bottom: 20px;
    width: 100%;

    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.catalog-list__title--dark {
    color: #000000;
}

.catalog-list__button {
    position: absolute;
    display: block;
    bottom: -60px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 180px;
    padding: 11px 22px;
    padding-top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    opacity: 0;

    color: #ffffff;

    background-color: #255aa6;

    -webkit-transition: opacity 0.1s linear 0.2s, -webkit-transform 0.3s linear;

    transition: opacity 0.1s linear 0.2s, -webkit-transform 0.3s linear;

    -o-transition: transform 0.3s linear, opacity 0.1s linear 0.2s;

    transition: transform 0.3s linear, opacity 0.1s linear 0.2s;

    transition: transform 0.3s linear, opacity 0.1s linear 0.2s, -webkit-transform 0.3s linear;
}

.catalog-list__block-border {
    position: absolute;
    top: -14px;
    bottom: -14px;
    left: -14px;
    right: -14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px;
    z-index: 0;

    border: 1px solid transparent;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.catalog-list__block-border::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;

    background-color: rgb(0, 0, 0);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.catalog-list__item:hover,
.catalog-list__item:focus {
    overflow: unset;
}

.catalog-list__item:hover .catalog-list__block-border,
.catalog-list__item:focus .catalog-list__block-border {
    border-color: #255aa6;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 5px rgba(37, 90, 166, 0.6);
    box-shadow: 2px 2px 5px rgba(37, 90, 166, 0.6);
}

.catalog-list__item:hover .catalog-list__block-border::after,
.catalog-list__item:focus .catalog-list__block-border::after {
    opacity: 0.5;
    z-index: 2;
}

.catalog-list__item:hover .catalog-list__title,
.catalog-list__item:focus .catalog-list__title {
    color: #ffffff;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    z-index: 3;
}

.catalog-list__item:hover .catalog-list__button,
.catalog-list__item:focus .catalog-list__button {
    -webkit-transform: translate(-50%, -84px);
    -ms-transform: translate(-50%, -84px);
    transform: translate(-50%, -84px);
    z-index: 3;
    opacity: 1;
}

/* ==== CATALOG-DETAIL ==== */
.card-product__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -9px;
    margin-bottom: 10px;
}

.card-product__block-image,
.card-product__description {
    width: 49.1525%
}

/* card-product__block-image */
.card-product__block-image {
    position: relative;
    min-height: 580px;
    overflow: hidden;
}

.image-slider {
    height: auto;
}


.image-slider-prev  .slick-list.draggable,
.image-slider-prev  .slick-list.draggable .slick-track{
    min-width: 100%;
}

.image-slider__item {
    height: 450px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.image-slider__item:focus {
    outline-color: transparent;
}

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.image-slider-prev__item,
.slick-initialized .slick-slide.image-slider-prev__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.image-slider-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 120px;
    overflow: hidden;
    padding: 10px 40px;

}
.zoomContainer.width {
    width: 100%!important;
}
.zoomContainer.display-no {
    display: none;
}
.image-slider-prev__item {
    margin: 0 10px;
    min-width: 100px;
    height: 100px;
    border: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.image-slider-prev .slick-arrow {
    width: 60px;
    height: auto;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
}

.image-slider-prev .slick-prev  {
    left: 20px;
    right: auto;
}

.image-slider-prev .slick-arrow::after {
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    background-image: none;
    border: 3px solid #255aa6;
    border-left-width: 0;
    border-bottom-width: 0;
    z-index: 2;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}

.image-slider-prev .slick-prev::after {
    border: 3px solid #255aa6;
    border-right-width: 0;
    border-top-width: 0;
}

.image-slider-prev__item.slick-current,
.image-slider-prev__item.active{
    border: 1px solid #255aa6;
}

.image-slider__image,
.image-slider-prev__image {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    margin-bottom: 0;
}

.card-product__label-block {
    position: absolute;
    top: 0;
}


.card-product__image {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.card-product__label-block {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.card-product__label {
    padding: 7px 13px;
    padding-bottom: 6px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #ffffff;
    background-color: #de0022;
}

.card-product__label:not(:last-child) {
    margin-bottom: 5px;
}

.card-product__label--best-price {
    background-color: #de0022;
}

.card-product__label--novelty {
    background-color: #4ab44f;
}

.card-product__label--stock {
    background-color: #fa8925;
}

.card-product__label--under-order {
    background-color: #787878;
}

.card-product__label--hit {
    background-color: #858fe8;
}

.card-product__label--instalments {
    background-color: #01b4bc;
}

.card-product__label--exclusive {
    background-color: #f6d51f;
}

.catalog__product .card-product__label-block {
    top: 10px;
}

/* card-product__description*/
.card-product__block-text {
    margin-bottom: 24px;
}

.card-product__sub-title {
    margin: 0;
    padding: 0;
    margin-bottom: 5px;

    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #2d2e31;
}

.card-product__text {
    margin: 0;
    padding: 0;
    padding-right: 20px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    letter-spacing: 0.7px;
}




/* table универсальная*/
.table {
    display: table;
    width: 100%;
}


.table__body {
    display: table-footer-group;
    width: 100%;
}
.table__row {
    display: table-row;
    position: relative;
}

.table__cell {
    display: table-cell;
}

/* card-product-table*/
.card-product__table {
    margin-bottom: 10px;
}

.card-product__table .table__cell {
    padding: 0;
    padding-right: 21px;

    text-align: left;
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
}

.card-product__table .table__cell:first-child {
    width: 180px;
    color: #a4a4a4;
}

.card-product__table .table__cell:nth-child(2) {
    color: #2d2e31;
}

/* фильтр цвета универсальный */
.choice-color {
    width: 100%;
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-top: 13px;*/
}

.choice-color__label {
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 32px;
    height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-radius: 50%;
    cursor: pointer;
}

.choice-color__arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 33px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;

    border-radius: 50%;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.choice-color__arrow:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 10px;
    left: 12px;
    top: 6px;

    border: 2px solid transparent;
    border-top: 0;
    border-left: 0;

    -webkit-box-shadow: none;
    box-shadow: none;

    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    transform: rotate(40deg);

    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.choice-color__arrow--border {
    border-color: #777777;
}

.choice-color__input:checked ~ .choice-color__arrow--border {
    border: 1px solid #255aa6;
}

.choice-color__input:checked ~ .choice-color__arrow::after {
    border: 2px solid #255aa6;
    border-top: 0;
    border-left: 0;
    background-color: transparent;
    -webkit-box-shadow: 1px 0 0 rgba(37, 90, 166, 0.2);
    box-shadow: 1px 0 0 rgba(37, 90, 166, 0.2);
}

.choice-color__input:checked ~ .choice-color__arrow--white::after {
    border-color: #ffffff;
}

/* card-product-colors*/
.card-product__fieldset {
    margin: 0;
    border: 0;
    padding: 0;
    margin-bottom: 11px;

    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.card-product__fieldset:last-child {
    margin-bottom: 45px;
}

.card-product__fieldset-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #2d2e31;

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

    align-self: center;
}

/* quantity универсальный */

.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 13px;
}

.quantity__btn {
    width: 20px;
    height: 20px;
    padding: 1px;

    color: #979797;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;

    border: 1px solid #979797;
    background-color: transparent;

    cursor: pointer;
}

.quantity__input {
    width: 50px;

    font-size: 18px;
    line-height: 24px;
    font-weight: 600;

    border: 0;
    padding: 0 10px;

    text-align: center;
}

.quantity__btn:hover,
.quantity__btn:focus {
    outline: 0;
    color: #255aa6;
    border-color: #255aa6;
}

/* card-product-price*/
.card-product__block-price {
    margin-bottom: 24px;
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.card-product__price-now,
.text_price_old {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #2d2e31;
}

.text_price_old {
    margin-right: 10px;
    font-size: 16px;
}

.card-product__price-now {
    margin-right: 62px;
}

.card-product__price-now .value {
    margin-left: 5px;
}

.card-product__stock {
    position: relative;
    display: inline-block;
    padding-left: 20px;

    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #16c509;
}

.card-product__stock::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    -webkit-transform: rotate(39.29deg);
    -ms-transform: rotate(39.29deg);
    transform: rotate(39.29deg);
    width: 5px;
    height: 9px;

    border-bottom: 1px solid #16c509;
    border-right: 1px solid #16c509;
}
.card-product__stock.stock_no {
    color: #dd0024;
}

.card-product__stock.stock_no::after,
.card-product__stock.stock_no::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 2px;
    height: 14px;
    border: 0;
    background: #dd0024;
    border-radius: 7px;
}

.card-product__stock.stock_no::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.card-product__button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-product__button-wrapper .product__button {
    opacity: 1;
    margin-right: 7px;
}

.card-product__button-wrapper .product__button:last-child {
    margin-right: 0;
}

.card-product__button-wrapper .product__button--cart {
    padding-right: 67px;
    padding-left: 67px;
}

.card-product__button-wrapper .product__button--cart::after {
    left: 66px;
}

.card-product__footer {
    margin: 0 -21px;
    margin-bottom: 70px;
}

/* tabs универсальный*/
.tabs {
    padding: 0 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

}

.tabs__btn {
    position: relative;
    padding: 9px 38px;

    flex-grow: 1;

    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #767676;

    text-align: center;

    border: 0;
    background-color: transparent;

    cursor: pointer;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.tabs__btn.active {
    color: #255aa6;
}

.tabs__btn::after {
    position: absolute;
    content: '';
    bottom: -2px;
    right: -12px;
    left: -12px;
    height: 2px;
    z-index: 2;

    background-color: #255aa6;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tabs__btn:hover,
.tabs__btn:focus {
    color: #255aa6;
    outline: 0;
}

.tabs__btn:hover::after,
.tabs__btn:focus::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

}

.tabs__btn:hover,
.tabs__btn:focus {
    color: #255aa6;
}

.tabs__btn.active::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tabs-block--documentation {
    padding: 20px;
}

.tabs-block--cp {
    padding-top: 20px;
}

.documentation__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 80%;
    position: relative;
    margin-bottom: 10px;
    padding-left: 60px;
    cursor: pointer;
    height: 52px;
}

.documentation__block:hover .documentation__text {
    color: #dd0024;
}

.content__wrapper .documentation__image {
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
    margin-bottom: 0;
}

.documentation__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: 0;
    padding: 0 10px;
    height: auto;

    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #2d2e31;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 44px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.product-item-detail-info-container {
    position: relative;
}
.item_economy_price {
    display: none;
}

.product-item-detail-price-old {
    position: absolute;
    top: -30px;
    left: 50px;
    z-index: 2;
    font-size: 18px;
    text-decoration: line-through;
    color: #777;
    font-weight: 600;
}

.product-item-detail-price-base .product-item-detail-price-old {
    text-decoration: none;
    left: 0;
    color: #777;
}

.product-item-detail-price-old .text_price_old {
    color: #777777;
    font-size: 14px;
}


/*.catalog__product  {*/
/*margin-bottom: 60px;*/
/*}*/
.card-product__tabs.tabs {
    border-bottom: 2px solid #dd0024;
}
.card-product__tabs-block {
    display: block;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*height: 430px;*/

    /*max-height: 430px;*/
}



.card-product__tabs-block.active {
    display: block;
    z-index: 3;
}

.tabs-block--description {
    padding: 21px;
}

/*.tabs-block--description img {*/
    /*width: auto;*/
    /*height: auto;*/
    /*max-width: 100%;*/
/*}*/

.tabs-block__text {
    margin: 0;
    width: 60%;
}

.tabs-block--delivery {
    padding: 21px;
    padding-bottom: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2e31;
}

.tabs-block__mini-title {
    margin: 0;

    text-transform: uppercase;
    font-weight: 600;
}

.mini-title {
    margin: 0;
    margin-bottom: 15px;

    text-transform: uppercase;
    font-weight: 700;
}

.sub-title {
    margin: 0;
    margin-bottom: 5px;

    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
}

.tabs-block__wrapper-background {
    width: 100%;
    margin-bottom: 17px;
    margin-top: 10px;
    padding: 11px 24px;
    padding-bottom: 3px;
    background-color: #eff3f8;
}

.tabs-block__wrapper-background--mrb-big {
    margin-bottom: 31px;
}

.tabs-block__title-wrapper {
    margin: 0;

    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
}

.tabs-block__title-list {
    margin: 0;

    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.tabs-block__list {
    margin: 0;
    margin-bottom: 9px;
    padding-left: 10px;
}

.tabs-block__item {
    padding-left: 10px;
    letter-spacing: 1px;
}

.tabs-block__item::after {
    left: -3px;
    top: 8px;
}

.tabs-block__item--after-red::after {
    background-color: #dd0024;
}

.tabs-block--delivery .tabs-block__text {
    width: 100%;
    letter-spacing: 0.6px;
    margin-bottom: 21px;
}

.tabs-block__table {
    width: 100%;
    padding-top: 14px;
}

.tabs-block__table .table__row:nth-child(2n - 1) {
    background-color: #eff2f7;
}

.tabs-block__table .table__cell {
    padding-left: 21px;
    font-size: 12px;
    line-height: 38px;
    font-weight: 700;
    color: #2d2e31;
    text-align: left;
}

.tabs-block__table .table__cell:first-child {
    width: 316px;
    color: #a4a4a4;
}

.tabs-block--product {
    padding: 21px 11px;
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabs-block--product.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
}

.tabs-block__product {
    width: 180px;
    padding: 5px 0;
    padding-bottom: 15px;
    margin: 0 8px;
    margin-bottom: 16px;
}

.tabs-block__product .product__image-block {
    width: 180px;
    height: 180px;
}

.tabs-block__product .product__image {
    margin-top: 95px;
}

.tabs-block__product .product__wrapper-text,
.tabs-block__product .product__price {
    padding: 0 5px;
}

.tabs-block__product .product__footer {
    padding: 0 5px;
    text-align: center;
}

.tabs-block__product:hover .product__footer,
.tabs-block__product:focus .product__footer {
    padding-left: 5px;
    max-height: 30px;
}

.tabs-block__product .product__button--cart {
    padding: 0;
    font-size: 0;
}

.tabs-block__product .product__button--cart::after {
    left: 10px;
}

/* ==== CONTACTS ===== */

.contacts-page {
    margin-bottom: 40px;
}

.contacts__block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 40px;

}

.contacts__map-block {
    max-width: 100%;
    position: relative;
    height: 480px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.contacts__image-map {
    position: absolute;
    z-index: -1;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    margin: 0;
}

.i4ewOd-pzNkMb-haAclf {
    background: #255aa6;
}

.contacts__map {
    width: 100%;
    height: auto;
    margin-top: -103px;

}

.contacts__description {
    max-width: 49%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contacts__text-wrapper {
    margin-bottom: 20px;
    padding-top: 22px;
    padding-right: 50px;
    max-height: 170px;
    overflow: hidden;
}

.contacts__title {
    margin: 0;

    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #255aa6;
    text-transform: uppercase;
}

.contacts__text {
    margin: 0;
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    color: #2d2e31;
}

.contacts__text p {
    margin: 0;
}

.contacts__link {
    color: #2d2e31;
}

.contacts__block-image {
    height: 355px;
    overflow: hidden;
    margin-top: 0;
    width: 100%;
    margin-bottom: 25px;
}

.contacts__image {
    height: 100%;
    width: auto;
    margin-bottom: 0;
}

.contacts__work-time {
    width: 48%;
}
.contacts__work-time-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.work-time {
    width: 100%;
    margin-bottom: 40px;
    padding: 24px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    background-color: #eff3f8;
}

.work-time__title {
    width: 100%;
    margin: 0;
    margin-bottom: 5px;

    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2e31;
    text-transform: uppercase;
    text-align: right;
}

.work-time__days {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 9px;
    font-weight: 400;
    color: #2d2e31;
    text-align: right;
    letter-spacing: 1px;
}

.work-time__days:last-child {
    margin-bottom: 0;
}

.work-time__time {
    margin-left: 18px;
    letter-spacing: 0;
}

/* ==== RIGHT MENU ==== */

.container--flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.content__wrapper {
    /*padding-right: 60px;*/
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.right-menu__list {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.right-menu__item:after {
    display: none;
}

.right-menu__item {
    margin: 0;
    padding: 0;
    width: 100%;
}

.right-menu__link {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 8px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #2d2e31;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.right-menu__link:hover,
.right-menu__link:focus,
.right-menu__link.active {
    background-color: #f0f5fc;
    color: #255aa6;
}

/* main v2*/

.news__title.news__title--new {
    text-align: left;
    display: inline-block;
    margin-right: 26px;
    margin-bottom: 30px;
}

.news__link {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #255aa6;
}

.news__link--mobile {
    display: none;
}

/* delivery */

.tabs-block--margin-top {
    margin-top: 20px;
}

.tabs-block--margin-top p {
    margin-bottom: 0;
}

.big-mobile {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.big_mobile__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.big_mobile__link:hover ,
.big_mobile__link:focus {
    outline-color: transparent;
}

.big_mobile__link:hover svg ,
.big_mobile__link:focus svg {
    fill: #255aa6;
}

.big-mobile__number {
    font-size: 48px;
    line-height: 72px;
    font-weight: bold;
}

.big-mobile__icon {
    margin-right: 12px;
}



.big-mobile__icon svg {
    fill: #dd0024;

    transition: 0.3s;
}

.big-mobile__text {
    padding: 0;
    margin: 0;
    margin-left: 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #2d2e31;
    text-transform: uppercase;
    opacity: 0.59;
}

/* interview*/

.interview {
    margin-bottom: 40px;
}

.interview__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: calc(100% + 24px);
    margin: 0;
    margin-left: -12px;
    margin-bottom: 20px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
    cursor: pointer;
}

.interview__block-image {
    min-width: 200px;
    width: 200px;
    height: 225px;
}

.interview__image {
    max-width: none;
    width: auto;
    height: 100%;
    margin-bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 50%;

    -webkit-filter: grayscale(1);

    filter: grayscale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.interview__block-image-no .interview__image{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
    transform: translate(-50%,-50%);
    top: 50%;
}

.interview__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 15px;
    padding-right: 5px;
}

.interview__block-text {
    margin-bottom: 20px;
}

.interview__title {
    margin: 0;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2e31;
}

.interview__title span {
    display: block;
}

.interview__title-name {
    text-transform: uppercase;
}

.interview__text {
    margin-bottom: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 105px; /* fallback */
    -webkit-line-clamp: 5; /* number of lines to show */
    -webkit-box-orient: vertical;

    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2e31;
}

.interview__link {
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 52px;

    border: 1px solid #255aa6;
}

.interview__link::after {
    content: '';
    position: absolute;
    right: 18px;
    top: 14px;
    width: 15px;
    height: 11px;

    background-color: transparent;
    background-image: url("/local/templates/site/images/interview/arrows.png");
    background-repeat: no-repeat;
    background-position: -20px 0;
}





.interview__item:hover,
.interview__item:focus {
    border: 1px solid #255aa6;
}

.interview__item:hover .interview__image,
.interview__item:focus .interview__image {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.interview__item:hover .interview__link::after,
.interview__item:focus .interview__link::after {
    background-position: 0 0;
}

.interview__item:hover .interview__link,
.interview__item:focus .interview__link {
    background: #255aa6;
    color: #ffffff;
}

.interview__logo-block {
    margin-bottom: 40px;
    margin-bottom: auto;
    width: 125px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    background-color: #eff3f8;
}

.interview__logo {
    height: auto;
    width: auto;
    max-height: 100%;
    margin: 0 auto;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.interview__item:hover .interview__logo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.interview__text.interview__text--2line {
    margin-bottom: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 42px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.interview__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.interview__detail .interview__image {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.interview__detail .interview__block-text {
    margin-bottom: 0;
}

.interview__detail .interview__logo-block {
    margin-bottom: 35px;

}

.interview__detail .interview__logo {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* about- company */
.image-icon {
    width: auto;
}

.tabs-block__wrapper-background .d-lg-flex:not(:last-child) {
    margin-bottom: 30px;
}

/* seminar */
.seminar {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.seminar__item {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    margin-left: -18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 17px;
    padding-bottom: 28px;
    border: 1px solid transparent;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.seminar__item:not(:first-child) {
    margin-top: -1px;
}

.seminar__item:last-of-type {
    border-color: transparent;
}

.seminar__item.new {
    background-color: #eff3f8;
}

.seminar__item:hover,
.seminar__item:focus {
    border-color: #255aa6;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.seminar__item:hover .seminar__button--more,
.seminar__item:focus .seminar__button--more {
    background: #255aa6;
    color: #ffffff;
}

.seminar__item:hover .seminar__info-text,
.seminar__item:focus .seminar__info-text {
    color: #2d2e31;
}

.seminar__item.new:hover,
.seminar__item.new:focus {
    border-color: #eff3f8;
}

.seminar__title {
    margin: 0;
    margin-bottom: 8px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 42px;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2e31;
}

.seminar__text {
    margin-bottom: 8px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 42px;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #2d2e31;
}

.seminar__info {
    padding-left: 0;
    margin-bottom: 25px;
}

.seminar__block .seminar__info {
    margin-bottom: 0;
}

.seminar__info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
}

.seminar__icon-block {
    width: 30px;
    height: 30px;
    margin-right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    background-color: #cccccc;
}

.new .seminar__icon-block {
    background-color: #255aa6;
}

.seminar__icon-block .seminar__icon {
    width: auto;
    margin-bottom: 0;
}

.seminar__block {
    position: relative;

}

.seminar__button-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 10;

}

.seminar__button {
    width: 100%;
    text-align: center;
    border: 1px solid #255aa6;
}

.seminar__button:nth-child(2) {
    margin-top: 15px;
}

.seminar-enroll {
    margin-left: -18px;
    width: calc(100% + 36px);
    padding: 25px 18px;

    background-color: #eff3f8;
}

.seminar-enroll__title {
    margin-bottom: 5px;
}

.seminar-enroll__description {
    display: inline-block;
    padding: 0 13px;
    margin-bottom: 24px;

    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #a7a9ab;

    background-color: #ffffff;
}

.seminar-enroll__form {
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.seminar-enroll__label {
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 25px;
    margin-bottom: 25px;
}

#ajax-wrp .seminar-enroll__label {
    width: auto;
    margin-right: 0;
}
#ajax-wrp .seminar-enroll{
    margin-left: 0;
    width: 100%;
    padding: 0;
    background-color: transparent;
}

#ajax-wrp .seminar-enroll__form{
    width: 100%;
    display: inline-block;
}

.seminar-enroll__title-input {
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #a7a9ab;
}

.seminar-enroll__input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 17px;
    padding-right: 5px;

    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;

    border: 1px solid #a7a9ab;

    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.seminar-enroll__input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.seminar-enroll__input:-ms-input-placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.seminar-enroll__input::-ms-input-placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.seminar-enroll__input::placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.seminar-enroll__input:hover,
.seminar-enroll__input:focus {
    outline: 0;

    color: #2d2e31;
    border-color: #255aa6;
}

.seminar-enroll__button {
    padding-right: 56px;
    padding-left: 54px;
    padding-top: 13px;
    padding-bottom: 11px;

    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #255aa6;
}

/* cart */

.cart__order-sum,
.cart__promocode {
    position: relative;
    padding: 24px 20px;
    background-color: #ffffff;
    margin-bottom: 30px;
}

.cart__order-sum .table {
    margin-top: -10px;
    border-collapse: collapse;
}

.cart__left-description {
    padding-right: 10px;

    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #a4a4a4;
    text-transform: uppercase;
}

.cart__left-sum {
    font-size: 12px;
    line-height: 30px;
    font-weight: 700;
    color: #2d2e31;
    text-align: right;
}

.cart__left-total {
    border-top: 2px solid #d8d8d8;
}

.cart__left-total-sum {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #2d2e31;
    text-align: right;
}

.promocode__text {
    margin-bottom: 16px;

    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    font-weight: 500;
    color: #a7a9ab;
    letter-spacing: 0;
}

.promocode__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.promocode__input {
    width: 195px;
    padding: 12px 18px;
    padding-top: 15px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    font-weight: 400;
    color: #2d2e31;
    letter-spacing: 0;

    border: 1px solid #a7a9ab;
    border-right: 0;
}

.promocode__input::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    font-weight: 400;
    color: #a7a9ab;
    letter-spacing: 0;
}

.promocode__input:-ms-input-placeholder {
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    font-weight: 400;
    color: #a7a9ab;
    letter-spacing: 0;
}

.promocode__input::-ms-input-placeholder {
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    font-weight: 400;
    color: #a7a9ab;
    letter-spacing: 0;
}

.promocode__input::placeholder {
    font-size: 11px;
    line-height: 14px;
    font-style: italic;
    font-weight: 400;
    color: #a7a9ab;
    letter-spacing: 0;
}

.promocode__button {
    width: 45px;
    height: 43px;

    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #fefefe;
    text-align: center;
    text-transform: uppercase;
    background-color: #255aa6;
    border: 1px solid #255aa6;
    cursor: pointer;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.promocode__button:hover,
.promocode__button:focus {
    background: #fefefe;
    color: #255aa6;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

.promocode__input:hover,
.promocode__input:focus {
    outline: 0;
    border-color: #255aa6;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

.cart__top-panel {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    padding: 2px 12px;
    margin-bottom: 6px;

    border: 1px solid #d8d8d8;
}

.cart__search {
    width: calc(100% - 80px);
}

.cart__search .header__search-input {
    max-width: calc(100% - 100px);
    width: 100%;
    border-bottom: 0;
}

.cart__search .header__search-form {
    margin-bottom: 0;
    display: flex;
}

.cart__search .header__search-button {
    margin-right: 10px;
}

.view-block {
    display: none;
}

.view-block.active {
    display: block;
}

.catalog__wrapper.view-block.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.view-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.view-block__sort-btn {
    padding: 0 10px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: #767676;;

    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;

    cursor: pointer;
}

.view-block__sort-btn .icon-arrow {
    display: inline-block;
    margin-left: 5px;
    border-width: 4px 4px 0;
    border-color: #767676 transparent transparent;
    border-style: solid;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.view-block__sort-btn.min-max .icon-arrow {
    -webkit-transform: rotate(180deg) translateY(5px);
    -ms-transform: rotate(180deg) translateY(5px);
    transform: rotate(180deg) translateY(5px);
}

.cart__product {
    padding: 12px;
    width: 205px;
}

.cart__product .product__image-block {
    width: 100%;
    height: 100px;
    margin-bottom: 0;
}

.cart__product .product__image {
    margin-top: 50px;
}

.cart__product .product__wrapper-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.cart__product .product__title {
    line-height: 14px;
    height: 42px;
    max-height: 42px;
    padding-left: 0;
    letter-spacing: -0.5px;
}

.cart__product .product__article {
    margin-bottom: 0;
    font-size: 0;
    line-height: 0;
}

.cart__product .product__article .value {
    margin-left: 0;
}

.cart__product .product__article .value {
    display: block;
    margin-top: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #777777;
}

.cart__product .product__wrapper {
    border: 1px solid transparent;
    background-color: #ffffff;
    z-index: 0;
}

.cart__product .product__link {
    z-index: 2;
}

#basket-item-list .cart__product .product__link {
    z-index: 10;
}

.cart__product:hover .product__wrapper,
.cart__product:focus .product__wrapper {
    border-color: #255aa6;
    z-index: 0;
}

.product__delete {
    position: absolute;
    right: 7px;
    top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;

    background-color: #b4b5b8;
    border-radius: 50%;
    cursor: pointer;

    z-index: 12;
}

.product__delete svg {
    fill: #ffffff;
}

.product__delete:hover {
    background-color: #dd0024;
}

.cart__product-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart__product-wrapper .card-product__fieldset,
.cart__product-wrapper .quantity {
    margin: 0;
}

.cart__product-wrapper .quantity__input {
    width: 40px;
}

.cart__product-wrapper .product__price {
    font-size: 18px;
    text-align: right;
    margin: 0;
    padding-left: 5px;
}

.view-block--table .table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.table__row--header .table__cell {
    padding: 0 6px;
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    color: #767676;
    text-align: left;
}

.table__row--header .view-block__sort-btn {
    font-size: 12px;
}

.product-table {
    background-color: #ffffff;
}

.product-table .table__cell {
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

.product-table__image-cell {
    width: 75px;
    height: 60px;
}

.product-table__image {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.product-table__article {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #767676;
    text-align: left;
    max-width: 90px;
    overflow: hidden;
    display: inline-block;
    padding-right: 2px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.product-table__title-cell {
    max-width: 330px;
}

.product-table__title {
    margin: 0;

    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #2d2e31;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-table .quantity {
    margin-left: 0;
}

.quantity__input {
    padding: 0 4px;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.quantity__input:focus,
.quantity__input:hover {
    outline: 0;
    border-bottom: 1px solid #255aa6;
}

.quantity__btn.quantity__btn--dec {
    line-height: 16px;
}

.quantity__btn.disabled {
    cursor: no-drop;
    border-color: #d4d4d4;
}

.table__cell .view-block__sort-btn {
    margin-bottom: 0;
}

.product__delete--table {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
}

.table .table__cell--text-center {
    text-align: center;
}

.product-table__sale {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #dd0024;
}

.view-block--table {

    margin-bottom: 20px;
}

.cart__create-order {
    padding-top: 20px;
}

.create-order__title {
    padding-left: 24px;
}

.create-order__block {
    padding: 24px;
    background: #ffffff;
    margin-bottom: 20px;
}

.create-order__select {
    margin-bottom: 20px;
}

.select {
    max-width: 530px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select__placeholder {
    position: relative;
    display: block;
    padding: 12px 15px;
    padding-right: 36px;

    color: #3e3f42;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;

    text-decoration: none;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;

    border: 1px solid #a7a9ab;

    cursor: pointer;

    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;

    transition: all .2s linear;
}

.select__placeholder::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    display: block;
    width: 0;
    height: 0;

    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #2d2e31 transparent transparent;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;

    transition: all .2s linear;
}

.select.is-open .select__placeholder {
    border-color: #255aa6;
}

.select.is-open .select__placeholder::after {
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #2d2e31 transparent;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.select__placeholder.active {
    /*color: #000000;*/
}

.select .scrollbar {
    padding: 0;
    list-style: none;
    margin: 0;
    display: none;

    position: absolute;
    top: 44px;
    z-index: 11;
    /*max-height: 200px;*/

    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #255aa6;

    -webkit-box-shadow: 0 2px 4px rgba(62, 63, 66, 0.26);
    box-shadow: 0 2px 4px rgba(62, 63, 66, 0.26);
}

.select .select__item {
    display: block;
    padding: 6px;
    cursor: pointer;

    color: #2d2e31;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;

    background-color: transparent;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.select .select__item:hover {
    color: #ffffff;

    background-color: #255aa6;
}

.select.is-open .scrollbar {
    display: block;

}

.create-order__button {
    min-width: 195px;
    text-align: center;
    padding: 10px 21px;

    border: 1px solid #255aa6;

    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.create-order__form-auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.create-order__form-wrapper {
    min-width: 255px;
    margin-bottom: 20px;
    padding: 0 10px;
}

.create-order__block--contacts .create-order__form-wrapper {
    width: 50%;
}

.create-order__block .create-order__form-wrapper--full {
    width: 100%;
}

.radio__label,
.checkbox-circle__label {
    margin-bottom: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;

}

.radio__label:last-child,
.checkbox-circle__label {
    margin-bottom: 0;
}

.radio__toggle,
.checkbox-circle__toggle {
    position: relative;
    display: block;

    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border: 2px solid #255aa6;
    border-radius: 50%;
}

.radio__toggle::after,
.checkbox-circle__toggle::after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px;

    background-color: #255aa6;
    border-radius: 50%;

    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.radio__text,
.checkbox-circle__text {
    padding-left: 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #2d2e31;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.radio__label > input[type="radio"]:checked + .radio__toggle::after,
.checkbox-circle__label > input[type="checkbox"]:checked + .checkbox-circle__toggle::after {
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.radio__label > input[type="radio"]:checked ~ .radio__text,
.checkbox-circle__label > input[type="checkbox"]:checked ~ .checkbox-circle__text {
    font-weight: 600;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.create-order__form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.create-order__field-container {
    width: 100%;
}

.create-order__title-input {
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #2d2e31;
}

.create-order__input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 17px;
    padding-right: 5px;

    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #2d2e31;

    border: 1px solid #a7a9ab;

    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.create-order__textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 17px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    font-style: italic;
    color: #2d2e31;
    border: 1px solid #a7a9ab;
    cursor: pointer;
    resize: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.create-order__input::-webkit-input-placeholder,
.create-order__textarea::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.create-order__input:-ms-input-placeholder,
.create-order__textarea:-ms-input-placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.create-order__input::-ms-input-placeholder,
.create-order__textarea::-ms-input-placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.create-order__input::placeholder,
.create-order__textarea::placeholder {
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #a7a9ab;
}

.create-order__textarea::-ms-input-placeholder {
    line-height: 15px;
}

.create-order__textarea::-webkit-input-placeholder {
    line-height: 15px;
}

.create-order__textarea:-ms-input-placeholder {
    line-height: 15px;
}

.create-order__textarea::placeholder {
    line-height: 15px;
}

.create-order__textarea:-ms-input-placeholder {
    line-height: 15px;
}

.create-order__textarea::-webkit-input-placeholder {
    line-height: 15px;
}

.create-order__textarea::-moz-placeholder {
    line-height: 15px;
}

.create-order__input:hover,
.create-order__input:focus,
.create-order__textarea:hover,
.create-order__textarea:focus {
    outline: 0;

    color: #2d2e31;
    border-color: #255aa6;
}

.create-order__label-delivery {
    position: relative;
}

.create-order__label-delivery .create-order__input {
    padding-left: 42px;
    padding-right: 42px;
    color: #2d2e31;
    font-style: normal;
    font-size: 14px;
}

.create-order__search-icon,
.create-order__city-description,
.create-order__delete-city {
    position: absolute;
    z-index: 2;
}

.create-order__search-icon {
    top: 50%;
    margin-top: -7px;
    left: 13px;
}

.create-order__search-icon svg {
    fill: #a7a9ab;
}

.create-order__delete-city {
    top: 14px;
    right: 16px;
    display: block;
    width: 15px;
    height: 15px;

    background-color: #a7a9ab;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.create-order__delete-city::after,
.create-order__delete-city::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 4px;

    width: 7px;
    height: 1px;

    background-color: #ffffff;
    border-radius: 3px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);
}

.create-order__delete-city::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.create-order__delete-city:hover {
    background-color: #255aa6;
}

.create-order__comment-title {
    font-size: 16px;
}

.create-order__description-title {
    margin-top: -16px;
    margin-bottom: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;

    display: block;
    padding: 0 7px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: #a7a9ab;

    background-color: #eff3f8;
}

.form {
    width: 100%;
}

.form__label-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.form__wrapper {
    width: 100%;
    margin-bottom: 20px;
}

.ie-profile__form .form__wrapper {
    margin-bottom: 25px;
}

.form__wrapper:last-child {
    margin-bottom: 0;
}

.form__title-input {
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #777777;
}

.form__restore-password {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    color: #255aa6;
}

.form__input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 17px;
    padding-right: 35px;
    height: 40px;

    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    color: #2d2e31;

    border: 1px solid #a7a9ab;

    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.form__button {
    padding: 8px 25px;
}

.authorization__form,
.registration__form {
    margin-bottom: 20px;
}

.authorization__title,
.registration__title {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 40px;
}

.body-no-overflow {
    overflow: hidden;
    padding-right: 15px;
}

.dark-body {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: rgba(0, 0, 0, 0.4);
    z-index: 110;
}

.dark-body.active {
    display: block;
}

@-webkit-keyframes popup-animation {
    from {
        top: 0;
    }
    to {
        top: 50%;
    }

}

@keyframes popup-animation {
    from {
        top: 0;
    }
    to {
        top: 50%;
    }

}

/* продумать если высота экрана меньше чем попап*/
.popup {
    display: none;
    position: fixed;
    left: 50%;

    padding: 20px;

    width: 380px;
    max-width: 100%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background-color: #ffffff;
    -webkit-box-shadow: 0 0 2px rgba(37, 90, 60, 0.4);
    box-shadow: 0 0 2px rgba(37, 90, 60, 0.4);

    z-index: 130;
    opacity: 1;
}

.popup.active {
    display: block;
    top: calc(50% + 20px);

    -webkit-animation: popup-animation 0.3s ease-in-out;

    animation: popup-animation 0.3s ease-in-out;
    z-index: 140;
}

.popup__close {
    position: absolute;
    right: 0;
    top: -20px;
    width: 25px;
    height: 25px;

    cursor: pointer;
    z-index: 31;
}

.popup__close::after,
.popup__close::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 22px;
    height: 2px;

    background-color: #ffffff;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);
}

.popup__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup p {
    margin-bottom: 0;
}


#popup-auth .authorization__title,
#popup-registration .registration__title {
    font-size: 30px;
    text-align: left;
    margin-bottom: 30px;
}

.form__description-title {
    margin-top: -16px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;

    display: block;
    padding: 0 7px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: #a7a9ab;

    background-color: #eff3f8;
}

.popup__container .form__description-title {
    margin-left: 0;
}

#popup-verify-sms .form__description-title {
    width: 100%;
    font-size: 14px;
    padding: 5px;
    color: #255aa6;
}

#popup-verify-sms .form__label-input:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 2px;
    left: 100px;
    width: 14px;
    height: 44px;
    background-color: #ffffff;
}

#popup-verify-sms .form__input {
    max-width: 140px;
    padding: 5px 25px;
    height: 50px;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
}

#popup-verify-sms .form__input::-webkit-outer-spin-button,
#popup-verify-sms .form__input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#popup-verify-sms {
    position: relative;
}

#popup-verify-sms .registration__link {
    position: absolute;
    bottom: 8px;
    right: 0;
}

.form__input:focus,
.form__input:hover {
    outline: 0;
    border-color: #255aa6;
}

.form__input:focus, .form__input:hover {
    outline: 0;
    border-color: #255aa6;
}

.success__input,
.form__input.success__input:focus,
.form__input.success__input:hover {
    border-color: #00cc33;
}

.success__icon {
    position: absolute;
    top: 44px;
    right: 20px;
    z-index: 3;

    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6px;
    height: 11px;

    border: 2px solid #00cc33;
    border-left: 0;
    border-top: 0;

    -webkit-transform: rotate(44deg);

    -ms-transform: rotate(44deg);

    transform: rotate(44deg);
}

.error__input {
    border-color: #dd0024;
}

.error__icon {
    position: absolute;
    top: 42px;
    right: 14px;
    z-index: 3;

    width: 18px;
    height: 18px;

    border-radius: 50%;
    background-color: #dd0024;
}

.error__icon::after,
.error__icon::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    width: 2px;
    height: 7px;

    background-color: #ffffff;
}

.error__icon::before {
    top: 12px;
    height: 2px;
}

.error__text {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: 3;

    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #dd0024;

}

.profile-new__title {
    margin: 0;
    margin-bottom: 40px;

    font-size: 20px;
    line-height: 22px;
    color: #2d2e31;
}

.profile__tabs {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 65px;
    padding: 0;
}

.profile-new__form-tabs .radio__text {
    font-size: 12px;
    text-transform: lowercase;
}

.profile-new__sub-title {
    margin: 0;
    margin-bottom: 22px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #777777;

}

.profile-edit__name-profile {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #2d2e31;

}

.checkbox-square__label {
    position: relative;
    display: block;
    width: 100%;
    padding: 1px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    cursor: pointer;
}

.checkbox-square__label:not(:last-child) {
    margin-bottom: 10px;
}

.checkbox-square__text {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: lowercase;
    color: #767676;
    letter-spacing: 0;
}

.checkbox-square__checked {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;

    border: 1px solid #777777;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.checkbox-square__checked svg {
    position: absolute;
    top: 1px;
    left: 3px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.checkbox-square__label > input:checked ~ .checkbox-square__checked {
    border: 2px solid #255aa6;
}

.checkbox-square__label > input:checked ~ .checkbox-square__checked svg {
    opacity: 1;
    left: 2px;
}

.profile-card {
    min-width: 275px;
}

.card-block__no-card,
.card-block__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 275px;
    height: 190px;
    margin-bottom: 20px;

    background-color: #f6f8f8;

    border-radius: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.card-block__card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

    background: rgba(248,80,50,1);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(37, 90, 166)), color-stop(50%, rgb(37, 90, 166)), color-stop(51%, rgb(221, 0, 36)), color-stop(71%, rgb(221, 0, 36)), color-stop(100%, rgba(231,56,39,1)));
    background: -webkit-linear-gradient(-45deg, rgb(37, 90, 166) 0%, rgb(37, 90, 166) 50%, rgb(221, 0, 36) 51%, rgb(221, 0, 36) 71%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(-45deg, rgb(37, 90, 166) 0%, rgb(37, 90, 166) 50%, rgb(221, 0, 36) 51%, rgb(221, 0, 36) 71%, rgba(231,56,39,1) 100%);
    background: -webkit-linear-gradient(315deg, rgb(37, 90, 166) 0%, rgb(37, 90, 166) 50%, rgb(221, 0, 36) 51%, rgb(221, 0, 36) 71%, rgba(231,56,39,1) 100%);
    background: -o-linear-gradient(315deg, rgb(37, 90, 166) 0%, rgb(37, 90, 166) 50%, rgb(221, 0, 36) 51%, rgb(221, 0, 36) 71%, rgba(231,56,39,1) 100%);
    background: linear-gradient(135deg, rgb(37, 90, 166) 0%, rgb(37, 90, 166) 50%, rgb(221, 0, 36) 51%, rgb(221, 0, 36) 71%, rgba(231,56,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 );
}



.card-block__image {
    width: auto;
    margin-bottom: 22px;
}

.card-block__wrapper-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    width: 50%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.card-block__wrapper-top svg {
    fill: #ffffff;
    margin-bottom: 5px;
}

.bonus-card__input {
    width: 100%;

    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}

.card-block__card .card-block__text {
    width: 50%;
    color: #ffffff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    padding: 25px;
    padding-left: 10px;
    text-transform: uppercase;
}



.bonus-card__input:focus,
.hover-card__input:hover {
    outline-color: transparent;
    border-bottom: 2px solid #ffffff;
}

.card-block__bonus {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: 10px;
}

.card-block__bonus.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.card-block__bonus-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #777777;
    margin-right: 5px;
}

.card-block__bonus-reload {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.card-block__bonus-reload svg {
    fill: #255aa6;
}


.card-block__text {
    margin-bottom: 0;

    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #2d2e31;
}



.profile-card__button {
    display: block;
    margin: 0 auto;
}

.js-button-card-submit {
    display: none;
}

.card-block.display-no {
    display: none;
}
.profile__block {
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.profile__block.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Вставить личные данные vvvv */

/* Вставить личные данные ^^^^ */

.profile__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.profile__info-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 58px;
    height: 58px;
    margin-right: 5px;

    background-color: #f6f8f8;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.profile__info-icon .circle {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0 2px;

    background-color: #255aa6;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.profile__info-text {
    padding: 8px;
    width: auto;

    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #777777;
}

.profile__info-icon .toggle {
    position: relative;
    display: block;
    width: 40px;
    height: 19px;

    background-color: #255aa6;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.profile__info-icon .toggle .circle-big {
    position: absolute;
    top: 3px;
    left: 4px;
    display: block;
    width: 13px;
    height: 13px;

    background-color: #f6f8f8;
    border-radius: 50%;
}

.profile__title {
    margin: 0;
    margin-bottom: 30px;

    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #2d2e31;
}

.profile__form {
    max-width: 380px;
}

.profile__form .form__label-input {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.profile__form .form__title-input {
    min-width: 90px;
    max-width: 90px;
    padding: 5px;
    padding-left: 0;
}

.profile__form .form__wrapper {
    margin-bottom: 10px;
}

.profile__form-button {
    /*margin-left: 105px;*/
}

.form__profile-verify-true {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #777777;
}

.form__input:disabled,
.form__input.disabled,
.account__select.disabled .select__placeholder {
    font-style: normal;
    font-weight: 600;
    border: 0;
    background-color: transparent;
}

.account__select.disabled .select__placeholder::after {
    display: none;
}

.profile__form .success__icon {
    top: 14px;
}

.profile__form .error__icon {
    top: 12px;
}

.profile__form .error__text {
    top: 5px;
    left: calc(100% + 10px);
    width: 165px;
}

.byers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.byers__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 12px 22px;
    padding-right: 30px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border: 1px solid #255aa6;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 1px rgba(37, 90, 166, 0.4);
    box-shadow: inset 0 0 1px rgba(37, 90, 166, 0.4);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.byers__item.active {

    background-color: #255aa6;
}

.byers__delete {
    position: absolute;
    width: 25px;
    height: 25px;
    background: transparent;
    border: 0;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.byers__cross {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
}

.byers__cross::after,
.byers__cross::before {
    display: block;
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: #777777;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    border-radius: 7px;
}

.byers__cross::before {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg);;
}


.byers__delete:hover,
.byers__delete:focus {
    outline-color: transparent;
}

.byers__delete:hover .byers__cross::after,
.byers__delete:hover .byers__cross::before,
.byers__delete:focus .byers__cross::after,
.byers__delete:focus .byers__cross::before {
    background-color: #dd0024;
}

.byers__item.active .byers__info--item img,
.byers__item.active .byers__info--item svg,
.byers__item.active .byers__info--item .description,
.byers__item.active .byers__title,
.byers__item.active .byers__info-block .value {
    color: #ffffff;
    fill: #ffffff;
}

.byers__item.active .byers__show-icon .circle {
    background-color: #ffffff;
}

.byers__link-new {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.byers__info {
    width: 100%;
}

.byers__info-block {
    margin-bottom: 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.byers__info-block:last-of-type {
    margin-bottom: 0;
}

.byers__title {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #2d2e31;
}

.byers__show-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;

    padding: 0 10px;
    width: auto;
    height: 10px;

    background-color: transparent;

    cursor: pointer;
}

.byers__show-icon .circle {
    display: block;
    width: 5px;
    height: 5px;
    margin: 0 2px;

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

    align-self: center;
    border-radius: 50%;

    background-color: #255aa6;
}

.byers__info--item {
    width: 156px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.byers__info--item img,
.byers__info--item svg,
.byers__info--item .description {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #777777;
    fill: #777777;
    width: auto;
    height: auto;
    margin-right: 4px;
    margin-bottom: 0;
}

.byers__info-block .value {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #2d2e31;
}

.byers__toggle {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.byers__toggle-block {
    position: relative;
    display: block;
    width: 52px;
    height: 24px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #777777;
    border: 1px solid #777777;
    border-radius: 15px;

    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.byers__toggle-circle {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    width: 16px;
    height: 16px;

    background-color: #ffffff;
    border-radius: 50%;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

    z-index: 2;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.byers__toggle-block:hover {
    background-color: #255aa6;
    border-color: #255aa6;
}

.byers__toggle input:checked ~ .byers__toggle-block .byers__toggle-circle {
    -webkit-transform: translateX(29px);
    -ms-transform: translateX(29px);
    transform: translateX(29px);
    background-color: #255aa6;
}

.byers__toggle input:checked ~ .byers__toggle-block {
    background-color: #ffffff;
    border-color: #ffffff;
}

.byers__toggle input:checked ~ .byers__toggle-block:hover {
    background-color: #ffffff;
}


.byers__item-ver {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #777;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    padding-right: 30px;
    margin-bottom: 20px;
}


.byers__loader-block {
    min-width: 40px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.byers__loader {
    background: transparent;
    border: 0;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

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

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

.byers__loader svg {
    fill: #777777;
    -webkit-animation: rotateImg  2s infinite linear;
    animation: rotateImg  2s infinite linear;
}


.byers__title-verify {
    margin: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}


/* История заказов ЛК */

.select__item.active {
    background-color: #255aa6;
    color: #ffffff;
}

.history-order__form {
    margin-bottom: 35px;
}



.history-order__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.history-order__label .form__title-input {
    padding-right: 25px;
}

.history-order__label .select {
    width: 300px;
}

.history-order__wrapper-overflow {
    width: 100%;
    margin-bottom: 50px;
}

.history-order__arrow {
    display: none;
}

.history-order__table {
    min-width: 700px;
}

.history-order__table .table__cell:first-child {
    padding-left: 30px;
}

.history-order__table .table__cell:last-child {
    padding-right: 30px;
    width: 150px;
}

.history-order__table .value,
.history-order__table .ruble {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #2d2e31;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.history-order__table .table__cell {
    padding: 20px 15px;
}

.history-order__table a.table__row {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.history-order__table .table__row:nth-child(2n+1) {
    background-color: #eff3f8;
}

.history-order__table .history-order__table-header.table__row {
    background-color: #255aa6;
}

.history-order__table .history-order__table-header .value {
    color: #ffffff;
}

.table__filter-arrow {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-left: 8px;

    position: relative;

    vertical-align: middle;
}

.table__filter-arrow::after,
.table__filter-arrow::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 1px;
    left: 0;

    border-style: solid;
    border-width: 4px 4px 0;
    border-color: #ffffff transparent transparent;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.table__filter-arrow::before {
    bottom: auto;
    top: 1px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.history-order__status-circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;

    vertical-align: middle;

    border-radius: 50%;

    background-color: #2d2e31;
}

.history-order__status-circle--green {
    background-color: #009900;
}

.history-order__status-circle--red {
    background-color: #ff0000;
}

.history-order__status-circle--blue {
    background-color: #255aa6;
}

/* hover */

.history-order__table-header .table__cell:hover .value,
.history-order__table-header .table__cell:focus .value {
    color: #dd0024;
}

.history-order__table-header .table__cell:hover .table__filter-arrow::after,
.history-order__table-header .table__cell:hover .table__filter-arrow::before,
.history-order__table-header .table__cell:focus .table__filter-arrow::after,
.history-order__table-header .table__cell:focus .table__filter-arrow::before {
    border-color: #dd0024 transparent transparent;
}

.history-order__table a.table__row:hover .value,
.history-order__table a.table__row:focus .value,
.history-order__table a.table__row:hover .ruble,
.history-order__table a.table__row:focus .ruble {
    color: #dd0024;
}

/* history-order-detail */

.order-detail .back-and-share__button {
    text-align: center;
    min-width: 200px;
    padding-left: 30px;
}

.order-detail .back-and-share__button {
    margin-bottom: 50px;
}

.order-detail .back-and-share__button::before {
    display: none;
}

.back-and-share__button svg {
    fill: #255aa6;
    margin-right: 10px;
}

.back-and-share__button:hover svg,
.back-and-share__button:focus svg {
    fill: #ffffff;
}

.order-detail__title {
    margin: 0;
    margin-bottom: 30px;

    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: #2d2e31;
}

.order-detail__table-wrapper {
    width: 100%;
}

.order-detail__table {
    margin-bottom: 30px;
}

.order-detail__table .table__cell {
    padding-right: 25px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #000000;
}

.order-detail__table .table__cell:first-child {
    color: #777777;
    width: 150px;
}

.order-detail__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: 50px;
}

.order-detail__wrapper.sort {
    margin-bottom: 10px;
}

.order-detail__table-count {
    width: 50%;
}

.order-detail__table-count .table__cell {
    padding-right: 15px;
    padding-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #000000;
}

.order-detail__table-count .table__cell:first-child {
    color: #777777;
    width: 190px;
}

.order-detail__button {
    border: 1px solid #255aa6;
}

.order-detail__table-product {
    margin-bottom: 50px;
    min-width: 700px;
}

.order-detail__table-header .table__cell {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #777777;
}

.order-detail__table-header .table__filter-arrow::after,
.order-detail__table-header .table__filter-arrow::before {
    border-color: #777777 transparent transparent;
}

.order-detail__table-header .table__cell:hover,
.order-detail__table-header .table__cell:focus {
    color: #255aa6;
}

.order-detail__table-header .table__cell:hover .table__filter-arrow::after,
.order-detail__table-header .table__cell:hover .table__filter-arrow::before,
.order-detail__table-header .table__cell:focus .table__filter-arrow::after,
.order-detail__table-header .table__cell:focus .table__filter-arrow::before {
    border-color: #255aa6 transparent transparent;
}

.order-detail__table-product .table__cell {
    vertical-align: middle;
    padding: 10px 5px;
    text-align: center;
}

.order-detail__table-product .table__cell.table__cell--text-right {
    text-align: right;
}

.order-detail__table-product .table__cell:first-child {
    width: 410px;
    padding-left: 0;
    text-align: left;
}

.cell-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 410px;
    width: 410px;
}

.cell-name__image-block {
    min-width: 50px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cell-name__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin-bottom: 0;
}

.cell-name__title {
    padding-right: 10px;

    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    color: #000000;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 30px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.order-detail__table-product--price .ruble {
    margin-left: 5px;
}

.order-detail__table-product .table__cell span {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: #000000;
}

.order-detail__table-product .table__row:not(.order-detail__table-header):hover .cell-name__title,
.order-detail__table-product .table__row:not(.order-detail__table-header):focus .cell-name__title {
    color: #dd0024;
}

.order-detail__documentation {
    width: 100%;
    background-color: #f7f7f7;
    padding: 30px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.order-detail__documentation-title {
    margin: 0;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}

.order-detail__documentation-title span:first-child {
    width: 100%;
}

.documentation-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.documentation-download {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.documentation-download:last-child {
    margin-bottom: 0;
}

.documentation-download__image {
    position: relative;
    top: 0;
    width: 14px;
    height: 15px;
    margin-right: 12px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.documentation-download__image img {
    margin: 0;
    width: 100%;
    height: 100%;
}

.documentation-download__text {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #000000;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 45px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    -webkit-transition: 0.2s;

    -o-transition: 0.2s;

    transition: 0.2s;
}

.documentation-download:hover .documentation-download__text,
.documentation-download:focus .documentation-download__text {
    color: #255aa6;
}

.documentation-download:hover .documentation-download__image,
.documentation-download:focus .documentation-download__image {
    top: -6px;
    left: 0;
}

.service__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #eff3f8;
    margin-bottom: 20px;

    cursor: pointer;

    -webkit-box-shadow: 0 0 0 rgba(62, 63, 66, 0.26);

    box-shadow: 0 0 0 rgba(62, 63, 66, 0.26);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.service__block-image {
    height: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.service__image {
    width: auto;
    height: auto;
    max-width: 60%;
    max-height: 60%;
    margin: 0;
    -webkit-filter: grayscale(1) contrast(2);
    filter: grayscale(1) contrast(2);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.service__block-text {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.service__text {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #283544;
    text-align: center;
}

.service__item:hover,
.service__item:focus {
    -webkit-box-shadow: 5px 5px 7px rgba(62, 63, 66, 0.26);
    box-shadow: 5px 5px 7px rgba(62, 63, 66, 0.26);

    background-color: #d9e7fb;
}

.service__item:hover .service__image,
.service__item:focus .service__image {
    -webkit-filter: none;
    filter: none;
}

/* CARD */
.cart__product.delete .basket-items-list-item-notification-inner .basket-items-list-item-removed-container strong {
    display: block;
    margin-top: 5px;

    color: #255aa6;
    padding-left: 1px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;

    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 48px;
    height: 48px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.cart__product.delete .basket-items-list-item-notification-inner.basket-items-list-item-notification-removed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.cart__product.delete .basket-items-list-item-removed-container {
    color: #2d2e31;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.basket-items-list-item-notification-inner .basket-items-list-item-removed-block a {
    display: inline-block;
    border: 1px solid #255aa6;
    padding: 5px;
    text-transform: uppercase;
    color: #255aa6;
    background-color: #ffffff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.basket-items-list-item-notification-inner .basket-items-list-item-removed-block a:hover {
    background-color: #255aa6;
    color: #ffffff;
}

.product-table .table__colspan {
    display: table-cell;
    height: 60px;
}

.product-table__removed {
    position: relative;
    width: 100%;

    bottom: auto;
    padding-left: 10px;
}

.product-table__removed-container {
    left: 0;
    top: 0;
    width: 880px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-table__removed-container .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}

.product-table__removed-container .text p {
    margin: 0;
}

.product-table__removed-container .text .title {
    padding: 0 10px;
}

.product-table__removed-container .text .name-product {
    max-width: 420px;
    padding-right: 5px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #255aa6;
}

.product-table__removed-container .basket-items-list-item-removed-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-table__removed-container .button {
    margin: 0 10px;
}

.product-table__removed-container .basket-items-list-item-clear-btn {
    margin-right: 15px;
}

/* profile */

.icon-pen {
    display: none;
    position: absolute;
    right: 12px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-pen svg {
    fill: #255aa6;
}

.icon-pen.active {
    display: block;
}

.form__label-input {
    cursor: pointer;
}

#profile_form .account__select {
    width: 100%;
}

.account__select .select__placeholder {
    font-size: 12px;
}

/* cart validate */
.bx-soa-tooltip.bx-soa-tooltip-static {
    position: relative;
    z-index: 0;
    width: 100%;
}

.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    position: absolute;
    width: 100%;
    top: calc(100% + 42px);
    max-width: 100%;

}

#bx-soa-properties .alert.alert-danger {
    display: none;
}

.create-order__form-wrapper.has-error input {
    border-color: #dd0024;
}

.has-error .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    background-color: transparent;
}

.has-error .bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow {
    position: absolute;
    top: 14px;
    right: 14px;
    left: auto;
    z-index: 3;

    width: 18px;
    height: 18px;

    border-radius: 50%;
    background-color: #dd0024;
}

.bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow::after,
.bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    width: 2px;
    height: 7px;

    background-color: #ffffff;
}

.bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow::before {
    top: 12px;
    height: 2px;
}

.authorization__form font.errortext {
    color: #dd0024;
    position: absolute;
    right: 0;
    width: 221px;
}

/* catalog popup */

.popup-window.popup-window-content-white {
    max-width: 400px;
}

.popup-window.popup-window-content-white p {
    margin-bottom: 0;
}

.popup-window-buttons span {
    display: inline-block;
    padding: 10px 15px;

    text-transform: uppercase;
    color: #255aa6;

    border: 1px solid #255aa6;
    background-color: transparent;

    cursor: pointer;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.popup-window-buttons span:not(:last-child) {
    margin-bottom: 10px;
}

.popup-window-buttons span:hover {
    color: #fff;

    background-color: #255aa6;
}

.popup-window-close-icon.popup-window-titlebar-close-icon {
    position: absolute;
    right: 0;
    top: -20px;
    width: 25px;
    height: 25px;

    cursor: pointer;
    z-index: 31;
    opacity: 1;
}

.popup-window-close-icon.popup-window-titlebar-close-icon::after,
.popup-window-close-icon.popup-window-titlebar-close-icon::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 22px;
    height: 2px;
    left: 0;
    opacity: 1;

    background-color: #ffffff;
    background-image: none;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);
}

.popup-window-close-icon.popup-window-titlebar-close-icon::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button-block__show-more {
    width: 100%;
}

.button--show-more {
    margin: 15px auto;
    display: block;
}

/* catalog table view*/

.catalog__wrapper .table {
    border-spacing: 0;
}

.catalog__wrapper .table__cell {
    border-bottom: 6px solid #eff3f8;
}

.catalog__wrapper .table__row:last-child .table__cell,
.catalog__wrapper .table__row:first-child .table__cell {
    border-bottom: 0;
}

.search-language-guess {
    display: block;
    width: 100%;
}

.result-news .news__headlines font.notetext {
    display: block;
    width: 100%;
    color: red;
    padding: 0 15px;
}

.result-news .news__headlines p {
    margin: 0;
    margin-top: 15px;
    font-size: 16px;
}

.result-news .news__headlines {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.result-news .headline__wrapper-text {
    width: auto;
}

.result-news .headline .headline__link {
    border: 0;
}

.result-news .headline {
    margin-left: 10px;
    margin-right: 10px;
}

/* соглашение пользователя */
.terms li {
    display: block
}

.terms ul {
    padding-left: 20px;
}

.terms li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

ul.terms li:before {
    display: none;
}

ul.terms li:after {
    left: 0;
}

ul.terms ul {
    /*margin-top: 30px;*/
    margin-bottom: 0;
}

ul.terms h3 ,
ul.terms h4 {
    margin-top: 0;
}

ul.terms > li:last-of-type {
    padding-bottom: 40px;
}

ul.terms .terms__title {
    padding-left: 0;
}

.terms ul li:before {
    display: none;
}

.terms,
.terms ol {
    counter-reset: item;
    padding: 0;
    margin: 0;
}

.terms li > ol {
    margin-top: 15px;
    margin-bottom: 15px;
}

.terms__title,
.terms p {
    display: inline-block;
    padding-left: 5px;
    margin: 0;
}

.terms__title {
    display: inline;
}

.terms__title + ol,
.terms p + ol {
    margin-top: 25px;
}

.terms__item:before {
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    color: #2d2e31;
}

.terms li {
    padding-bottom: 10px;
}


.terms li.terms__item--padding {
    padding-bottom: 20px;
}

ul.terms.terms-prokat > li:last-of-type {
    padding-bottom: 20px;
}

ul.terms.terms-prokat .terms__item > ul {
    padding-top: 20px;
}

.terms__item,
.terms__title {
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.terms__item:hover .terms__title,
.terms__item:hover::before {
    color: #255aa6;
}

.terms .terms__item {
    height: auto;
    overflow: hidden;
}

.terms .terms__item .terms__title {
    position: relative;
}

.terms .terms__item .terms__title:before {
    position: absolute;
    content: '';
    right: -20px;

    width: 10px;
    height: 10px;
    border-left: 2px solid #255aa6;
    border-top: 2px solid #255aa6;

    transition: 0.3s;
    top: 2px;
    transform: rotate(225deg);
}

.terms .terms__item .terms__title.active:before {
    transform: rotate(45deg);
    top: 6px;
}


.row-and-span {
    margin: 0 5px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row-and-span--margin {
    margin-left: 0;
    margin-right: 0;
}

@media all and (max-width: 992px) {
    .row-and-span {
        margin-left: 0;
        margin-right: 0;
    }
}

.row_5,
.row_4 {
    height: 100px;
    overflow: hidden;
    margin-bottom: 10px;
}

.row_5 img,
.row_4 img {
    position: relative;
    height: 100%;
    max-width: none;
    width: auto;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);
}

.uslugi,
.row_4_p {
    text-align: center;
    margin-bottom: 0;
}

.uslugi-a img {
    width: 105px;
    height: auto;
    margin-bottom: 0;
}

figure.uslugi-f {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.podbor__main-img-block {
    width: 100%;
}

.podbor__main-img {
    width: 100%;
    margin-right: 0;
    text-align: right;
    margin-left: auto;
    display: block;
}

.img-height {
    max-height: 200px;
    width: auto;
}

.prokat--margin {
    margin-bottom: 40px;
    justify-content: space-between;
}

.prokat--margin ._4_p {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding: 0 10px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.prokat--margin ._4_p b {
    margin-right: 15px;
}

.prokat--margin .row-and-span {
    margin: 0;
    margin-left: -5px;
    margin-right: -5px;
    padding: 10px;
    margin-bottom: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    border: 1px solid #255aa6;

    -webkit-box-shadow: 2px 2px 2px rgba(62, 63, 66, 0.26);

    box-shadow: 2px 2px 2px rgba(62, 63, 66, 0.26);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.prokat__wrapper-text {
    width: 100%;
}


.no-item {
    width: 100%;
    font-size: 28px;
    color: #255aa6;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
}

.no-item--red {
    color: #dd0024;
}

.no-item__text {
    width: 100%;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 36px;
    text-align: center;

}


/* Избранное карточка */

.profile-favorites .product__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




.profile-favorites .product__button--cart svg {
    margin-right: 10px;
}



.profile-favorites .product__button--cart {
    width: 185px;

}

.profile-favorites  .favorites__delete {
    position: absolute;
    right: 10px;
    top: 14px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 24px;
    height: 20px;

    line-height: 20px;
    text-align: center;

    background-color: transparent;
    border-radius: 50%;

    z-index: 5;

    cursor: pointer;
}

.profile-favorites  .favorites__delete svg {
    fill: #cccccc;
}

.profile-favorites  .favorites__delete:hover svg,
.profile-favorites .favorites__delete:focus svg {
    fill: #255aa6;
}

.profile-favorites .product:hover .favorites__delete,
.profile-favorites .product:focus .favorites__delete {
    z-index: 10;
}

.doc_name_cat {
    position: absolute;
    z-index: 1;
    top: 24px;
    left: 7px;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
}

.fourZerofour-main-text {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #dd0024;
}

.fourZerofour-main-text-blue {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 21px;
    line-height: 22px;
    color: #255aa6;
}

.fourZerofour-text {
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

/* стили отображения табличного вида каталога*/
.product__button-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product__button-table .product__button {
    opacity: 1;
    font-size: 0;
}

.product__button-table .product__button--cart{
    padding: 0;
}

.product__button-table .product__button--cart svg {
    margin: 0;
}

a.product-table__title-cell:hover .product-table__title{
    color: #dd0024;
}

/* офрмления заказа перебивание стилей */
.sale_order_full_table td {
    font-size: 18px;
    color: #2d2e31;
}

.sale_order_full_table td b {
    color: #255aa6;
}

.sale_order_full_table .ps_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
}

.sale_order_full_table .pay_name{
    font-size: 20px;
    margin-bottom: 10px;
    color: #255aa6;
    font-weight: 600;
    width: 100%;
}


.sale_order_full_table .ps_logo img {
    margin-right: 10px;
}

.sale-paysystem-button-container input,
.form-inline input[type="submit"]{
    border: 1px solid #255aa6;
    padding: 15px 10px;
    background-color: #ffffff;
    color: #255aa6;
    text-align: center;
    min-width: 150px;
    cursor: pointer;
    transition: 0.3s;

}

.sale-paysystem-button-container input:hover,
.form-inline input[type="submit"]:hover {
    border: 1px solid #255aa6;
    padding: 15px 10px;
    background-color: #255aa6;
    color: #ffffff;
}

.form-inline input[type="text"] {
    padding: 10px 15px;
    color: #2d2e31;
    border: 1px solid #255aa6;
    min-height: 40px;
    margin-bottom: 20px;
}


/* cтраница сравнения */
.comparison__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.comparison__slider-block {
    margin-left: -5px;
}

.comparison__slider-block .slick-list {
    padding-left: 5px;
}

.comparison__slider .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;

    padding: 0;
    border: none;
    outline: none;

    cursor: pointer;
    z-index: 10;
    width: 40px;
    height: auto;
    opacity: 1; /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(239,243,248,0) 0%,rgba(239,243,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(239,243,248,0)),to(rgba(239,243,248,1)));
    background: -o-linear-gradient(left, rgba(239,243,248,0) 0%,rgba(239,243,248,1) 100%);
    background: linear-gradient(to right, rgba(239,243,248,0) 0%,rgba(239,243,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eff3f8', endColorstr='#eff3f8',GradientType=1 ); /* IE6-9 */

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;
}

.comparison__slider .slick-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left:0;
    right: 0;
    height: 140px;
    margin-top: -70px;
    opacity: 0;

    z-index: 10;


    -webkit-transition: 0.3s;


    -o-transition: 0.3s;


    transition: 0.3s;
    background-color: #255aa6;
}

.comparison__slider .slick-arrow::after{
    top: 50%;
    margin-top: -5px;
    z-index: 12;
    opacity: 0;
}

.comparison__slider .slick-prev {
    left: 0;
    background: transparent;
}


.comparison__slider-block .slick-arrow.slick-disabled,
.comparison__slider-block:hover .slick-arrow.slick-disabled {
    opacity: 0;
}


.comparison__slider-block:hover .slick-arrow:before,
.comparison__slider-block:hover .slick-arrow::after{
    opacity: 1;

}




.comparison__product-item {
    width: 180px;
    margin: 0 10px;
    outline: 0;
}

.comprasion__product {
    margin:0;
    margin-bottom: 20px;
    padding: 8px;
    padding-top: 1px;
    width: 180px;
}

.comprasion__product .product__image-block {
    width: 100%;
    height: 140px;
    margin-bottom: 8px;
}

.comprasion__product .product__image {
    margin-top: 70px;
}

.comprasion__product .product__wrapper {
    border: 1px solid transparent;
}

.comprasion__product .product__title {
    max-height: 24px;
    height: 24px;
    padding: 0 8px;

    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    color: #969797;
}

.comprasion__product .product__wrapper-text {
    min-height: 36px;
    padding-bottom: 25px;
}
.product__wrapper-text a:hover .product__title ,
.product__wrapper-text a:focus .product__title {
   color: #dd0024;
}

.comprasion__product .product__price-old {
    position: absolute;
    top: -22px;
    right: 15px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #777777;
    text-decoration: line-through;
}

.comprasion__product .product__article {
    margin-bottom: 0;
    padding: 0 8px;

    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    color: #969797;
}

.comprasion__product .product__price {
    font-size: 18px;
    padding: 0 8px;

}
.comprasion__product .product__footer {
    margin-top: -9px;
    padding-right: 12px;
    padding-left: 12px;
    max-height: 0;
    border-color: transparent;
}

.comprasion__product.product:hover .product__wrapper,
.comprasion__product.product:focus .product__wrapper {
    background-color: #ffffff;
    border-color: #255aa6;
}

.comprasion__product.product .product__link,
.comprasion__product.product .product__link {
    z-index: 10;
}

.comprasion__product.product:hover .product__footer,
.comprasion__product.product:focus .product__footer {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 17px;
    padding-right: 17px;
    max-height: 74px;
    -webkit-box-shadow: 0 2px 2px rgba(62,63,66,0.26);
    box-shadow: 0 2px 2px rgba(62,63,66,0.26);
    border-color: #255aa6;
}

.comprasion__product .product__button {
    width: 100%;
}


/**  STYLE 1 */
#style-1::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #7e7e7e;
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background-color: #ffffff;
}

.comparison__select {
    width: 100%;
}

.comparison__select {
    margin-bottom: 157px;
}

.comparison__select .select__placeholder {
    padding: 9px 18px;
    padding-top: 8px;

    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #255aa6;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 0;

    background-color: #fff;
}

.comparison__select .scrollbar {
    top: 40px;
    padding: 0;

    border: 0;
    border-top: 1px solid #d8d8d8;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);

}

.comparison__select.is-open .select__placeholder {
    -webkit-box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 5px 3px 5px rgba(0, 0, 0, 0.35);
}

.comparison__select .select__item {
    padding: 10px 18px;

    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #2d2e31;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.comparison__select .select__item.active {
    background-color: transparent;
}

.comparison__select .select__item:hover,
.comparison__select .select__item:focus {
    color: #255aa6;
    background-color: #ffffff;
}

.comparison__btn-block {
    margin-bottom: 20px;
}

.comparison__btn.button {
    padding: 11px 21px;
    padding-bottom: 9px;
    width: 100%;

    text-align: center;

    border: 1px solid #255aa6;
}

.characteristic {
    background-color: #ffffff;
}

.characteristic__list {
    width: 100%;
}
.characteristic__item::after {
    display: none;
}

.characteristic__item {
    padding: 18px 10px;

    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #2d2e31;
    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.characteristic__list--main .characteristic__item {
    font-size: 16px;
    line-height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #255aa6;
}

.characteristic__item:nth-child(2n) {
    background-color: #f7f9fc;
}
/* карты скидок */

.content-table {
    border: 2px solid #eff3f8;
    width: 100%;
}

.content-table thead {
    background: #eff3f8;
    font-size: 16px;
    font-weight: 600;
    color: #255aa6;
    line-height: 20px;
    text-align: center;
}

.content-table thead td:not(:last-child) {
    border-right-color: #255aa6;
}

.content-table td {
    padding: 10px;
    border: 2px solid #eff3f8;
}

.content-table .text-center {
    text-align: center;
}


/*попапы */
#ajax-wrp {
    min-width: 350px;
    margin: 0 auto;
}


.popup__wrapper-scroll {
    overflow: hidden;
    width: 100%;
    max-height: calc(100vh - 100px);
    background-color: #ffffff;
}

#ajax-wrp {
    width: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    max-height: calc(100vh - 100px);
    -webkit-overflow-scrolling: touch;
    /* remove line to customize scrollbar in iOs */
}

#ajax-wrp::-webkit-scrollbar {
    width: 0;
    height: 0;
}


.popup__track-v {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 8px;

    z-index: 7;

    border: 1px solid #d8d8d8;
    border-top: 0;
    border-bottom: 0;
    background-color: #ffffff;
}

.popup__wrapper-scroll._scrollbar .popup__track-v {
    display: block;
}

.popup__bar-v {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    height: 50px !important;
    margin-top: 1px;
    margin-bottom: 1px;

    z-index: 1;

    border-radius: 10px;
    background: #d8d8d8;
}

.popup__wrapper-scroll._scrollbar .popup__bar-v {
    display: block;
}


/* поиск */
.js-for-search .table__row strong {
    color: #dd0024;
}



.right-menu__mobile-view {
    display: none;
}

/* Спойлер */

details summary {
  display: block;
  width: 10em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;  /* блок раскрывается при щелчке по кнопке, а не по всей строке */
  border-bottom: 1px dotted;  /* подводка точками */
  outline-style: none;  /* удалить обводку при фокусе */
  cursor: pointer;
}
details summary::-webkit-details-marker {  /* нестандартный псевдоэлемент Google Chrome */
  display: none;
}


.filter__button-show {
    display: none;
}

.filter__button.filter__button-show {
    display: none;
}

/* End */


/* Start:/local/templates/site/css/responsive.css?156882498150730*/
/* 1360 - 1200*/
@media all and (max-width: 1360px) {
    .submenu-lvl-2__item {
        width: 265px;
    }
}
@media all and (max-width: 1220px) and (min-width: 1200px) {
    main {
        overflow: hidden;
    }
}
/* 1200 - 992 (container = 960px)*/
@media all and (max-width: 1199px) {
    .header__row-bottom--container {
        height: auto;
        background-color: #323336;
        background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0, rgb(45, 46, 49)), color-stop(0.207, rgb(45, 46, 49)), color-stop(0.208, rgb(62, 63, 66)), color-stop(1, rgb(62, 63, 66)));
        background-image: -webkit-linear-gradient(319deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 20.7%, rgb(62, 63, 66) 20.8%, rgb(62, 63, 66) 100%);
        background-image: -o-linear-gradient(319deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 20.7%, rgb(62, 63, 66) 20.8%, rgb(62, 63, 66) 100%);
        background-image: -webkit-linear-gradient(139deg, rgb(62, 63, 66) 0%, rgb(62, 63, 66) 20.7%, rgb(45, 46, 49) 20.8%, rgb(45, 46, 49) 100%);
        background-image: -o-linear-gradient(139deg, rgb(62, 63, 66) 0%, rgb(62, 63, 66) 20.7%, rgb(45, 46, 49) 20.8%, rgb(45, 46, 49) 100%);
        background-image: linear-gradient(-49deg, rgb(62, 63, 66) 0%, rgb(62, 63, 66) 20.7%, rgb(45, 46, 49) 20.8%, rgb(45, 46, 49) 100%);
        background-image: -ms-linear-gradient(319deg, rgb(45, 46, 49) 0%, rgb(45, 46, 49) 20.7%, rgb(62, 63, 66) 20.8%, rgb(62, 63, 66) 100%);
    }
    .header__row-top--container {
        padding-top: 30px;
        padding-bottom: 25px;
        background-color: #b9cae2;
        background-image: -webkit-gradient(linear, -1.2% 1.8%, 101.2% 98.2%, color-stop(0, rgb(239, 243, 248)), color-stop(0.857, rgb(239, 243, 248)), color-stop(0.858, rgb(37, 90, 166)), color-stop(1, rgb(37, 90, 166)));
        background-image: -webkit-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 85.7%, rgb(37, 90, 166) 85.8%, rgb(37, 90, 166) 100%);
        background-image: -o-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 85.7%, rgb(37, 90, 166) 85.8%, rgb(37, 90, 166) 100%);
        background-image: linear-gradient(131deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 85.7%, rgb(37, 90, 166) 85.8%, rgb(37, 90, 166) 100%);
        background-image: -ms-linear-gradient(319deg, rgb(239, 243, 248) 0%, rgb(239, 243, 248) 85.7%, rgb(37, 90, 166)85.8%, rgb(37, 90, 166) 100%);

    }

    .navigation__list:first-child {
        margin-right: 5px;
    }

    .user__link {
        width: 40px;
    }

    .user__link.active {
        width: 40px;
    }

    .header__cart-text {
        display: none;

    }
    .user__link {
        font-size: 0;
    }
    .header__cart {
        min-width: 60px;
    }

    /* меню каталог */
    .navigation__item--catalog .submenu.active-all {
        display: none;
    }



    .brand-slider__item {
        margin: 0 26px;
    }
    /* footer style */
    .footer__wrapper .row {
        width: 100%;
        justify-content: space-between;
        padding: 0 15px;
    }

    .footer__copyright,
    .footer__buyer,
    .footer__contacts {
        margin: 0;
    }


    .footer__copyright,
    .footer__subscription {
        display: flex;
        flex-direction: column;
    }

    .footer__contacts {
        margin-bottom: 20px;
    }

    .footer__coopyright-text {
        margin-top: 20px;
        margin-top: auto;
    }

    .footer__subscription-wrapper {
        display: flex;
        flex-direction: column;
    }

    .footer__form-email {
        margin-bottom: 40px;
    }

    .footer__block-image {
        margin-bottom: 10px;
    }

    .footer__link {
        font-size: 14px;
        line-height: 24px;
    }
    .link-consult-info {
        margin-bottom: 14px;
        margin-top: 20px;
        margin-top: auto;
    }

    .submenu__block-tablet {
        display: block;
    }
    @keyframes menuLeftAnimation {
        from {
            transform: translateX(-100%);
            display: none;
        }
        to {
            transform: translateX(0%);
            display: block;
        }
    }
    .navigation__submenu.submenu {
        display: block;
        position: fixed;
        z-index: 150;
        top: 0;
        left: 0;
        width: 280px;
        height: 100vh;
        max-height: none;
        transform: translateX(-100%);
        transition: all 0.5s linear;
        /*animation-direction: reverse;*/
    }

    .navigation__submenu.submenu.active {
        /*animation: menuLeftAnimation  0.5s ease-out;*/
        transform: translateX(0%);
    }

    .submenu__list {
        width: 280px;
    }

    .navigation__submenu.submenu .submenu__wrapper {
        height: calc(100vh - 150px);
    }

    .submenu__track {
        top: 52px;
    }

    .submenu__item .submenu__arrow {
        right: 16px;
    }

    .submenu__link {
        padding-right: 35px;
    }

    .body-no-overflow {
        position: fixed;
        padding-right: 25px;
        max-height: 100vh;
    }
    .button-scroll--top {
        top: 52px;
    }

    .submenu-lvl-2 {
        height: 100vh;
        z-index: 152;
        padding-left: 10px;
    }

    .header__link-for-organization::after,
    .header__link-for-organization::before {
        display: none;
    }

    /* карточка продукта */
    .catalog__wrapper {
        justify-content: space-between;
    }

    .catalog__product {
        margin: 0;
        margin-bottom: 100px;
    }

    .popular-products__slider .catalog__product {
        margin: 0 auto;
        margin-bottom: 100px;
    }

    .product .product__wrapper,
    .product .product__wrapper {
        transform: none;
        z-index: 6;
    }

    .product .product__button,
    .product .product__button {
        opacity: 1;
    }

    .product .product__footer,
    .product .product__footer {
        padding-top: 15px;
        padding-bottom: 19px;
        padding-left: 12px;
        max-height: 74px;
        box-shadow: none;
    }

    .main-shares__product {
        width: 300px;
    }

    .slider {
        width: 100%;
    }

    /* избранное */

    .profile-favorites .product {
        margin-bottom: 80px;
    }

    .cell-name {
        min-width: 320px;
        width: 320px;
    }

    .order-detail__table-product .table__cell:first-child {
        width: 320px;
    }


    /* список новостей и статей*/
    .promotions-list {
        justify-content: space-between!important;
    }

    .promotions-list__item {
        flex: 0 0 48.5%!important;
        max-width: 48.5%!important;
        margin-right: 0;
    }

    .promotions-list__item:nth-child(3n) {
        background-position: center;
        background-size: 100% auto;
    }

    .container--mini {
        padding: 0;
        width: 100%;
    }


    .navigation__list:not(.navigation__list--catalog) .navigation__link::after {
        position: absolute;
        content: '';
        bottom: 15px;
        right: 0;
    }

    .navigation__list:not(.navigation__list--catalog) .navigation__link:hover::after,
    .navigation__list:not(.navigation__list--catalog) .navigation__link:focus::after,
    .navigation__list:not(.navigation__list--catalog) .navigation__link.active::after {
        width: calc(100% - 0px);
        left: 0;
    }

    /* Каталог */
    .catalog-list {
        justify-content: space-between;
    }

    .catalog-list__item {
        margin-right: 0;
    }

    /* Каталог #N*/

    .range__info input {
        width: 102px;
    }

    .filter__button {
        padding: 11px 15px;
    }

    .catalog__wrapper.catalog__wrapper--product-cards,
    .catalog__wrapper.catalog__wrapper--product-cards .row {
        margin: 0;
        justify-content: space-between;
    }

    .table__cell--price {
        min-width: 90px;
    }

    .product-table__title {
        max-height: 72px;
        -webkit-line-clamp: 4;
    }

    .filter__form {
        padding-right: 20px;
    }

    /* cравнение */
    .comparison__slider .slick-arrow:before {
        opacity: 1;

    }

    .comparison__slider .slick-arrow::after{
        opacity: 1;
    }

    .contacts__description {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .contacts__image {
        width: 100%;
        height: auto;
    }

    .contacts__block-image {
        height: auto;
        margin-bottom: 0;
    }

    .work-time {
        margin-bottom: 0;
    }

    .work-time__days,
    .work-time__title {
        text-align: left;
    }

    .seminar__item.new {
        border-color: #eff3f8;
    }
    .seminar__item,
    .seminar__item:last-of-type {
        margin-bottom: 5px;
        border-color: #255aa6;
    }

    .comprasion__product {
        margin-bottom: 85px;
    }

    .comparison__select {
        margin-bottom: 222px;
    }

}
/* 991 - ?? */
@media all and (max-width: 991px) {

    .body-no-overflow {
        position: fixed;
        padding-right: 0;
        width: 100vw;
    }
    /* header */
    .header__row-top,
    .header__row-top--container {
        background: #eff3f8;
    }

    .header__cart-icon {
        background: #255aa6;
    }

    .header__row-bottom,
    .header__row-bottom--container {
        background: #2d2e31;

    }

    .navigation__item--catalog {
        width: 128px;
    }

    .navigation__link {
        padding: 16px 5px;
    }



    .navigation__item--catalog .navigation__link {
        padding-left: 10px;
    }

    .user__item:not(:last-child) {
        margin-left: 0;
    }

    .slider__item,
    .slider {
        height: 580px;
    }

    .slider .slick-prev,
    .slider .slick-next,
    .slick-prev,
    .slick-next {
        top: 50%;

        transform: translateY(-50%);
    }

    .popular-products__slider.slick-prev,
    .popular-products__slider.slick-next {
        top: calc(50% - 50px);
    }

    .slider .slick-next,
    .slick-next {
        right: 0;
    }

    .slider .slick-prev,
    .slick-prev {
        right: auto;
        left: 0;
    }


    .popular-products__slider.slick-slider {
        padding: 0 40px;
    }

    .header__logo-block svg {
        width: 60px;
        height: 53px;
    }

    .header__row-top--container {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .header__search-input {
        width: 260px;
    }

    .header__link-for-organization {
        font-size: 9px;
    }

    .contacts__telephone {
        font-size: 18px;
    }

    .contacts__telephone:focus,
    .contacts__telephone:hover {
       color: #255aa6;
    }

    .contacts__telephone:focus .contacts__mobile-icon svg,
    .contacts__telephone:hover .contacts__mobile-icon svg {
        animation: none;
        stroke: transparent;
    }

    .header__cart {
        min-width: 45px;
    }
    .header__cart-icon {
        width: 45px;
        height: 45px;
        margin-right: 0;
    }

    .header__cart-quantity {
        top: -5px;
        right: -5px;
    }

    .header__logo-block,
    .contacts,
    .header__search-block {
        margin-right: auto;
    }

    .header__cart {
        margin-right: 7px;
    }

    .header__cart,
    .contacts,
    .header__search-block {
        padding-top: 0;
    }

    .main-shares__product-wrapper {
        display: none;
    }

    .main-shares__slider {
        width: 100%;
    }

    .user__item .user__link:hover svg,
    .user__item .user__link:focus svg {
        fill: #255aa6;
    }


    /*menu catalog*/

    /* main page */

    .news__novelty .headline,
    .news__novelty .headline .headline__link {
        flex-direction: row;
    }

    .headline__block-image--width-full {
        width: 280px;
        height: 176px;
    }

    .headline__wrapper-text--width-full {
        width: calc(100% - 280px);
        height: auto;
    }

    .row-for-button-mb {
        justify-content: flex-start;
    }

    .news__link {
        display: none;
    }

    .news__link.news__link--mobile {
        display: block;
        padding: 15px 30px;
        margin-top: 15px;

        font-size: 14px;
        color: #ffffff;
        text-transform: uppercase;

        background-color: #255aa6;
    }

    .news__link.news__link--mobile:active,
    .news__link.news__link--mobile:focus {
        background-color: #2b69a6;
    }

    .registration {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .registration__text {
        text-align: center;
        margin-bottom: 20px;
    }

    .application__advantage {
        width: 100%;
        justify-content: space-between;
    }

    .application__wrapper:first-child {
        width: 32%;
        margin-bottom: 20px;
    }
    .application__wrapper:nth-child(2) {
        margin-right: 0;
    }

    .application__wrapper {
        width: 32%;
        margin: 0;
        margin-bottom: 20px;
    }

    /* личный кабинет */

    .main-personal-account__acc {
        order: 2;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .profile__title {
        width: 100%;
    }

    .main-personal-account__profile {
        order: 1;
        margin-bottom: 50px;
    }

    .profile-favorites {
        justify-content: center;
    }

    .order-detail .back-and-share__button {
        margin-bottom: 30px;
    }

    .profile-new__title {
        margin-bottom: 20px;
    }

    .profile-new__sub--mb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .profile-new__sub-title {
        margin-bottom: 10px;
        margin-right: 20px;
    }

    .profile-edit__name-profile:not(:last-child) {
        margin-right: 10px;
    }

    .profile-edit__name-profile {
        margin-bottom: 10px;
    }

    .profile__block,
    .profile__block .col-lg-6 {
        padding: 0;
    }

    .profile-new__form-tabs {
        margin-bottom: 20px;
    }



    .navigation__list:not(.navigation__list--catalog) .navigation__link::after {
        bottom: 10px;
    }

    .promotions-list__text {
        display: none;
    }

    .promotions-detail__wrapper-col {
        flex-wrap: wrap;
    }

    .promotions-detail__info,
    .promotions-detail__image-block {
        width: 100%;
    }

    .promotions-detail__info {
        order: 2;
        margin-bottom: 20px;
    }

    .promotions-detail__slider-main-product {
        margin-bottom: 20px;
    }

    .sort {
        margin-bottom: 30px;
    }

    .product:hover,
    .product:focus {
        box-shadow: none;
    }

    .product:hover .product__wrapper,
    .product:focus .product__wrapper {
        transform: none;
    }

    .promotion-detail__list-product .product:hover .product__footer,
    .promotion-detail__list-product .product:focus .product__footer,
    .product:hover .product__footer,
    .product:focus .product__footer {
        padding-top: 15px;
        padding-bottom: 19px;
        padding-left: 12px;
        max-height: 74px;
        box-shadow: none;
    }

    .product .product__footer,
    .product .product__footer {
        padding-left: 12px;
    }



    .catalog__wrapper.view-block.view-block--table {

    }

    .catalog-list__item {
        width: 48%;
        background-size: 100% auto;

    }

    /* Фильтр */

    .filter__wrapper-title,
    .filter-button,
    .filter__close-mb {
        display: block;
    }

    .filter-button__btn {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;

        color: #ffffff;

        text-transform: uppercase;
        background-color: #255aa6;
        padding: 10px 40px;
        border: 0;
        box-shadow: none;
    }

    .filter-button__btn span{
        margin-right: 15px;
    }

    .filter-button__btn svg {
        fill: #ffffff;
    }

    .filter {
        box-sizing: border-box;
        display: block;
        position: fixed;
        z-index: 150;
        top: 0;
        left: 0;
        bottom: 0;
        width: 360px;
        max-height: none;
         transform: translateX(-120%);
        transition: all 0.5s linear;
        animation-direction: reverse;
        background-color: #ffffff;
        padding: 0;

        overflow: hidden;
    }

    .filter.active {
        transform: translateX(0%);
    }

    .filter__title {
        padding: 15px 10px;
        color: #FFFFFF;
        background-color: #255aa6;
        margin-bottom: 15px;
    }

    .filter__button-tipo-block {
        position: absolute;
        width: 100%;
        bottom: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 5px 10px;
        z-index: 20;
        background-color: #ffffff;

    }

    .filter .filter__wrapper-form {
        height: calc(100vh - 220px);
        overflow-y: scroll;
        -ms-overflow-style: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        border: 0;
        padding: 0;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 35px;
    }

    .filter__form {
        /*padding-bottom: 30px;*/
    }


    .filter .filter__wrapper-form::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .filter__track {
        display: none;
        position: absolute;
        top: 60px;
        right: 0;
        bottom: 115px;
        width: 8px;
        z-index: 7;
        border: 1px solid #d8d8d8;
        border-top: 0;
        border-bottom: 0;
        background-color: #ffffff;
    }

    .filter._scrollbar .filter__track {
        display: block;
    }

    .filter__bar {
        display: none;
        position: absolute;
        right: 0;
        left: 0;

        margin-top: 1px;
        margin-bottom: 1px;
        height: 50px!important;

        z-index: 1;

        border-radius: 10px;
        background: #d8d8d8;
    }

    .filter._scrollbar .filter__bar {
        display: block;
    }

    .catalog__sort.sort {
        flex-wrap: wrap;
    }

    .catalog__sort .sort__block {
        order: 2;
    }

    .catalog__sort .sort__wrapper {
        order: 1;
    }

    .catalog__sort .filter-button {
        order: 0;
    }

    .catalog__sort .toggle-block {
        width: 90px;
    }

    .catalog__sort .toggle-block__button {
        padding: 5px;
        border: 1px solid #d8d8d8;
        width: 36px;
        height: 36px;
        justify-content: center;
        align-items: center;
    }

    .catalog__sort .toggle-block__button.active {
        border-color: #255aa6;
    }

    .catalog__sort .sort__block {
        margin-top: 20px;
    }
    .filter__close-mb {
        position: absolute;
        right: 0;
        width: 40px;
        height: 60px;
        border: 0;
        background: transparent;
    }

    .filter__close-mb::after,
    .filter__close-mb::before {
        content: '';
        position: absolute;
        width: 26px;
        height: 2px;
        top: 50%;
        left: 50%;
        margin-top: -1px;
        margin-left: -13px;
        background-color: #ffffff;
        transform: rotate(45deg);
        z-index: 2;
        border-radius: 25%;
        box-shadow: 0 0 0 1px rgba(255,255,255,0.5);

    }

    .filter__close-mb::before {
        transform: rotate(-45deg);
    }


    .filter__field.filter__field--buttons {
        display: none;
        z-index: 2;
        bottom: 0;
        background: #fff;
        padding: 10px 40px;
    }

    .filter__button {
        margin: 0;
        width:100%;
        text-align: center;
    }



    .filter__button-show {
        display: block;
       margin-bottom: 10px;
    }


    /* Детальная карточка */
    .tabs.card-product__tabs {
     padding: 0;
        flex-wrap: wrap;
    }
    .image-slider__item {
        height: 300px;
    }

    .tabs-block__text {
        width: 100%;
    }

    /* Услуги детальная */
    .right-menu {
        margin-bottom: 25px;
        position: relative;
    }

    .right-menu__list {
        display: none;
    }

    .right-menu__mobile-view {
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
        padding: 15px 20px;
        background: #255aa6;
        max-width: 480px;
        height: 51px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .right-menu__mobile-view .arrow-down {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40px;
    }
    .right-menu__mobile-view .arrow-down::before,
    .right-menu__mobile-view .arrow-down::after {
        content: '';

        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -5px;

        border-style: solid;
        border-width: 8px 8px 0;
        border-color: #ffffff transparent transparent;
        background: transparent;
        transform: rotate(0);
        transition: 0.3s;
    }

    .right-menu__mobile-view.open .arrow-down::before,
    .right-menu__mobile-view.open .arrow-down::after {

        border-width: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        transform: rotate(45deg);
        margin-top: 0;
    }

    .right-menu__mobile-view.open .arrow-down::after {
        transform: rotate(-45deg);
    }

    .right-menu__list {
        position: absolute;
        background: rgb(255, 255, 255);
        z-index: 10;
        border: 1px solid rgb(37, 90, 166);
        max-width: 480px;

        left: 10px;
        top: 51px;
    }

    .content__wrapper {
        padding-right: 20px;
    }

    .interview__item {
        border: 1px solid #255aa6;
    }


    .interview__image {
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }

    .interview__item .interview__link {
        background: #255aa6;
        color: #ffffff;
    }

    .interview__item .interview__link::after {
        background-position: 0 0;
    }

    .interview__block {
        justify-content: flex-start;
    }

    .header__search-form {
        width: 100%;
    }

    .search-detail .header__search-input {
        width: calc(100% - 150px);
    }

    .search-detail .header__search-button {
        width: 125px;
    }

    .search-detail {
        width: 100%;
    }

    .characteristic__list.characteristic__list--main {
        display: none;
    }

    .comparison__slider .slick-arrow {
        transform: none;
    }

    .comparison__select {
        margin-bottom: 20px;
        width: 60%;
    }

    .comparison__info-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .comparison__btn-block {
        margin-bottom: 20px;
        width: 35%;
    }

    .headline__image {
        position: absolute;
        transform: none;
        top: 0;
        left: auto;
        right: 0;
    }

    .headline__block-image {
        position: relative;
    }

    .headline__block-image--width-full .headline__image {
         width: auto;
         height: 100%;
         max-height: 100%;
         max-width: none;
    }

}

@media all and (max-width: 767px) {
    .header__mobile-container {
        display: block;
        position: absolute;
        z-index: 200;
        top: 100px;
        height: 500px;
    }

    .mobile--burger {
        display: block;
    }

    .navigation__burger {
        display: none;
    }

    .header__logo-block .svg-logo--desktop {
        display: none;
    }

    .header__logo-block .svg-logo--mobile {
        display: block;
    }

    main.main-no-overflow{
        overflow: hidden;
    }

    .header__row-top,
    .header__row-top--container {
        background: #eff3f8;
    }

    .header__row-top--container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mobile--burger {
        display: block;
        position: relative;
        padding-left: 5px;
        padding-right: 5px;
        width: 25px;
        height: 35px;
    }

    .mobile--burger span {
        width: 100%;
        position: absolute;

        background-color: #255aa6;

        transition: 0.5s;


        top: 50%;
        left: 0;
        margin: 0;
    }

    .mobile--burger .burger__top {
        top: calc(50% - 6px);
    }

    .mobile--burger .burger__bottom {
        top: calc(50% + 6px);
    }

    .mobile--burger.active span {
       width: 80%;
        top: 50%;
    }

    .mobile--burger.active .burger__top {
        transform: rotate(45deg);
    }

    .mobile--burger.active .burger__bottom {
        transform: rotate(-45deg);
    }

    .mobile--burger.active .burger__middle {
        transform: translateX(-400px);
    }

    .header__logo-block {
        margin-right: 0;
    }

    .header__logo-block .svg-logo--mobile {
        width: 130px;
        height: 45px;


    }

    .header__cart {
        margin: 0;
    }

    .header__cart-icon {
        background: transparent;
    }

    .header__cart-icon svg {
        fill: #255aa6;
    }

    .header__row-top .row {
        margin-right:0;
        margin-left: 0;

    }

    .header__row-bottom,
    .header__row-top {
        display: none;
    }

    .header__row-top.js-true {
        display: block;
    }

    .header__row-top.js-true.z-index {
        position: relative;
        z-index: 160;
    }

    .header__mobile-container {
        display: flex;
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 65px);
        top: 65px;
        left: 50%;
        overflow-y: scroll;
        padding: 0;

        transform: translateX(-200%);

        background: #eff3f8;
        border-top: 1px solid #255aa6;
        transition: 0.5s;
    }

    .header__mobile-container .container--mobile {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        padding-bottom: 50px;
    }

    .header__mobile-container.show-menu-mp {
        transform: translateX(-50%);
    }

    .header__contacts {
        padding: 10px 0;
        width: 100%;
    }

    .contacts__telephone {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        margin: 0;
        margin-right: 5px;
    }

    .contacts__mobile-icon {
        position: relative;
        left: auto;
        top: auto;

    }

    .contacts__address {
        display: none;

    }

    .contacts__mail {
        display: none;
    }

    .header__user-list.user {
        justify-content: center;
        width: 100%;
    }

    .user__link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .user__item {
        width: 50px;
        height: 50px;
    }

    .user__item.user__item--authorization {
        width: auto;
    }

    .user__item--favorites .user__link svg,
    .user__item--compare .user__link svg,
    .user__item--authorization .user__link svg {
        position: relative;
        fill: #255aa6;
    }

    .user__item--authorization .user__link svg {
        margin-right: 10px;
    }

    .user__link span {
        font-size: 12px;
        color: #255aa6;
    }

    .header__search-block {
        /*! padding: 10px 0; */
        border-bottom: 1px solid #255aa6;
        width: 100%;
    }

    .header__search-button {
        padding: 0;
        width: 50px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;

        background-color: #255aa6;
    }

    .header__search-button svg {
        fill: #ffffff;
    }

    .header__block-for-organization {
        display: flex;
        flex-wrap: wrap;
    }

    .header__link-for-organization {
        width: 100%;
        background-color: #eff3f8;
        color: #255aa6;
        font-size: 16px;
        padding: 16px 0;
        text-align: left;
    }

    .header__link-for-organization::before,
    .header__link-for-organization::after {
        display: none;
    }

    .header__search-input {
        width: calc(100% - 50px);
        padding: 10px 0;
        padding-left: 10px;
        border-bottom: 0;
        height: 40px;
        line-height: 20px;
    }

    .header__search-form {
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 0;
    }

    .header__navigation.navigation {
        flex-direction: column;
        width: 100%;
    }

    .navigation__item.navigation__item--catalog  {
        width: 100%;
        background: transparent;
        flex-wrap: wrap;
    }

    .navigation__link.navigation__link--catalog,
    .navigation__link {
        width: 100%;
        background: transparent;
        color: #2d2e31;
        padding: 16px 0;
        font-size: 16px;
        text-transform: none;
    }

    .navigation__link.navigation__link--catalog {
        padding-bottom: 10px;
    }

    .navigation__submenu.submenu {
        display: block;
        position: relative;
        z-index: auto;
        width: 100%;
        height: auto;

        transform: none;


        animation: none;

        background: transparent;
        box-shadow: none;
    }

    .navigation__submenu.submenu .submenu__wrapper {
        height: auto;
    }

    .submenu__list {
        width: 100%;
    }

    .submenu__list .submenu__item {
        box-shadow: none;
        background: transparent;
    }

    .submenu__list .submenu__link {
        padding: 10px;
    }

    .submenu__item:first-child .submenu__link {
        padding-top: 10px;
    }

    .submenu__arrow {
        display: none;
    }

    .submenu__block-tablet {
        display: none;
    }

    .navigation__list {
        flex-direction: column;
        width: 100%;
        background: transparent;
        margin-right: 0;
    }

    .navigation__list:last-child {
        padding-bottom: 40px;
    }

    .user__item--logout .user__link svg {
        fill:#dd0024;
    }

    .user__item .user__link:hover svg,
    .user__item .user__link:focus svg {
        fill: #255aa6;
    }

    .navigation__list:not(.navigation__list--catalog) .navigation__link:hover,
    .navigation__list:not(.navigation__list--catalog) .navigation__link:focus {
        color: #dd0024;
    }

    .navigation__list:not(.navigation__list--catalog) .navigation__link:hover::after,
    .navigation__list:not(.navigation__list--catalog) .navigation__link:focus::after,
    .navigation__list:not(.navigation__list--catalog) .navigation__link.active::after {
        display: none;
    }

    .submenu__item:hover .submenu__link,
    .submenu__item:focus .submenu__link,
    .submenu__item.active .submenu__link {
        color: #dd0024;
        background: transparent;
    }

    .header__link-for-organization:hover,
    .header__link-for-organization:focus {
        background-color: transparent;
        color: #dd0024;
    }

    /* main page */
    .main-shares__container {
        padding-top: 0;
        margin-bottom: 20px;
    }

    .slider {
        height: auto;
    }

    .slider__item {
        height: auto;
    }

    .slick-dots {
        width: auto;
        background: rgba(255,255,255, 0.2);
        padding: 0;
        padding-right: 15px;
        right: 0;
    }

    .slick-dots .pagingInfo {
        color: #343434;
    }

    .main-shares__container {
        padding: 0;
        padding-bottom: 20px;
    }

    /* карточка продукта */

    .product {
        width: 240px;
    }

    .product__image-block {
        width: 180px;
        height: 180px;
    }

    .product span.value {
        display: none;
    }

    .footer__wrapper {
        padding: 15px 0;
    }

    .footer__copyright {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .footer__block-image {
        margin-bottom: 0;
    }

    .footer__contacts .contacts {
        margin-bottom: 0;
    }

    #sender-subscribe {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .catalog__product {
        margin-bottom: 60px;
    }

    .catalog__wrapper--product-cards .catalog__product {
        margin-bottom: 100px;
    }

    .footer__title {
        width: 100%;
    }

    .socials__list {
        justify-content: center;
    }

    .link-consult-info {
        width: fit-content;
        margin: 0 auto;
    }

    .footer__buyer,
    .footer__subscription {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .popular-products__title {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .popular-products__link {
        display: none;
    }

    .product__button--cart {
        padding: 0;
    }

    .popular-products__link--mb {
        display: inline-block;
        padding: 15px 30px;
        margin-top: 15px;
        font-size: 14px;
        color: #ffffff;
        text-transform: uppercase;
        background-color: #255aa6;
    }

    .popular-products__slider .slick-prev,
    .popular-products__slider.slick-next {
        top: 50%;
    }


    .product__button--cart svg {
        margin: 0;
    }

    .product__footer {
        justify-content: space-around;
    }

    .slick-slide {
        margin-bottom: 0!important;
    }

    .application__advantage {
        padding: 0 50px;
    }

    .popular-products__slider.slick-slider {
        margin: 0;
        margin-bottom: 15px;
    }

    .row-big {
        margin: 0 -10px;
    }

    .headline__text {
        display: none;
    }
    .headline .headline__link {
        width: 100%;
    }

    .headline__block-image--width-full,
    .headline__block-image {
        width: 35%;
        min-width: 35%;
        height: 130px;
    }

    .headline__wrapper-text--width-full,
    .headline__wrapper-text {
        width: 100%;
        padding: 10px;
    }

    .headline__block-image--width-full {
        height: 130px;
    }

    .headline__title {
        margin-bottom: 0;

        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 80px; /* fallback */
        -webkit-line-clamp: 4; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .popular-products__link--mb,
    .news__link.news__link--mobile{
        margin: 0 auto;
        display: block;
        width: fit-content;
    }

    /* личный кабинет */

    .profile__info-text {
        width: 100%;
        margin-bottom: 10px;
    }

    .profile__info {
        margin-bottom: 15px;
    }

    .tabs__btn {
        padding: 9px 20px;
    }

    .tabs__btn::after {
        right: 0;
        left: 0;
    }

    .profile__tabs {
        margin-bottom: 40px;
    }

    .breadcrumb {
        margin: 15px 0;
    }

    .profile-favorites .product__button--cart {
        width: auto;
    }

    .profile-favorites .product__button--cart svg {
        margin-right: 0;
    }

    .order-detail__wrapper {
        flex-wrap: wrap;
    }

    .order-detail__table-count {
        width: 100%;
    }

    .order-detail__wrapper {
        width: 100%;
        margin-bottom: 30px;
    }

    .order-detail__wrapper .header__search-form {
        width: 100%;
    }

    .history-order__wrapper-overflow,
    .order-detail__table-wrapper {
        overflow-x: scroll;
        margin-bottom: 20px;
    }


    .order-detail__table-product {
        margin-bottom: 0;
    }

    .history-order--position-relative,
    .order-detail__table-wrapper--arrow {
        position: relative;
    }

    .history-order__arrow {
        display: flex;
        justify-content: center;
        align-items: center;

        position: absolute;
        top: 32px;
        transform: translateY(-50%);

        background-color: rgba(37,90,166,0.5);
    }

    .history-order__arrow--detail {
        background-color: rgba(233, 237, 243, 0.44)
    }

    .history-order__arrow svg {
        fill: #ffffff;
    }

    .history-order__arrow--detail svg {
        fill: #255aa6;
    }

    .history-order__arrow--left {
        display: none;
        left: 0;
        transform:translateY(-50%) rotate(180deg);
    }

    .history-order__arrow--right {
        right: 0;
    }

    .profile-new__title {
        padding-right: 10px;
        padding-left: 10px;
    }

    /* списки новости и статьи */

    .promotions-list__item {
        flex: 0 0 100%!important;
        max-width: 100%!important;
        margin-right: 0;
    }

    /* history-order-detail */

    .container--mini iframe {
        max-width: 100%;
    }

    .footer__contacts {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer__contacts .contacts {
        margin: 0 auto;
    }

    .catalog__wrapper {
        justify-content: space-around;
    }

    .promotion-detail__list-product .product {
        width: 200px;
        margin-bottom: 100px;
    }

    .promotions-product__image-block {
        width: 100%;
        max-height: 250px;
        overflow: hidden;
    }

    .promotions-detail__slider__item {
        min-height: auto;
        padding: 0 40px;
    }

    .promotion-product__text-block {
        width: 100%;
        padding: 15px;
        padding-bottom: 55px;
    }

    .promotions-product__description {
        height: auto;
        max-height: 150px;
    }

    .promotions-product__button-block {
        bottom: 15px;
        left: 40px;
        width: calc(100% - 80px);
        justify-content: space-around;
    }

    .product__button:hover {
        background-color: #ffffff;
    }

    .product__button:hover svg {
        fill: #255aa6;
    }

    .promotions-product__button-block .product__button--cart svg {
        margin-right: 10px;
    }

    .promotion-product__title {
        margin: 0;
        margin-bottom: 8px;
        font-size: 20px;
        line-height: 22px;
        font-weight: 600;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        height: 88px;
        max-height: 88px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    #ajax-wrp {
        min-width: 340px;
        max-width: 100%;
    }

    .popup {
        max-width: calc(100% - 20px);
        padding: 10px;
    }

    .popup__container {
        margin: 0 auto;
    }

    /* Каталог #N */

    .toggle-block__button {
        display: none;
    }

    .toggle-block {
        display: none;
    }

    .sort__block {
        flex-wrap: wrap;
    }

    .sort__wrapper:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .pagination__item.pagination__item--first,
    .pagination__item.pagination__item--last {
        display: none
    }

    /* карточка детальная */

    .card-product__main {
        flex-wrap: wrap;
    }
    .card-product__block-image,
    .card-product__description {
        width: 100%;
    }

    .image-slider__item {
        height: 350px;
    }
    .card-product__block-image {
        min-height: auto;
        margin-bottom: 20px;
    }
    .card-product__description {
        margin-bottom: 30px;
    }

    .tabs-block__table .table__cell:first-child {
        width: auto;
    }

    .zoomContainer {
        display: none!important;
    }
    .card-product__button-wrapper .product__button--cart  svg{
        margin-right: 5px;
    }

    .cart__search {
        width: 100%;
    }

    .cart__top-panel {
        padding: 0;
    }

    .cart__search .header__search-button {
        margin: 0;
    }

    .create-order__form-wrapper {
        min-width: auto;
        width: 100%;
    }

    .create-order__label-input,
    .create-order__block--contacts .create-order__form-wrapper {
        width: 100%;
    }

    .cart__search .header__search-input {
        width: 100%;
        max-width: none;
    }

    /* Акции детальная */

    .promotion-detail__sort-title {
        padding-left: 0;
    }

    .catalog__wrapper .table {
        min-width: 680px;

    }

    .catalog__wrapper.view-block.view-block--table {
        justify-content: flex-start;
        overflow: scroll;
        width: 100%;
        display: flex;
        margin-left: 0;
    }

    .promotion-detail__sort.sort {
        flex-wrap: wrap;
    }

    .promotion-detail__sort.sort .sort__block {
        width: calc(100% - 75px);
    }

    .promotion-detail__sort.sort .toggle-block__button ,
    .promotion-detail__sort.sort .toggle-block {
        display: block;
    }
    .promotion-detail__sort.sort .toggle-block {
        display: flex;
    }

    .submenu__button-scroll.button-scroll--bottom {
        display: none!important;
    }

    /*   Услуги детальные */

    .documentation__block {
        width: 100%!important;
    }

    .content__wrapper {
        padding: 0;
    }

    .header__search-block--catalog-table {
        display: none;
    }

    .interview__block-image {
        width: 35%;
        min-width: 35%;
        height: auto;
    }

    .interview__item {
        width: 100%;
        margin-left: auto;
    }

    .seminar__block {
        flex-wrap: wrap;
    }

    .seminar__block .seminar__info {
        margin-bottom: 20px;
    }

    .seminar__button {
        width: 45%;
    }

    .seminar__button-block {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .seminar__button:nth-child(2) {
        margin-top: 0;
    }

    .seminar__item {
        margin-left: auto;
    }

    .vacancy-list__text {
        width: 100%;
    }

    .vacancy {
        width: 100%;
    }

    .back-and-share {
        padding: 0 15px;
    }

    .search-detail .header__search-button {
        font-size: 0;
        width: 48px;
        height: 48px;
        padding: 0;
    }

    .search-detail .header__search-button svg {
        margin-right: 0;
    }


    .search-detail .header__search-input {
        width: calc(100% - 58px);
        border: 1px solid #255aa6;
        padding: 10px 15px;
        height: 48px;
    }

    .search-detail .header__search-form {
        flex-direction: row;
    }

    .comprasion__product.product {
        width: 180px;
    }

    .comparison__select {
        width: 100%;
    }

    .comparison__btn-block {
        width: 100%;
    }



}

@media all and (max-width: 575px) {
    .main-shares__container {
        padding: 0;
    }

    .popular-products__title,
    .news__title.news__title--new {
        padding: 0 15px;
    }

    .application__wrapper {
        padding: 10px;
        height: 200px;
    }

    .order-detail .back-and-share__button {
        margin-left: 8px;
    }

    .order-detail__title {
        padding-left: 8px;
    }

    .back-and-share {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .back-and-share a {
        margin-bottom: 10px;
    }

    .row {
        margin: 0;
    }

    .brand-slider .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .catalog__wrapper.catalog__wrapper--product-cards,
    .catalog__wrapper.catalog__wrapper--product-cards .row {
        justify-content: space-around;
    }


    .card-product__footer {
        margin: 0;
        margin-bottom: 30px;
    }

    .tabs__btn {
        width: 100%;
    }

    .tabs__btn::after {
        transform: scale(1);
        background-color: #c8c8c8;
    }

    .tabs__btn.active::after {
        background-color: #255aa6;
    }

    .tabs {
        border: 0;
    }

    .card-product__tabs-block.active {
        padding: 0;
        padding-top: 10px;
    }

    .fancybox-container {
        width: auto;
        height: auto;
        right: 0;
        bottom: 0;
    }



    .create-order__block {
        padding: 10px;
    }

    .view-block__wrapper#basket-item-table {
        justify-content: space-around;
    }

    .right-menu.col-lg-3 {
        padding:0;
    }
    .right-menu__list {
        left: 0;
        right: 0;
    }
    .big-mobile {
        flex-wrap: wrap;
    }

    .tabs-block__wrapper-background {
        padding: 11px;
    }

    .terms .terms__item .terms__title:before {
        top: auto;
        bottom: 7px;
    }

    .terms .terms__item .terms__title.active:before {
        top: auto;
        bottom: 3px;
    }
}

@media all and (max-width: 480px) {
    .popular-products__title,
    .news__title.news__title--new {
        font-size: 28px;
        line-height: 32px;
    }

    .registration__text {
        font-size: 24px;
        line-height: 28px;
    }

    .headline__title {
        font-size: 14px;
        line-height: 18px;
    }

    .brand-slider__list {
        margin: 0 40px;
    }

    .brand-slider__list .slick-prev {
        left: -40px;
    }

    .brand-slider__list .slick-next {
        right: -40px;
    }

    .brand-slider__item {
        margin: 0 20px;
        height: 50px;
    }

    .popular-products__link--mb,
    .news__link.news__link--mobile {
        margin-top: 0;
    }

    .profile__tabs {
        border-width: 0;
    }

    .tabs__btn {
        width: 100%;
    }

    .tabs__btn::after {
        transform: scale(1);
        background-color: #c8c8c8;
    }

    .tabs__btn.active::after {
        background-color: #255aa6;
    }

    .profile-new__sub--mb {
        flex-direction: column;
        align-items: flex-start;
    }

    .promotions-product__button-block .product__button--cart .value {
        display: none;
    }

    .promotions-product__button-block .product__button--cart svg {
        margin-right: 0;
    }

    .promotions-detail__slider-main-product .slick-arrow {
        height: 40px;
    }

    .promotions-detail__slider__item {
        padding: 0 25px;
    }

    .promotions-product__button-block .product__button--cart {
        padding: 0;
    }
    #popup-auth, #popup-registration {
        width: 100%;
    }

    #ajax-wrp {
        min-width: auto;
        max-width: 100%;
    }

    .popup {
        width: calc(100% - 30px);
    }

    .byers__info-block {
        flex-wrap: wrap;
    }

    .byers__title,
    .byers__info--item {
        margin-bottom: 8px;
    }


    .catalog-list__item {
        width: 100%;
        height: 200px;
        background-size: 100% auto;

    }


    .filter {
        width: auto;
        right: 0;
    }

    .pagination__item {
        margin: 0;
    }

    .pagination__link {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }

    .sort__title {
        font-size: 10px;
    }

    .card-product__button-wrapper .product__button--cart {
        padding-right: 20px;
        padding-left: 20px;
    }


    .popup-window.popup-window-content-white {
        max-width: 100%;
    }

    .uslugi-a.d-flex.align-items-center {
        flex-wrap: wrap;
        justify-content: center;

    }

    .img-p-left {
        padding: 0 10px;
        order: 2;
    }

    .img-p-right {
        order: 1;
    }

    ul.terms.terms-prokat .terms__item > ul {
        padding-top: 5px;
        padding-left: 5px;
    }

    ul > li {
        padding-left: 15px;
    }

    .terms ul {
        padding-left: 5px;
    }

    h2 {
        font-size: 20px;
    }

    .row.prokat--margin {
        padding: 15px;
    }

    .interview__item {
        width: 100%;
        margin-left: auto;
        flex-direction: column;
    }

    .interview__block-image {
        width: 100%;
        min-width: 35%;
        height: 250px;
        overflow: hidden;
    }

    .content__wrapper img {
        max-width: 100%;
        width: auto;
        max-height: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .interview__detail {
        flex-wrap: wrap;
    }

}

@media all and (max-width: 380px) {
    .promotions-list__item {
        height: 260px;
    }
    #ajax-wrp {
        min-width: auto;
        max-width: 300px;
    }

    .product {
        width: 220px;
    }

    .seminar__button {
        width: 100%;
        margin-bottom: 10px;
    }
}
/* End */
/* /local/templates/site/css/lib/fonts.css?15486053021943 */
/* /local/templates/site/css/lib/normalize.css?15486053026503 */
/* /local/templates/site/css/lib/slick-theme.css?15486053025935 */
/* /local/templates/site/css/lib/slick.css?15486053021945 */
/* /local/templates/site/css/lib/preloader.css?15486053025040 */
/* /local/templates/site/css/lib/bootstrap-grid.css?156882498137835 */
/* /local/templates/site/css/lib/jquery.fancybox.min.css?154860530213841 */
/* /local/templates/site/components/bitrix/menu/catalog_vertical/style.css?154860530110919 */
/* /local/templates/site/components/bitrix/sender.subscribe/subscribe/style.css?15486053014802 */
/* /local/templates/site/template_styles.css?1568824981208932 */
/* /local/templates/site/css/responsive.css?156882498150730 */