@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/RobotoThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/RobotoLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Regular'), local('Roboto-Regular'), url('../fonts/RobotoRegular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/RobotoBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*! normalize.css v6.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
 *    IE on Windows Phone and in iOS.
 */

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

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

/**
   * Add the correct display in IE 9-.
   */

article,
  aside,
  footer,
  nav,
  section {
    display: block;
  }

/**
   * 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
     ========================================================================== */

/**
   * Add the correct display in IE 9-.
   * 1. Add the correct display in IE.
   */

figcaption,
  figure,
  main { /* 1 */
    display: block;
  }

/**
   * Add the correct margin in IE 8.
   */

figure {
    margin: 1em 40px;
  }

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

hr {
    -webkit-box-sizing: content-box;
            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
     ========================================================================== */

/**
   * 1. Remove the gray background on active links in IE 10.
   * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
   */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
  }

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

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

/**
   * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
   */

b,
  strong {
    font-weight: inherit;
  }

/**
   * 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 style in Android 4.3-.
   */

dfn {
    font-style: italic;
  }

/**
   * Add the correct background and color in IE 9-.
   */

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

/**
   * 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
     ========================================================================== */

/**
   * Add the correct display in IE 9-.
   */

audio,
  video {
    display: inline-block;
  }

/**
   * Add the correct display in iOS 4-7.
   */

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

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

img {
    border-style: none;
  }

/**
   * Hide the overflow in IE.
   */

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

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

/**
   * Remove the margin in Firefox and Safari.
   */

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

/**
   * 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;
  }

/**
   * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
   *    controls in Android 4.
   * 2. Correct the inability to style clickable types in iOS and Safari.
   */

button,
  html [type="button"], /* 1 */
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button; /* 2 */
  }

/**
   * 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;
  }

/**
   * 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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }

/**
   * 1. Add the correct display in IE 9-.
   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
  }

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

textarea {
    overflow: auto;
  }

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

[type="checkbox"],
  [type="radio"] {
    -webkit-box-sizing: border-box;
            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 and cancel buttons in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-cancel-button,
  [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 IE 9-.
   * 1. Add the correct display in Edge, IE, and Firefox.
   */

details, /* 1 */
  menu {
    display: block;
  }

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

summary {
    display: list-item;
  }

/* Scripting
     ========================================================================== */

/**
   * Add the correct display in IE 9-.
   */

canvas {
    display: inline-block;
  }

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

template {
    display: none;
  }

/* Hidden
     ========================================================================== */

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

[hidden] {
    display: none;
  }

body {
    margin: 0;
  }

input {
    font-family: Roboto;
  }

.button {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    padding: 0 40px;
    height: 60px;
    // letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
}

.button._no-hover {
        cursor: default;
    }

.button_style-common {
        background: #E7E7E7;
        border: 0;
        color: #202020;
    }

.button_style-common:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #CFCFCF;
            -webkit-transform: scale(0);
                    transform: scale(0);
            content: '';
            z-index: 0;
            -webkit-transition: -webkit-transform .6s ease .15s;
            transition: -webkit-transform .6s ease .15s;
            transition: transform .6s ease .15s;
            transition: transform .6s ease .15s, -webkit-transform .6s ease .15s;
        }

.button_style-common:not(._no-hover):hover:after {
            -webkit-transform: scale(1);
                    transform: scale(1);
            opacity: 1;
        }

.button_style-accidental {
        background: #531C5D;
        border: 0;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

.button_style-accidental:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #202020;
            -webkit-transform: scale(0);
                    transform: scale(0);
            content: '';
            z-index: 0;
            -webkit-transition: -webkit-transform .6s ease .15s;
            transition: -webkit-transform .6s ease .15s;
            transition: transform .6s ease .15s;
            transition: transform .6s ease .15s, -webkit-transform .6s ease .15s;
        }

.button_style-accidental:not(._no-hover):hover:after {
            -webkit-transform: scale(1);
                    transform: scale(1);
            opacity: 1;
        }

.button_style-solid {
        background: transparent;
        border: 2px solid #202020;
        color: #202020;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

.button_style-solid:hover {
            color: #FFF;
        }

.button_style-solid:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #202020;
            -webkit-transform: scale(.5);
                    transform: scale(.5);
            content: '';
            z-index: 0;
            opacity: 0;
            -webkit-transition: opacity .3s, -webkit-transform .3s;
            transition: opacity .3s, -webkit-transform .3s;
            transition: transform .3s, opacity .3s;
            transition: transform .3s, opacity .3s, -webkit-transform .3s;
        }

.button_style-solid:not(._no-hover):hover:after {
            -webkit-transform: scale(1);
                    transform: scale(1);
            opacity: 1;
        }

.button_size-small {
        padding-left: 15px;
        padding-right: 15px;
        height: 30px;
        font-size: 12px;
    }

.button__wrapper {
        position: relative;
        z-index: 1;
    }

.checkbox {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 2px solid #202020;
}

.checkbox:after {
        position: absolute;
        top: 2px;
        left: 2px;
        -webkit-transform: scale(.5);
                transform: scale(.5);
        display: block;
        width: 7px;
        height: 7px;
        background: #531C5D;
        opacity: 0;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s;
        content: ''
    }

input:checked + .checkbox:after {
            -webkit-transform: scale(1);
                    transform: scale(1);
            opacity: 1;
        }

.radiobutton {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 2px solid #202020;
    border-radius: 50%;
}

.radiobutton:after {
        position: absolute;
        top: 2px;
        left: 2px;
        -webkit-transform: scale(.5);
                transform: scale(.5);
        display: block;
        width: 7px;
        height: 7px;
        background: #531C5D;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s;
        content: ''
    }

input:checked + .radiobutton:after {
            -webkit-transform: scale(1);
                    transform: scale(1);
            opacity: 1;
        }

.overlay-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.overlay-link:hover:after {
            -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            opacity: .85;
        }

.overlay-link:hover > .button {
            -webkit-transform: translate(-50%, -50%) scale(1);
                    transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

/*&:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scale3d(.5, .5, 1);
        display: block;
        background-color: #010103;
        opacity: 0;
        content: '';
        transition: transform .3s, opacity .3s;
    }*/

.overlay-link > .button {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) scale(.5);
                transform: translate(-50%, -50%) scale(.5);
        z-index: 1;
        opacity: 0;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s;
        cursor: pointer;
    }

body {
    font-family: 'Roboto';
    font-weight: 400;
    color: #202020;
    -webkit-font-smoothing: antialiased;
}

.wrapper {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    max-width: 1660px;
}

a {
    text-decoration: none;
    color: inherit;
}

input, button, textarea {
    outline: none;
    font-family: 'Roboto';
}

.tt-l {
    text-transform: lowercase !important;
}

.bd-0 {
    border: 0 !important;
}

.ov-v {
    overflow: visible !important;
}

.h-a {
    height: auto !important;
}

.selectize {
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 15px;
    color: #404040;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.selectize._disabled {
        color: #E7E7E7;
    }

.selectize input {
        line-height: 60px;
        text-transform: uppercase;
        border: none;
        font-weight: 700;
        width: 100%;
        height: 100%;
        font-size: 15px;
        color: #404040;
        background: transparent;
        cursor: pointer;
    }

.selectize._opened input {
            cursor: text;
        }

.selectize._selected input {
            color: #FFF;
        }

.selectize._selected._opened input {
            color: #404040;
        }

.selectize__search {
        line-height: 60px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 15px;
        background: transparent;
        border: none;
        color: #000;
    }

.selectize._selected .selectize__search {
            color: #FFF;
        }

.selectize__value {
        overflow: hidden;
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 58px 0 30px;
        width: 100%;
        height: 100%;
        line-height: 60px;
        text-transform: uppercase;
        border: 1px solid #C8C8C8;
        font-weight: 700;
        -webkit-transition: background .3s, color .3s, border .3s;
        transition: background .3s, color .3s, border .3s;
    }

.selectize:not(._disabled):not(._opened)._selected .selectize__value {
            background: #531C5D;
            border-color: #531C5D;
            color: #FFF;
        }

.selectize__placeholder {

        /*.selectize._disabled {
            color: red;
        }*/
    }

.selectize__bullet-top,
    .selectize__bullet-bottom {
        position: absolute;
        right: 13px;
        display: block;
        width: 13px;
        height: 7px;
        fill: #202020;
        -webkit-transition: fill .3s, -webkit-transform .3s ease .1s;
        transition: fill .3s, -webkit-transform .3s ease .1s;
        transition: transform .3s ease .1s, fill .3s;
        transition: transform .3s ease .1s, fill .3s, -webkit-transform .3s ease .1s;
    }

.selectize._disabled .selectize__bullet-top, .selectize._disabled .selectize__bullet-bottom {
            fill: #E7E7E7;
        }

.selectize:not(._disabled):not(._opened)._selected .selectize__bullet-top, .selectize:not(._disabled):not(._opened)._selected .selectize__bullet-bottom {
            fill: #FFF;
        }

.selectize__bullet-top {
        top: 16px;
    }

.selectize:not(._disabled):hover .selectize__bullet-top,
        .selectize:not(._disabled)._opened .selectize__bullet-top {
            -webkit-transform: translateY(-4px);
                    transform: translateY(-4px);
        }

.selectize__bullet-bottom {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
        bottom: 16px;
    }

.selectize:not(._disabled):hover .selectize__bullet-bottom,
        .selectize:not(._disabled)._opened .selectize__bullet-bottom {
            -webkit-transform: translateY(4px) rotate(-180deg);
                    transform: translateY(4px) rotate(-180deg);
        }

.selectize__dropdown {
        position: absolute;
        top: 56px;
        left: 0;
        display: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        width: 100%;
        z-index: 2;
        background: white;
        border: 1px solid #C8C8C8;
        border-top: 0;
    }

.selectize._opened > .selectize__dropdown {
            display: block;
        }

.selectize__dropdown-wrapper {

    }

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

.selectize__list__item {
            position: relative;
            display: table;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 10px 30px;
            line-height: 20px;
            width: 100%;
            height: 60px;
            font-size: 15px;
            cursor: default;
        }

.selectize__list__item:hover {
                background: #f6f6f6;
            }

.selectize__list__item:after {
                position: absolute;
                right: 30px;
                bottom: 0;
                left: 30px;
                display: block;
                height: 1px;
                background: #E7E7E7;
                content: '';
            }

.selectize__list__item > span {
                display: table-cell;
                vertical-align: middle;
                min-height: 60px;
            }

.selectize__list__item._selected {
                background: #531C5D;
                color: #FFF;
            }

.selectize__list__item._selected:after {
                    background: none;
                }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    background: #531C5D;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: #531C5D;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #FFF;
    position: relative;
}

.jspDrag
{
    position: relative;
    top: 0;
    left: 0;
    background: #531C5D;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner
{
    margin: 0 -3px 0 0;
}

.layout-header {
    position: fixed;
    z-index: 6;
    width: 100%;
    background: #FFF;
}

.layout-header._overlay {
        z-index: 20;
    }

.layout-header._float {
        border-bottom: 1px solid #C6C6C6;
    }

.layout-header__wrapper {
        position: relative;
    }

.layout-header__main {
        position: relative;
        z-index: 4;
        padding: 0 2.43vw;
        background: #FFF;
    }

.layout-header__main__wrapper {
            overflow: hidden;
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 60px;
        }

.layout-header__main__logo {
            position: relative;
            z-index: 1;
            margin: 0 auto;
            width: 135px;
            height: 29px;
        }

.layout-header__main__logo > svg {
                display: block;
                width: 135px;
                height: 29px;
            }

.layout-header__main__nav {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            text-align: center;
            font-weight: 600;
            font-size: 16px;
            -webkit-transition: opacity .3s;
            transition: opacity .3s;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            background: #FFF;
        }

.layout-header__main_search-mode .layout-header__main__nav {
                opacity: 0;
            }

.layout-header__main__nav__item {
                position: relative;
                display: block;
                margin: 20px 15px;
                padding: 5px;
                text-align: left;
                text-transform: uppercase;
                color: #202020;
                -webkit-transition: color .3s;
                transition: color .3s;
                cursor: pointer;
            }

.layout-header__main__nav__item:not([data-submenu]):hover {
                    color: #D9D9D9;
                }

body.notouch .layout-header__main__nav__item > span:hover + .layout-header__main__nav__item-bullet,
                    body.notouch .layout-header__main__nav__item._active > .layout-header__main__nav__item-bullet {
                        -webkit-transform: translateY(-50%);
                                transform: translateY(-50%);
                        opacity: 1;
                    }

.layout-header__main__nav__item.selected {
                    background: #531C5D;
                    color: #FFF;
                }

.layout-header__main__nav__item.selected:hover {
                        color: #FFF;
                    }

.layout-header__main__nav__item__submenu {
                    margin: 15px 0 0 15px;
                    padding: 0;
                    list-style: none;
                    text-transform: capitalize;
                    font-weight: 400;
                }

.layout-header__main__nav__item__submenu > li {
                        margin: 10px 0;
                    }

.layout-header__main__nav__item__submenu > li:last-child {
                            margin-bottom: 0;
                        }

.layout-header__main__nav__item-bullet {
                position: absolute;
                top: 50%;
                right: -17px;
                -webkit-transform: translateY(-100%);
                        transform: translateY(-100%);
                display: none;
                width: 12px;
                height: 7px;
                background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NyAoNDUzOTYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmFycm93IHRvcCBuYXZpZ2F0aW9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ0b3AtbmF2aWdhdGlvbi1hY3RpdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NC4wMDAwMDAsIC04LjAwMDAwMCkiIGZpbGw9IiMyMDIwMjAiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ctdG9wLW5hdmlnYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk0LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYWdlLTEiIHBvaW50cz0iMTIgMCA2IDQuMjc3Nzc3NzggMCAwIDAgMi43MjIyMjIyMiA2IDcgMTIgMi43MjIyMjIyMiI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
                opacity: 0;
                -webkit-transition: opacity .2s ease-in .15s, -webkit-transform .2s ease-in .15s;
                transition: opacity .2s ease-in .15s, -webkit-transform .2s ease-in .15s;
                transition: opacity .2s ease-in .15s, transform .2s ease-in .15s;
                transition: opacity .2s ease-in .15s, transform .2s ease-in .15s, -webkit-transform .2s ease-in .15s;
            }

body.touch .layout-header__main__nav__item-bullet {
                    opacity: 1;
                    -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                }

.layout-header__main__search {
            position: relative;
            z-index: 6;
            width: 23px;
        }

.layout-header__main__search__wrapper {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center;
                width: 500px;
                height: 60px;
                background: white;
                -webkit-transition: -webkit-transform .3s;
                transition: -webkit-transform .3s;
                transition: transform .3s;
                transition: transform .3s, -webkit-transform .3s;
            }

.layout-header__main_search-mode .layout-header__main__search__wrapper {
                    -webkit-transform: translateX(calc((100% - 23px) * -1));
                            transform: translateX(calc((100% - 23px) * -1));
                }

.layout-header__main__search__button-open {
                display: block;
                padding: 0;
                width: 23px;
                height: 22px;
                background: none;
                border: 0;
                outline: none;
                cursor: pointer;
            }

.layout-header__main_search-mode .layout-header__main__search__button-open {
                    cursor: default;
                }

.layout-header__main_search-mode .layout-header__main__search__button-open:hover > svg {
                        stroke: #202020;
                    }

.layout-header__main__search__button-open:hover > svg {
                    stroke: #531C5D;
                }

.layout-header__main__search__button-open > svg {
                    display: block;
                    width: 100%;
                    height: 100%;
                    stroke: #202020;
                    -webkit-transition: stroke .3s;
                    transition: stroke .3s;
                }

.layout-header__main__search__button-close {
                position: absolute;
                top: 50%;
                right: 0;
                -webkit-transform: translateY(-50%) rotate(-67deg);
                        transform: translateY(-50%) rotate(-67deg);
                display: block;
                padding: 0;
                width: 13px;
                height: 13px;
                background: none;
                border: 0;
                outline: none;
                opacity: 0;
                -webkit-transition: opacity .2s ease-in .3s, -webkit-transform .2s ease-in .3s;
                transition: opacity .2s ease-in .3s, -webkit-transform .2s ease-in .3s;
                transition: transform .2s ease-in .3s, opacity .2s ease-in .3s;
                transition: transform .2s ease-in .3s, opacity .2s ease-in .3s, -webkit-transform .2s ease-in .3s;
            }

.layout-header__main_search-mode .layout-header__main__search__button-close {
                    -webkit-transform: translateY(-50%) rotate(0deg);
                            transform: translateY(-50%) rotate(0deg);
                    opacity: 1;
                    cursor: pointer;
                }

.layout-header__main__search__button-close > svg {
                    display: block;
                    width: 100%;
                    height: 100%;
                    fill: #202020;
                }

.layout-header__main__search__form {
                position: relative;
                display: block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding: 0 0 0 11px;
                width: 100%;
                height: 22px;
            }

.layout-header__main__search__form > input {
                    display: block;
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    width: 100%;
                    height: 100%;
                    border: 0;
                    -webkit-box-shadow: inset 0 -1px #C8C8C8;
                            box-shadow: inset 0 -1px #C8C8C8;
                    outline: none;
                    font-size: 15px;
                }

.layout-header__main__search__form > input::-webkit-input-placeholder {
                        color: #202020;
                    }

.layout-header__main__search__form > input:-ms-input-placeholder {
                        color: #202020;
                    }

.layout-header__main__search__form > input::-ms-input-placeholder {
                        color: #202020;
                    }

.layout-header__main__search__form > input::placeholder {
                        color: #202020;
                    }

.layout-header__submenu-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 3;
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
        background: #FFF;
        border: 2px solid #EEE;
        border-width: 0 2px 0 2px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
        transition: opacity .3s ease, -webkit-transform .3s ease;
        transition: opacity .3s ease, transform .3s ease;
        transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    }

.layout-header__submenu-wrapper._open {
            -webkit-transform: translateY(0);
                    transform: translateY(0);
        }

.layout-header__submenu {
        display: none;
        width: 100%;
        -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
        transition: opacity .3s ease, -webkit-transform .3s ease;
        transition: opacity .3s ease, transform .3s ease;
        transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
    }

/* мен второго уровня у нас всегда в абсолютном слое */

.layout-header__submenu[data-level="2"] {
            position: absolute;
            top: 100%;
            -webkit-transform: translateY(-100%);
                    transform: translateY(-100%);
        }

/*
            этот модификатор используется когда уже открытого меню
            того же уровня что нам нужно открыть
        */

/*
                добавляем к меню первого уровня которое сейчас нужно открыть
            */

.layout-header__submenu._flow[data-level="1"] {
                position: absolute;
                top: 0;
                left: 0;
            }

/*
                для меню второго уровня нужно что бы не было анимации выехжания
                ведь уже какое то меню этого же уровня открыто и нам нужно заменить
                через простой фэйд эффект
            */

.layout-header__submenu._flow[data-level="2"] {
                -webkit-transform: translateY(0) !important;
                        transform: translateY(0) !important;
            }

.layout-header__submenu._preopen {
            display: block;
            opacity: 0;
        }

.layout-header__submenu._open {
            display: block;
            opacity: 1;
        }

/*
                второй уровень открывается выезжанием вниз с -100% до 0
            */

.layout-header__submenu._open[data-level="2"] {
                -webkit-transform: translateY(0);
                        transform: translateY(0);
            }

.layout-header__submenu._closing {
            display: block;
            opacity: 0;
        }

/*
                второй уровень закрывается уезжанием вверх с 0 до -100
            */

.layout-header__submenu._closing[data-level="2"]:not(._flow) {
                -webkit-transform: translateY(-100%);
                        transform: translateY(-100%);
            }

.layout-header__submenu__wrapper {
            display: table;
            table-layout: fixed;
            width: 100%;
        }

.layout-header__submenu__item {
            position: relative;
            z-index: 4;
            display: table-cell;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 10px 1%;
            height: 60px;
            vertical-align: middle;
            line-height: 1.3;
            text-align: center;
            text-transform: uppercase;
            background-color: #FFF;
            border: 2px solid #EEE;
            border-width: 4px 2px 4px 2px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
        }

.layout-header__submenu__item._active {
                cursor: default;
            }

.layout-header__submenu__label {
            position: relative;
        }

.layout-header__submenu__label._bullet:after {
                    position: absolute;
                    top: 50%;
                    right: -22px;
                    -webkit-transform: translateY(-100%);
                            transform: translateY(-100%);
                    display: block;
                    width: 12px;
                    height: 7px;
                    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NyAoNDUzOTYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmFycm93IHRvcCBuYXZpZ2F0aW9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ0b3AtbmF2aWdhdGlvbi1hY3RpdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NC4wMDAwMDAsIC04LjAwMDAwMCkiIGZpbGw9IiMyMDIwMjAiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ctdG9wLW5hdmlnYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk0LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYWdlLTEiIHBvaW50cz0iMTIgMCA2IDQuMjc3Nzc3NzggMCAwIDAgMi43MjIyMjIyMiA2IDcgMTIgMi43MjIyMjIyMiI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
                    opacity: 0;
                    content: '';
                    -webkit-transition: opacity .2s ease-in .15s, -webkit-transform .2s ease-in .15s;
                    transition: opacity .2s ease-in .15s, -webkit-transform .2s ease-in .15s;
                    transition: opacity .2s ease-in .15s, transform .2s ease-in .15s;
                    transition: opacity .2s ease-in .15s, transform .2s ease-in .15s, -webkit-transform .2s ease-in .15s;
                }

.layout-header__submenu__item:hover .layout-header__submenu__label._bullet:after,
                    .layout-header__submenu__item._active .layout-header__submenu__label._bullet:after {
                        -webkit-transform: translateY(-50%);
                                transform: translateY(-50%);
                        opacity: 1;
                    }

.layout-header__product-menu {
        background: #FFF;
        border: 4px solid #EEE;
        border-top-width: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

.layout-header__product-menu[data-level="1"] {
            border-width: 4px 2px !important;
        }

.layout-header__product-menu__item {
            display: table-cell;
            // display: flex;
            // flex-direction: column;
            // align-items: center;
            // justify-content: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 1%;
            width: 100%;
            text-align: center;
            text-transform: uppercase;
            border: 0;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            -webkit-transition: color .3s;
            transition: color .3s;
        }

.layout-header__product-menu__item:hover {
                color: #531C5D;
            }

.layout-header__product-menu__item__preview {
                display: block;
                margin: 26px auto 0;
                height: 100px;
                -webkit-transition: -webkit-transform .6s ease .2s;
                transition: -webkit-transform .6s ease .2s;
                transition: transform .6s ease .2s;
                transition: transform .6s ease .2s, -webkit-transform .6s ease .2s;
            }

:hover > .layout-header__product-menu__item__preview {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
                }

.layout-header__product-menu__item__label {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                margin: 5px 0 12px;
                width: 100%;
                min-height: 60px;
            }

.layout-header__burger {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 4;
        display: block;
        width: 22px;
        height: 14px;
        background: transparent;
        border: 0;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

.layout-header__burger:before,
        .layout-header__burger:after,
        .layout-header__burger > span {
            position: absolute;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #000;
            -webkit-transition: top .3s ease, bottom .3s ease, opacity .3s ease, -webkit-transform .3s ease;
            transition: top .3s ease, bottom .3s ease, opacity .3s ease, -webkit-transform .3s ease;
            transition: transform .3s ease, top .3s ease, bottom .3s ease, opacity .3s ease;
            transition: transform .3s ease, top .3s ease, bottom .3s ease, opacity .3s ease, -webkit-transform .3s ease;
        }

.layout-header__burger:before {
            top: 0;
            content: '';
        }

.layout-header__burger:after {
            bottom: 0;
            content: '';
        }

.layout-header__burger._active:before {
                top: 6px;
                -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
            }

.layout-header__burger._active:after {
                bottom: 6px;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
            }

.layout-header__burger._active > span {
                opacity: 0;
            }

.layout-header__burger > span {
            top: 6px;
        }

.layout-header__pusher {
        height: 60px;
    }

.layout-footer {
    position: relative;
    background: #FFF;
}

/*
    &._overlay {
        z-index: 20;
    }
    */

.layout-footer__wrapper {
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        /*padding: 55px 30px;*/
        padding: 55px 4.6% 0;
    }

.layout-footer._with-line .layout-footer__wrapper:after {
                position: absolute;
                top: 0;
                left: 30px;
                right: 30px;
                height: 4px;
                display: block;
                background: #E7E7E7;
                content: '';
            }

.layout-footer__navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

.layout-footer__navigation__item {
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding-right: 30px;
            width: 100%;
        }

.layout-footer__navigation__item__title {
                display: block;
                margin: 0 0 16px;
                // min-height: 50px;
                line-height: 1.25;
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 700;
            }

.layout-footer__navigation__item__list {
                display: block;
                margin: 0 0 50px;
                padding: 0;
                list-style: none;
            }

.layout-footer__navigation__item__list > li {
                    display: block;
                    margin-top: 8px;
                    line-height: 1.2;
                }

.layout-footer__navigation__item__list a:hover {
                    color: #531C5D;
                }

.layout-footer__info {
        width: 100%;
        border-top: 1px solid #202020;
    }

.layout-footer__info__main {
            display: block;
            padding: 7% 0;
            width: 100%;
        }

.layout-footer__info__main > p {
                margin: 0;
                padding: 0 30px 0 0;
                max-width: 570px;
                line-height: 1.6;
                font-size: 12px;
            }

.layout-footer__info__side {
            display: block;
            padding: 7% 0;
            width: 100%;
        }

.layout-footer__info__social-list {
            display: block;
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 0;
        }

.layout-footer__info__social-list > li {
                display: inline-block;
                margin-right: 15px;
            }

.layout-footer__info__social-list > li:last-child {
                    margin-right: 0;
                }

.layout-footer__info__copyright {
            display: block;
            // margin-top: 40px;
            line-height: 1.25;
            text-align: center;
            font-size: 12px;
        }

.layout-content {
    position: relative;
}

.layout-content__overlay {
        position: absolute;
        top: 0;
        right: 0;bottom: 0;
        left: 0;
        display: none;
        background: #202020;
        opacity: 0;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
    }

.layout-content__overlay._visible {
            display: block;
        }

.layout-content__overlay._opened {
            opacity: .8;
        }

.paginator {
    font-size: 0;
}

.paginator__item {
        display: inline-block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 7px;
        width: 30px;
        height: 30px;
        line-height: 26px;
        text-align: center;
        border: 2px solid transparent;
        font-size: 15px;
        font-weight: 700;
        -webkit-transition: color .3s, border .3s;
        transition: color .3s, border .3s;
    }

.paginator__item:not(._active):hover {
            color: #531C5D;
        }

.paginator__item:first-child {
            margin-left: 0;
        }

.paginator__item:last-child {
            margin-right: 0;
        }

.paginator__item._active,
        span.paginator__item {
            border-color: #531C5D;
            cursor: default;
        }

.main-slider {
    overflow: hidden;
}

.main-slider > .wrapper {
        position: relative;
    }

.main-slider__items-wrapper {
        position: relative;
        margin: 0;
        padding: 0;
    }

.main-slider__item {
        position: relative;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0;
        padding: 46px 58px;
        height: 485px;
        list-style: none;
    }

.main-slider--unload .main-slider__item:nth-child(n+2) {
                display: none;
            }

.main-slider__item__text {
            display: block;
            max-width: 413px;
        }

.main-slider__item__title {
            margin: 0;
            line-height: 1.3;
            font-size: 35px;
            font-weight: 300;
        }

.main-slider__item__title > strong {
                font-weight: 700;
            }

.main-slider__item__descr {
            margin-top: 14px;
            line-height: 1.3;
            font-size: 15px;
        }

.main-slider__item__button {
        }

.main-slider__item__bg {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            z-index: -1;
            background-repeat: no-repeat;
            background-position: right center;
            background-size: cover;
            -webkit-transition: opacity 2s ease;
            transition: opacity 2s ease;
        }

.main-slider__item__bg--animated {
                opacity: 0;
            }

.main-slider__paginator {
        position: absolute;
        left: 58px;
        bottom: 30px;
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;

    }

.main-slider__paginator > li {
            display: inline-block;
            margin: 0 6px;
            padding: 0;
            width: 15px;
            height: 15px;
            background: transparent;
            border: 2px solid #202020;
            border-radius: 50%;
            cursor: pointer;
            outline: none;
            -webkit-transition: border .3s, -webkit-transform .5s;
            transition: border .3s, -webkit-transform .5s;
            transition: border .3s, transform .5s;
            transition: border .3s, transform .5s, -webkit-transform .5s;
        }

.main-slider__paginator > li:first-child {
                margin-left: 0;;
            }

.main-slider__paginator > li:last-child {
                margin-right: 0;
            }

.main-slider__paginator > li:hover:not(.slick-active) {
                -webkit-transform: scale(1.1);
                        transform: scale(1.1);
                border-color: #531C5D;
                cursor: pointer;
            }

.main-slider__paginator > li:hover:not(.slick-active) > button {
                    cursor: pointer;
                }

.main-slider__paginator > li.slick-active {
                background: #202020;
                cursor: default;
            }

.main-slider__paginator > li.slick-active > button {
                    cursor: default;
                }

.main-slider__paginator > li > button {
                display: block;
                margin: 0;
                padding: 0;
                opacity: 0;
            }

.article {
    margin: * auto;
    line-height: 1.3;
    font-size: 20px;
    font-weight: 300;
    color: #000;

}

.article a:not([class]) {
        text-decoration: none;
        color: #1031E6;
        -webkit-box-shadow: inset 0 -1px currentColor;
                box-shadow: inset 0 -1px currentColor;
        -webkit-transition: -webkit-box-shadow .3s ease;
        transition: -webkit-box-shadow .3s ease;
        transition: box-shadow .3s ease;
        transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
    }

.article > p {
        display: block;
        width: 100%;
        margin: 40px auto;
    }

.article > p:first-child {
            margin-top: 0;
        }

.article > *:last-child {
        margin-bottom: 0;
    }

.article > h2, .article > h3, .article > h4, .article > h5, .article > h6, .article > span, .article > div, .article > ul, .article > ol {
        width: 100%;
        margin: 40px *;
    }

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
        margin: 40px *;
        font-weight: 700;

        /*+ p,
        + ul, > ol
        + figure,
        + blockquote {
            margin: 40px * *;
        }*/
    }

.article h1:first-child, .article h2:first-child, .article h3:first-child, .article h4:first-child, .article h5:first-child, .article h6:first-child {
            margin-top: 0;
        }

.article h1 {
        line-height: 1;
        font-size: 28px;
        font-weight: 700;
    }

.article h2 {
        line-height: 1;
        font-size: 26px;
        font-weight: 700;
    }

.article h3 {
        line-height: 1;
        font-size: 24px;
        font-weight: 700;
    }

.article h4 {
        line-height: 1;
        font-size: 22px;
        font-weight: 500;
    }

.article h5 {
        line-height: 1.3;
        font-size: 20px;
        font-weight: 700;
    }

.article h6 {
        line-height: 1.3;
        letter-spacing: 1px;
        font-size: 18px;
        font-weight: 500;
    }

.article table {
        margin: 40px 0;
        width: 100%;
        border: none !important;
        border-color: #FFF !important;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 18px;
    }

.article table td, .article table th {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 23px 20px 23px 0;
            vertical-align: top;
            text-align: left;
            border-top: 1px solid #D7D8D8;
            word-break: keep-all;
        }

.article table th {
            font-weight: 400;
        }

.article table tbody > tr:first-child > th,
            .article table tbody > tr:first-child > td {
                border-top: 0;
            }

.article table[border="0"] td {
                border: 0;
            }

.article h4, .article h5, .article h6 {
        font-weight: 600;
    }

.article blockquote {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        margin: 55px auto;
        padding: 42px 0 34px;
        line-height: 1.3;
        text-align: center;
        border-top: 3px solid #2E2F2F;
        border-bottom: 3px solid #2E2F2F;
        font-size: 24px;
        font-weight: 700;
    }

.article .iframe-wrapper {
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
    }

.article .iframe-wrapper__push {
            display: block;
        }

.article .iframe-wrapper > iframe {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
        }

.article .chart {
        position: relative;
        -webkit-transform: translateX(25%);
                transform: translateX(25%);
        left: -100%;
        width: 200%;
        background: #FFF;

    }

.article .chart__wrapper {
            margin: 0 auto;
            padding: 0;
            width: 100%;
            max-width: 770px;
        }

.article .chart__wrapper__inner {
                padding: 9% 0;
            }

.article .chart h1, .article .chart h2, .article .chart h3, .article .chart h4, .article .chart h5, .article .chart h6 {
            margin-top: 0;
        }

.article figure {
        position: relative;
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        margin: 40px auto;
    }

.article figure:first-child {
            margin-top: 0;
        }

.article figure img {
            display: block;
            max-width: 100%;
            margin: 0;
        }

.article--material .article figure img {
                margin: * 0;
            }

.article figure iframe {
            display: block;
        }

.article video {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

.article ul, .article ol {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        list-style: none;
    }

.article ul > li, .article ol > li {
            position: relative;
            margin-top: 10px;
            padding-left: 40px;
        }

.article ul > li:first-child, .article ol > li:first-child {
                margin-top: 0;
            }

.article ul li {
            position: relative;
        }

.article ul li::before {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                content: '—';
            }

.article ol {
        counter-reset: orderedlist;
    }

.article ol > li::before {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          width: 24px;
          height: 24px;
          text-align: center;
          line-height: 25px;
          background: #000;
          border-radius: 50%;
          font-size: 14px;
          font-weight: 700;
          color: #FFF;
          counter-increment: orderedlist;
          content: counter(orderedlist);
        }

.promo-grid__wrapper {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 2px;
    }

.promo-grid__item {
        overflow: hidden;
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 4px 2px;
        position: relative;
        width: 100%;
        min-height: 272px;
        border-color: #FFF;
        border-style: solid;
        border-width: 4px 2px 4px 2px;
    }

/* &:before {
            margin-top: 91.3%;
            display: block;
            content: '';
        } */

.promo-grid__item__title {
            position: absolute;
            top: 6px;
            left: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 9.2%;
            width: 100%;
            height: 60px;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 700;
            color: #FFF;
            z-index: 1;
        }

.promo-grid__item__bg {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-transform: scale(1);
                    transform: scale(1);
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transition: -webkit-transform 1s ease .2s;
            transition: -webkit-transform 1s ease .2s;
            transition: transform 1s ease .2s;
            transition: transform 1s ease .2s, -webkit-transform 1s ease .2s;
        }

.notouch .promo-grid__item:hover .promo-grid__item__bg {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
                }

.article-preview {
    display: block;
    list-style: none;
    background-color: #FFF;
}

.article-preview__image-wrapper {
        overflow: hidden;
        position: relative;
        display: block;
    }

.article-preview__image {
        display: block;
        max-width: 100%;
        -webkit-transition: -webkit-transform .6s ease .2s;
        transition: -webkit-transform .6s ease .2s;
        transition: transform .6s ease .2s;
        transition: transform .6s ease .2s, -webkit-transform .6s ease .2s;
    }

a:hover > .article-preview__image {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1)
        }

.article-preview__wrapper {
        padding: 26px 30px 30px;
    }

.article-preview__title {
        display: block;
        margin-bottom: 18px;
        line-height: 1.25;
        font-size: 20px;
        font-weight: 700;
    }

.article-preview__title > a {
            color: inherit;
            -webkit-transition: color .3s;
            transition: color .3s;
        }

.article-preview__title > a:hover {
                color: #531C5D;
            }

.article-preview__text {
        line-height: 1.3;
        font-size: 15px;
    }

.article-preview__footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
    }

.article-preview__footer__left {
            width: 50%;
        }

.article-preview__footer__right {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 50%;
            font-size: 15px;
            color: #909090;
        }

.icon-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 36px;
    height: 60px;
    text-transform: uppercase;
    background: none;
    border: 0;
    font-size: 15px;
    font-weight: 700;
    color: inherit;
}

.icon-button._load {
        cursor: pointer;
        -webkit-transition: fill .6s ease;
        transition: fill .6s ease;
    }

.icon-button._load:hover {
            fill: #531C5D;
        }

.icon-button._load:hover > svg {
                -webkit-transform: translate(0, -50%) rotate(340deg);
                        transform: translate(0, -50%) rotate(340deg);
            }

.icon-button._load > svg {
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0, -50%) rotate(0deg);
                    transform: translate(0, -50%) rotate(0deg);
            display: block;
            width: 27px;
            height: 30px;
            fill: inherit;
            -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition: transform .6s ease;
            transition: transform .6s ease, -webkit-transform .6s ease;
        }

.icon-button._catalogue:hover > svg {
            -webkit-transform: translateY(-50%) scale(1.27);
                    transform: translateY(-50%) scale(1.27);
        }

.icon-button._catalogue > svg {
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            display: block;
            width: 22px;
            height: 22px;
            -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition: transform .6s ease;
            transition: transform .6s ease, -webkit-transform .6s ease;
            stroke: currentColor;
        }

.icon-button._file > svg {
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            display: block;
            width: 22px;
            height: 30px;
        }

.icon-button._back:hover > svg {
            -webkit-transform: translate(-20%, -50%);
                    transform: translate(-20%, -50%);
        }

.icon-button._back > svg {
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            display: block;
            width: 25px;
            height: 27px;
            -webkit-transition: -webkit-transform .6s ease;
            transition: -webkit-transform .6s ease;
            transition: transform .6s ease;
            transition: transform .6s ease, -webkit-transform .6s ease;
        }

.social-icon {
    position: relative;
    overflow: hidden;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #202020;
}

.social-icon:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: scale(0);
                transform: scale(0);
        display: block;
        background: #531C5D;
        border-radius: 50%;
        content: '';
        -webkit-transition: -webkit-transform .6s ease .1s;
        transition: -webkit-transform .6s ease .1s;
        transition: transform .6s ease .1s;
        transition: transform .6s ease .1s, -webkit-transform .6s ease .1s;
    }

.social-icon:hover:after {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

.social-icon > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 1;
        display: block;
        fill: #FFF;
    }

.page-header {
    background: #E0E0E0;
}

.page-header._cover {
        background: transparent;
    }

.page-header._autoscale {
        min-height: 290px;
    }

.page-header__outer-wrapper {
        position: relative;
        display: block;
        background-image: -webkit-radial-gradient(25% 178%, #FFFFFF 25%, #E0E0E0 100%);
        background-image: radial-gradient(25% 178%, #FFFFFF 25%, #E0E0E0 100%);
    }

.page-header._cover .page-header__outer-wrapper {
            background-position: center;
            background-size: cover;
        }

.page-header__inner-wrapper {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 100%;
        padding: 4.6%;
    }

.page-header__wrapper {
        position: relative;
        height: 100%;
    }

.page-header__breadcrumbs {
        margin-top: 0;
    }

.page-header__breadcrumbs-multi {
        margin-top: 0;
    }

.page-header__title {
        display: block;
        margin: 15px 0 0;
        line-height: 1.5;
        text-transform: uppercase;
        font-size: 30px;
    }

.page-header._autoscale .page-header__title {
            max-width: 540px;
        }

.page-header__description {
        display: block;
        margin: 12px 0 0;
        width: 100%;
        max-width: 410px;
        line-height: 1.3;
        font-size: 15px;
        opacity: .5;
    }

.page-header__button {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 30px;
    }

.page-header__overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-image: -webkit-gradient(linear, left top, right top, from(#000000), to(rgba(32,32,32,0.00)));
        background-image: -webkit-linear-gradient(left, #000000 0%, rgba(32,32,32,0.00) 100%);
        background-image: linear-gradient(90deg, #000000 0%, rgba(32,32,32,0.00) 100%);
    }

.breadcrumbs {
    line-height: 1.2;
    font-size: 0;
    color: #BFBFBF;
}

.breadcrumbs__item {
        position: relative;
        margin-right: 20px;
        font-size: 12px;
        font-weight: 700;
    }

a.breadcrumbs__item {
            -webkit-box-shadow: inset 0 -1px transparent;
                    box-shadow: inset 0 -1px transparent;
            -webkit-transition: -webkit-box-shadow .3s;
            transition: -webkit-box-shadow .3s;
            transition: box-shadow .3s;
            transition: box-shadow .3s, -webkit-box-shadow .3s;
        }

a.breadcrumbs__item:hover {
                -webkit-box-shadow: inset 0 -1px #C8C8C8;
                        box-shadow: inset 0 -1px #C8C8C8;
            }

.breadcrumbs__item:not(:last-child):after {
            position: absolute;
            top: 50%;
            right: -15px;
            -webkit-transform: translateY(-1px);
                    transform: translateY(-1px);
            display: block;
            width: 10px;
            height: 1px;
            background: #B9B9B9;
            content: '';
        }

.product-preview {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 30px 24px;
    border: 1px solid #E7E7E7;
}

.product-preview__image {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

.product-preview__title {
        margin: 5px 0 15px;
        line-height: 1.3;
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
    }

.product-preview__characteristics {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        line-height: 1.6;
        list-style: none;
        font-size: 15px;
    }

.product-preview__characteristics__item {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: 100%;
        }

.product-preview__characteristics__item::after {
                position: absolute;
                top: 50%;
                right: 0;
                left: 0;
                z-index: -1;
                width: 100%;
                height: 1px;
                background: #E7E7E7;
                content: '';
            }

.product-preview__characteristics__label {
            padding-right: 10px;
            color: #C8C8C8;
            background: #FFF;
        }

.product-preview__characteristics__value {
            padding-left: 10px;
            color: #202020;
            font-weight: 700;
            background: #FFF;
        }

.product-slider__image-wrapper {

    }

.product-slider__image {
        display: block;
        max-width: 100%;
    }

.product-slider__preview__navigation {
            display: block;
            margin-top: 2.43vw;
            font-size: 0;
        }

.product-slider__preview__item {
            position: relative;
            display: inline-block;
            margin-right: 4.4%;
            margin-bottom: 20px;
            width: 10.4%;
        }

.product-slider__preview__item:hover:before, .product-slider__preview__item._active:before {
                    opacity: 1;
                }

.product-slider__preview__item:hover:after, .product-slider__preview__item._active:after {
                    opacity: 1;
                }

.product-slider__preview__item._active:after {
                border-color: #531C5D;
            }

.product-slider__preview__item:first-child {
                margin-left: 0;
            }

.product-slider__preview__item:before {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                display: block;
                border: 1px solid #E7E7E7;
                opacity: 0;
                content: '';
                -webkit-transition: opacity .3s;
                transition: opacity .3s;
            }

.product-slider__preview__item:after {
                position: absolute;
                top: -4px;
                left: -4px;
                z-index: 2;
                display: block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                width: calc(100% + 8px);
                height: calc(100% + 8px);
                border: 2px solid #E7E7E7;
                opacity: 0;
                content: '';
                -webkit-transition: opacity .3s, border .3s;
                transition: opacity .3s, border .3s;
            }

.product-slider__preview__image {
            display: block;
            max-width: 100%;
        }

.product {
    padding: 0 0 60px;
}

.product__main {
        padding: 2.43vw 2.43vw 0;
    }

.product__detail {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        max-width: 600px;
    }

.product__detail__text {
            line-height: 1.5;
            font-size: 20px;
            font-weight: 300;
        }

.product__detail__navigation {
            width: 100%;
        }

.product__detail__navigation__button {
                margin-top: 2.43vw;
                width: 100%;
            }

.product__properties {
        max-width: 600px;
    }

.product__properties__title {
            margin: 0 0 15px;
            line-height: 1.3;
            text-transform: uppercase;
            font-size: 20px;
        }

.product__properties__icon-grid {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            margin: 0 0 50px;
            padding: 0;
            width: 100%;
            list-style: none;
        }

.product__properties__icon-grid__item {
                display: block;
                margin-top: 15px;
                width: 50%;
                font-size: 0;
            }

.product__properties__icon-grid__icon {
                position: relative;
                display: inline-block;
                width: 50px;
                height: 50px;
                vertical-align: middle;
                background: #D4C6D6;
            }

.product__properties__icon-grid__icon > img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                            transform: translate(-50%, -50%);
                    display: block;
                }

.product__properties__icon-grid__label {
                display: inline-block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding: 0 2.43vw 0 15px;
                width: calc(100% - 50px);
                vertical-align: middle;
                line-height: 1.3;
                font-size: 15px;
                font-weight: 700;
            }

.product__properties__list-title {
            margin: 0 0 10px;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 700;
        }

.product__properties__list {
            display: block;
            margin: 0 0 26px;
            padding: 0 0 20px;
            list-style: none;
            border-bottom: 1px solid #202020;
        }

.product__properties__list:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border: 0;
            }

.product__properties__item {
            display: block;
            margin-top: 10px;
            width: 100%;
            font-size: 0;
        }

.product__properties__item:first-child {
                margin-top: 0;
            }

.product__properties__item._color {
                margin: 0 0 40px;
            }

.product__properties__label {
            display: inline-block;
            width: 50%;
            font-size: 15px;
        }

.product__properties__item._color .product__properties__label {
                vertical-align: middle;
                text-transform: uppercase;
                font-weight: 700;
            }

.product__properties__value {
            display: inline-block;
            width: 50%;
            font-size: 15px;
        }

.product__properties__item._color .product__properties__value {
                font-size: 0;
                vertical-align: middle;
            }

.product__properties__color {
            display: inline-block;
            margin: 0 5px;
            width: 30px;
            height: 30px;
            vertical-align: middle;
            border-radius: 50%;
        }

.product__properties__color:first-child {
                margin-left: 0;
            }

.product__properties__color:last-child {
                margin-right: 0;
            }

.product__slider {
        margin-bottom: 40px;
    }

.product__relative-selection {
        padding: 0 2.43vw;
        margin-top: 45px;
    }

.product__faq {
        margin: 40px 0;
        line-height: 1.5;
        font-size: 18px;
        font-weight: 300;
    }

.product__faq__item {
            margin: 20px 0 0;
            padding: 2.43vw;
            border: 1px solid #E7E7E7;
        }

.product__faq__item:first-child {
                margin-top: 0;
            }

.product__faq__item__title {
                position: relative;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding-right: 20px;
                cursor: pointer;
                font-weight: 500;
                -webkit-user-select: none;
                   -moz-user-select: none;
                    -ms-user-select: none;
                        user-select: none;
                -webkit-transition: opacity .3s ease;
                transition: opacity .3s ease;
            }

.product__faq__item__title::after {
                    position: absolute;
                    top: 50%;
                    right: 0;
                    -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);
                    display: block;
                    width: 12px;
                    height: 7px;
                    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NyAoNDUzOTYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmFycm93IHRvcCBuYXZpZ2F0aW9uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJ0b3AtbmF2aWdhdGlvbi1hY3RpdmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NC4wMDAwMDAsIC04LjAwMDAwMCkiIGZpbGw9IiMyMDIwMjAiPgogICAgICAgICAgICA8ZyBpZD0iYXJyb3ctdG9wLW5hdmlnYXRpb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk0LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYWdlLTEiIHBvaW50cz0iMTIgMCA2IDQuMjc3Nzc3NzggMCAwIDAgMi43MjIyMjIyMiA2IDcgMTIgMi43MjIyMjIyMiI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
                    content: '';
                    -webkit-transition: -webkit-transform .3s ease;
                    transition: -webkit-transform .3s ease;
                    transition: transform .3s ease;
                    transition: transform .3s ease, -webkit-transform .3s ease;
                }

.product__faq__item._opened .product__faq__item__title::after {
                        -webkit-transform: translateY(-50%) rotate(-180deg);
                                transform: translateY(-50%) rotate(-180deg);
                    }

body.notouch .product__faq__item__title:hover {
                        opacity: 0.6;
                    }

.product__faq__item__text {
                display: none;
                margin-top: 20px;
                padding-top: 10px;
                border-top: 1px solid #E7E7E7;
            }

.product__faq__item._opened .product__faq__item__text {
                    display: block;
                }

.product__faq__item__text table {
                    table-layout: fixed;
                }

.product__faq__item__text table td:first-child {
                        padding-left: 0;
                    }

.product__faq__item__text table td {
                        padding: 10px;
                        vertical-align: top;
                    }

.product__faq__item__text li {
                    margin-top: 16px;
                }

.product__faq__item__text li:first-child {
                        margin-top: 0;
                    }

.product__faq__item__text a {
                    color: #531C5D;
                    -webkit-box-shadow: inset 0 -1px currentColor;
                            box-shadow: inset 0 -1px currentColor;
                    -webkit-transition: opacity .3s ease;
                    transition: opacity .3s ease;
                }

.product__faq__item__text a:hover {
                        opacity: 0.6;
                    }

.product-grid__title {
        display: block;
        margin: 0 0 24px;
        line-height: 1.3;
        text-transform: uppercase;
        font-size: 20px;
    }

.product-grid__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.product-grid__item {
        margin: 30px 0 0;
        width: 100%;
    }

.product-grid__item:first-child {
            margin-top: 0;
        }

.search-form {
    position: relative;
    display: block;
}

.search-form__input {
        display: block;
        padding: 0;
        width: 100%;
        background: none;
        border: 0;
        -webkit-box-shadow: inset 0 -1px #C8C8C8;
                box-shadow: inset 0 -1px #C8C8C8;
        font-size: 15px;
        color: #202020;
    }

.search-form__input::-webkit-input-placeholder {
            color: #202020;
        }

.search-form__input:-ms-input-placeholder {
            color: #202020;
        }

.search-form__input::-ms-input-placeholder {
            color: #202020;
        }

.search-form__input::placeholder {
            color: #202020;
        }

.search-form__button {
        position: absolute;
        right: 100%;
        bottom: 0;
        -webkit-transform: translateX(-13px);
                transform: translateX(-13px);
        display: block;
        margin: 0;
        padding: 0;
        width: 23px;
        height: 22px;
        background: none;
        border: 0;
        cursor: pointer;
    }

.search-form__button:hover > svg {
            stroke: #202020;
        }

.search-form__button > svg {
            display: block;
            width: 100%;
            height: 100%;
            stroke: #C8C8C8;
            -webkit-transition: stroke .3s;
            transition: stroke .3s;
        }

.service-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.service-list__item {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 22px 30px;
        line-height: 1.3;
        border: 1px solid #E7E7E7;
        font-size: 15px;
        -webkit-transition: border .3s;
        transition: border .3s;
        cursor: pointer;
    }

.service-list__item._active {
            border-color: #531C5D;
            cursor: default;
        }

.service-list__title {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
    }

.service-list__address {
        display: block;
        margin-top: 3px;
        font-size: 15px;
        font-style: normal;
    }

.service-list__phone {
        display: block;
        margin-top: 3px;
    }

.small-news-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.small-news-list__item {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 24px 30px 30px;
        border: 1px solid #E7E7E7;
    }

.small-news-list__date {
        display: block;
        margin-bottom: 16px;
        line-height: 1.3;
        font-size: 15px;
        color: #909090;
    }

.small-news-list__title {
        display: block;
        line-height: 1.25;
        font-size: 20px;
        font-weight: 700;
        -webkit-transition: color .3s;
        transition: color .3s;
    }

.small-news-list__title:hover {
            color: #531C5D;
        }

.small-news-list__tag {
        margin-top: 24px;
    }

.feedback-form__row {
        overflow: hidden;
        position: relative;
        display: block;
        margin: 30px 0 0;
        height: 60px;
        border: 1px solid #C8C8C8;
    }

.feedback-form__row:first-child {
            margin-top: 0;
        }

.feedback-form__label {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        height: 60px;
        padding: 0 30px;
        line-height: 60px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700;
        -webkit-transition: font-size .1s ease, color .1s ease, text-transform .1s ease, -webkit-transform .1s ease;
        transition: font-size .1s ease, color .1s ease, text-transform .1s ease, -webkit-transform .1s ease;
        transition: transform .1s ease, font-size .1s ease, color .1s ease, text-transform .1s ease;
        transition: transform .1s ease, font-size .1s ease, color .1s ease, text-transform .1s ease, -webkit-transform .1s ease;
        cursor: pointer;
    }

.feedback-form__label_autoheight {
            height: auto;
        }

.feedback-form__input,
    .feedback-form__textarea {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 30px;
        width: 100%;
        background: transparent;
        border: 0;
        font-size: 15px;
        -webkit-transition: border-color .2s;
        transition: border-color .2s;
    }

.feedback-form__input:hover, .feedback-form__input:focus, .feedback-form__textarea:hover, .feedback-form__textarea:focus {
            border-color: #531C5D;
        }

.feedback-form__input:focus ~ .feedback-form__label,
        .feedback-form__input._filled ~ .feedback-form__label,
        .feedback-form__textarea:focus ~ .feedback-form__label,
        .feedback-form__textarea._filled ~ .feedback-form__label {
            z-index: -1;
            -webkit-transform: translateY(-12px);
                    transform: translateY(-12px);
            text-transform: none;
            font-size: 10px;
            color: #C4C4C4;
        }

.feedback-form__input {
        margin-top: 30px;
        font-weight: 700;
    }

.feedback-form__textarea {
        overflow: auto;
        padding-top: 25px;
        padding-bottom: 15px;
        min-height: 155px;
        line-height: 2;
        resize: none;
    }

.feedback-form__row-checkbox {
        display: block;
    }

.feedback-form__row-checkbox__label {
            position: relative;
            display: inline-block;
            margin: 25px 0 0;
            padding: 0 0 0 25px;
            line-height: 1.6;
            font-size: 15px;
        }

.feedback-form__row-checkbox__label input {
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(5px);
                        transform: translateY(5px);
                opacity: 0;
            }

.feedback-form__row-checkbox__label a {
                -webkit-box-shadow: inset 0 -1px #202020;
                        box-shadow: inset 0 -1px #202020;
            }

.feedback-form__row-checkbox__checkbox {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            -webkit-transform: translateY(5px);
                    transform: translateY(5px);
        }

.feedback-form__footer {
        margin-top: 30px;
    }

.feedback-form__captcha {
        margin-bottom: 30px;
    }

.feedback-form__error {
        display: block;
        margin: 10px 0 0;
        color: #d60000;
        font-size: 14px;
    }

.popup {
    position: absolute;
    z-index: 11;
    background: #FFF;
}

.popup__btn-close {
        position: absolute;
        top: 29px;
        right: 26px;
        display: block;
        margin: 0;
        padding: 0;
        width: 28px;
        height: 27px;
        background: transparent;
        border: 0;
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }

.popup__btn-close:hover {
            -webkit-transform: scale(1.1);
                    transform: scale(1.1);
        }

.popup__btn-close > svg {
            display: block;
            width: 100%;
            height: 100%;
            fill: #000;
        }

.popup-serial {
    width: 100%;
    max-width: 970px;
}

.popup-serial__wrapper {
        padding: 48px 0 60px;
        text-align: center;
    }

.popup-serial__title {
        display: block;
        margin: 0 auto 44px;
        width: 100%;
        max-width: 570px;
        line-height: 1.2;
        text-align: center;
        font-size: 30px;
        font-weight: 300;
    }

.popup-serial__list {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        font-size: 0;
    }

.popup-serial__list__item {
            display: inline-block;
            margin: 0 15px;
            max-width: 170px;
        }

.popup-serial__list__item__title {
                display: block;
                margin: 0 0 22px;
                line-height: 1.6;
                text-align: left;
                font-size: 15px;
                font-weight: 700;
            }

.popup-serial__list__item img {
                display: block;
                max-width: 100%;
            }

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;;
    z-index: 10;
    background: #000;
}

.informer {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 40px auto;
    padding: 0 0 0 34px;
    width: 100%;
    max-width: 770px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
}

.informer._accidental:before {
        background: #531C5D;
    }

.informer._success:before {
        background: #1ea914;
    }

.informer._error:before {
        background: #d60000;
    }

.informer:before {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        display: block;
        width: 6px;
        height: calc(100% - 20px);
        background: gray;
        content: '';
    }

/* Slider */

.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            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);
            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;
    outline: none;
}

[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;
    outline: none;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.catalogue__product-lines {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 2px;
    }

.catalogue__product-lines__item {
            position: relative;
            overflow: hidden;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin: 0 2px 4px;
            padding: 0 25px;
            width: calc((100% - 16px) / 4);
            height: 90px;
            color: #202020;
            cursor: pointer;
        }

.catalogue__product-lines__item__label {
                position: relative;
                z-index: 1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: 100%;
                min-height: 60px;
                line-height: 1.3;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 700;
            }

.catalogue__product-lines__item__bg {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 0;
                -webkit-transform: scale(1);
                        transform: scale(1);
                display: block;
                background-position: center;
                background-size: cover;
                -webkit-transition: -webkit-transform .6s ease .2s;
                transition: -webkit-transform .6s ease .2s;
                transition: transform .6s ease .2s;
                transition: transform .6s ease .2s, -webkit-transform .6s ease .2s;
            }

:hover > .catalogue__product-lines__item__bg {
                    -webkit-transform: scale(1.1);
                            transform: scale(1.1);
                }

.catalogue__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 30px 2.43vw;
    }

.catalogue__main {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        width: 74.3%;
    }

.catalogue__informer {
        margin-left: 0;
    }

.catalogue__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0;
        padding: 0;
    }

.catalogue__list__item {
            margin: 0 0 30px;
        }

.catalogue__list__item-plug {
            margin: 0 !important;
            padding: 0 !important;
            width: 21.96vw;
            border: 0 !important;
        }

.catalogue__paginator {
        margin: 0 15px;
    }

.catalogue__filter {
        width: 23%;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

.catalogue__filter__form {
            display: block;
        }

.catalogue__filter__group {
            display: block;
            margin: 0 0 30px;
            padding: 0 0 30px;
            border: 0;
            border-bottom: 1px solid #202020;
        }

.catalogue__filter__group:last-child {
                margin-bottom: 0;
                border-bottom: 0;
            }

.catalogue__filter__group__title {
                display: block;
                margin-bottom: 10px;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 700;
                color: #202020;
            }

.catalogue__filter__button {
            margin-top: 15px;
        }

.catalogue__filter__options {
            display: block;
            margin: 0;
            padding: 0;
            list-style: none;
        }

.catalogue__filter__options__item {
                margin-top: 10px;
            }

.catalogue__filter__options__item:first-child {
                    margin-top: 0;
                }

.catalogue__filter__options__label {
                position: relative;
                display: block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding-left: 25px;
                line-height: 1.3;
            }

.catalogue__filter__options__label > input {
                    position: absolute;
                    top: 2px;
                    left: 0;
                    opacity: 0;
                    z-index: -1;
                }

.catalogue__filter__options__checkbox,
            .catalogue__filter__options__radiobutton {
                position: absolute;
                top: 3px;
                left: 0;
            }

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

.catalogue__filter__range__item {
                position: relative;
                display: block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                width: 50%;
            }

.catalogue__filter__range__item:nth-child(odd) {
                    margin-right: 15px;
                }

.catalogue__filter__range__item:nth-child(even) {
                    margin-left: 15px;
                }

.catalogue__filter__range__field {
                display: block;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                padding: 0 0 0 20px;
                width: 100%;
                height: 23px;
                border: 0;
                border-bottom: 1px solid #E7E7E7;
                font-size: 15px;
            }

.catalogue__filter__range__field::-webkit-input-placeholder {
                    color: #C9C9C9;
                }

.catalogue__filter__range__field:-ms-input-placeholder {
                    color: #C9C9C9;
                }

.catalogue__filter__range__field::-ms-input-placeholder {
                    color: #C9C9C9;
                }

.catalogue__filter__range__field::placeholder {
                    color: #C9C9C9;
                }

.catalogue__filter__range__label {
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                text-transform: lowercase;
                font-size: 15px;
                color: #202020;
            }

.main-page__press {
        padding: 0 2.43vw;
        overflow: hidden;
        background-color: #EEEEEE;
    }

.main-page__press__wrapper {
            position: relative;
            padding: 0 0 100px;
        }

.main-page__press__title {
            margin: 50px 0;
            line-height: 1.3;
            text-transform: uppercase;
            font-size: 30px;
            font-weight: 700;
        }

.main-page__press__load-button {
            position: absolute;
            bottom: 0;
            left: 0;
        }

.main-page__feedback-button {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.downloads-page__main {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 50px 4.6%;
        width: 100%;
    }

.downloads-page__group {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0 auto;
        padding: 50px 0 0;
        width: 100%;
        max-width: 770px;
    }

.downloads-page__group:first-child {
            margin-top: 0;
        }

.downloads-page__group__title {
            display: block;
            margin: 0 auto 20px;
            padding: 0;
            width: 100%;
            line-height: 1.1;
            text-align: center;
            font-size: 30px;
            font-weight: 300;
        }

.downloads-page__group__title > span {
                font-weight: 700;
            }

.downloads-page__search {
        margin: 40px auto 0;
        width: 62.61vw;
        max-width: 770px;
    }

.downloads-page__search__hint {
            display: block;
            margin-top: 20px;
            line-height: 1.6;
            text-align: center;
            font-size: 12px;
            font-weight: 400;
            color: #8F8F8F;
        }

.downloads-page__step-map {
        margin: 50px auto 70px;
        width: 100%;
    }

.downloads-page__step-map__item {
            display: block;
            margin-top: 30px;
            width: 100%;
        }

.downloads-page__product {
        display: block;
        margin-top: 20px;
    }

.downloads-page__product__image-wrapper {
            width: 100%;
        }

.downloads-page__product__image {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }

.downloads-page__product__navigation {
            display: block;
            margin-top: 30px;
            text-align: center;
        }

.downloads-page__product__navigation__button {
                margin-top: 30px;
            }

.downloads-page__product__navigation__button:first-child {
                    margin-top: 0;
                }

.downloads-page__links {
        display: block;
        margin: 60px 0 75px;
        padding: 0;
        list-style: none;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }

.downloads-page__links__item {
            position: relative;
            overflow: hidden;
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            margin-top: 30px;
            width: 100%;
            padding: 0 50px 0 30px;
        }

.downloads-page__links__item:first-child {
                margin-top: 0;
            }

.downloads-page__links__item:before {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -2;
                border: 1px solid #C8C8C8;
                content: '';
            }

.downloads-page__links__item:after {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                -webkit-transform: translateX(calc(-100% + 6px));
                        transform: translateX(calc(-100% + 6px));
                background: #531C5D;
                content: '';
                -webkit-transition: -webkit-transform .3s ease .15s;
                transition: -webkit-transform .3s ease .15s;
                transition: transform .3s ease .15s;
                transition: transform .3s ease .15s, -webkit-transform .3s ease .15s;
                z-index: -1;
            }

.downloads-page__links__item:hover:after {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
            }

.downloads-page__links__wrapper {
            display: table;
            width: 100%;
        }

.downloads-page__links__title {
            display: table-cell;
            width: 60%;
            height: 90px;
            line-height: 1.3;
            vertical-align: middle;
            font-size: 20px;
            font-weight: 700;
            -webkit-transition: color .3s ease;
            transition: color .3s ease;
        }

.downloads-page__links__item:hover .downloads-page__links__title {
                color: #FFF;
            }

.downloads-page__links__info {
            display: table-cell;
            vertical-align: middle;
            width: 20%;
            line-height: 1.5;
            font-size: 12px;
            opacity: 1;
            -webkit-transition: opacity .3s ease .15s;
            transition: opacity .3s ease .15s;
        }

.downloads-page__links__info:last-of-type {
                text-align: right;
            }

.downloads-page__links__item:hover .downloads-page__links__info {
                opacity: 0;
            }

.downloads-page__links__info__label {
                color: #C8C8C8;
            }

.downloads-page__links__info__value {
                font-weight: 700;
                color: #202020;
            }

.downloads-page__links__link {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 50px 0 30px;
            font-size: 12px;
            color: #FFF;
            opacity: 0;
            -webkit-transition: opacity .3s ease .15s;
            transition: opacity .3s ease .15s;
        }

.downloads-page__links__link:hover {
                opacity: 1;
            }

.services-page__wrapper {
        display: block;
        padding: 30px 4.6% 45px;
    }

.services-page__main {
        width: 100%;
    }

.services-page__map {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        width: 100%;
        height: calc(100vh - 60px);
        max-height: 700px;
    }

.services-page__sidebar {
        width: 100%;
    }

.services-page__sidebar__city {
            margin-top: 30px;
        }

.services-page__sidebar__city__help {
                margin-top: 30px;
            }

.services-page__sidebar__city__help__button {
                    margin-bottom: 30px;
                    width: 100%;
                }

.services-page__sidebar__city__help__text {
                    line-height: 1.3;
                    font-size: 15px;
                    color: #909090;
                }

.services-page__sidebar__city__help__text p {
                        margin: 0;
                    }

.services-page__informer {
        padding: 26px 30px;
        background: #D4C6D6;
    }

.services-page__informer__title {
            margin: 0 0 20px;
            line-height: 1.25;
            font-size: 20px;
            font-weight: 700;
        }

.services-page__informer__text {
            margin-top: 20px;
            line-height: 1.3;
            font-size: 15px;
        }

.services-page__informer__text > p {
                margin: 20px 0 0;
            }

.services-page__informer__text > p:first-child {
                    margin-top: 0;
                }

.services-page__services {
        margin-top: 30px;
    }

.services-page__services > li {
            margin-top: 40px;
        }

.services-page__services > li:first-child {
                margin-top: 0;
            }

.services-page__file-button {
        margin-top: 35px;
    }

.grid-page__main {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 2.43% 2.43% 8%;
    }

.grid-page__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.grid-page__item {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 50px;
        width: 100%;
    }

.grid-page__image-wrapper {
        overflow: hidden;
        position: relative;
        display: block;
    }

.grid-page__image-wrapper:before {
            display: block;
            margin-top: 100%;
            content: '';
        }

.grid-page__image-wrapper__outer {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 18%;
            border: 1px solid #EEEEEE;
        }

.grid-page__image {
        display: block;
        max-width: 100%;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transition: -webkit-transform .3s ease .15s;
        transition: -webkit-transform .3s ease .15s;
        transition: transform .3s ease .15s;
        transition: transform .3s ease .15s, -webkit-transform .3s ease .15s;
    }

.grid-page__image-wrapper:hover .grid-page__image {
            -webkit-transform: scale(1.15);
                    transform: scale(1.15);
        }

.grid-page__title {
        display: block;
        margin-top: 25px;
        line-height: 1.25;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
    }

.grid-page__title > a {
            color: inherit;
            -webkit-transition: color .3s;
            transition: color .3s;
        }

.grid-page__title > a:hover {
                color: #531C5D;
            }

.search-page__wrapper {
        padding: 30px 2.43vw;
    }

.search-page__search-wrapper {
        margin: 0 auto;
        padding: 70px 0;
        width: 62.61vw;
    }

.search-page__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

.search-page__main {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0;
        width: 70.74vw;
    }

.search-page__item {
        margin-top: 50px;
    }

.search-page__item:first-of-type {
            margin-top: 0;
        }

.search-page__item__title {
            display: block;
            margin: 0 0 30px;
            padding: 0 0 20px;
            line-height: 1.3;
            text-transform: uppercase;
            font-size: 20px;
            border-bottom: 1px solid #202020;
        }

.search-page__item__button-more {
            margin-top: 30px;
        }

.search-page__sidebar {
        width: 21.96vw;
    }

.search-page__news > li {
        margin-top: 30px;
    }

.search-page__news > li:first-child {
            margin-top: 0;
        }

.search-page__services > li {
            margin-top: 30px;
        }

.search-page__services > li:first-child {
                margin-top: 0;
            }

.press-center-page {
    /* background-image: radial-gradient(25% 178%, #FFFFFF 25%, #E0E0E0 100%); */
    background: #E0E0E0;
}

.press-center-page .page-header {
        background: none;
    }

.press-center-page .page-header__outer-wrapper {
        background: none;
    }

.press-center-page__header-tags {
        margin-top: 30px;
    }

.press-center-page__header-tags__item {
            margin-right: 10px;
        }

.press-center-page__header-tags__item:last-child {
                margin-right: 0;
            }

.press-center-page__main {
        position: relative;
        padding: 0 4.6% 100px;
    }

.press-center-page__load-button {
        position: absolute;
        bottom: 0;
        left: 2.43vw;
    }

.article-page {
    background: #F7F7F7;
}

.article-page__header-button {
        color: #FFF;
        fill: #FFF;
    }

.article-page__wrapper {
        display: block;
        padding: 30px 2.43% 100px;
    }

.article-page__content {
        display: block;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 7.8%;
        width: 100%;
        line-height: 1.3;
        background: #FFF;
        font-size: 15px;
    }

.article-page__content h1 {
            display: block;
            line-height: 1.25;
            font-size: 20px;
        }

.article-page__content p {
            margin: 20px 0 0;
        }

.article-page__content p:first-child {
                margin-top: 0;
            }

.article-page__content figure {
            display: block;
            margin: 50px 0;
            padding: 0;
        }

.article-page__content figure figcaption {
                display: block;
                margin: 20px 0 0;
                text-align: center;
                font-size: 12px;
                color: #8F8F8F;
            }

.article-page__content img {
            display: block;
            max-width: 100%;
        }

.article-page__content__meta {
            display: table;
            margin-top: 50px;
            width: 100%;
        }

.article-page__content__tags {
            display: table-cell;
        }

.article-page__content__tags__item {
                margin-right: 15px;
            }

.article-page__content__tags__item:last-child {
                    margin-right: 0;
                }

.article-page__content__date {
            display: table-cell;
            height: 30px;
            vertical-align: middle;
            text-align: right;
            font-size: 15px;
            color: #909090;
        }

.article-page__sidebar {
        margin-top: 45px;
        width: 100%;
    }

.feedback-page__main {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 50px 4.6%;
    }

.feedback-page__title {
        display: block;
        margin: 0 auto 40px;
        padding: 0;
        width: 65.8%;
        line-height: 1.1;
        text-align: center;
        font-size: 30px;
        font-weight: 300;
    }

.feedback-page__title > span {
            font-weight: 700;
        }

.feedback-page__form {
        margin: 0 auto;
        width: 100%;
    }

.contacts-page__wrapper {
        display: block;
        padding: 30px 4.6% 45px;
    }

.contacts-page__content {
        position: relative;
    }

.contacts-page__address,
    .contacts-page__phones {
        line-height: 1.5;
        font-size: 20px;
        font-style: normal;
    }

.contacts-page__address strong, .contacts-page__phones strong {
            font-weight: 700;
        }

.contacts-page__address p, .contacts-page__phones p {
            margin: 20px 0;
        }

.contacts-page__address p:first-of-type, .contacts-page__phones p:first-of-type {
                margin-top: 0;
            }

.contacts-page__address p:last-child, .contacts-page__phones p:last-child {
                margin-bottom: 0;
            }

.contacts-page__phones {
        margin-top: 45px;
    }

.contacts-page__services__button {
        margin-top: 3%;
    }

.contacts-page__map {
        margin-top: 7%;
    }

.contacts-page__map__canvas {
            height: 400px;
        }

.static-page__wrapper {
        padding: 50px 0;
    }

.static-page__content {
        margin: 0 auto;
    }

.about-page__wrapper {
        padding: 50px 0 0;
    }

.about-page__content {
        margin: 0 auto;
        width: 62.61vw;
    }

.about-page__content h1, .about-page__content h2 {
            margin: 0;
            line-height: 1.25;
            font-size: 20px;
            font-weight: 700;
        }

.about-page__content p {
            margin: 20px 0;
            line-height: 1.3;
            font-size: 15px;
        }

.about-page__content p ~ h2 {
                margin-top: 50px;
            }

.about-page__facts {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 25px 0 0;
        padding: 0;
        list-style: none;
    }

.about-page__facts__item {
            display: block;
            padding: 25px 0 20px;
            width: 30.09vw;
            background: #531C5D;
            color: #FFF;
        }

.about-page__facts__big {
            display: block;
            line-height: 1;
            text-align: center;
            font-size: 100px;
            font-weight: 100;
        }

.about-page__facts__info {
            display: block;
            margin: 10px auto 0;
            width: 60%;
            text-align: center;
            font-size: 12px;
        }

.about-page__years {
        display: block;
        margin: 25px 0 20px;
        padding: 0;
        list-style: none;
    }

.about-page__years__item {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin-top: 30px;
            padding: 20px 0 0;
            min-height: 130px;
            border: 1px solid #E7E7E7;
        }

.about-page__years__item:first-child {
                margin-top: 0;
            }

.about-page__years__period {
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 0 0 30px;
            width: 21.96vw;
            line-height: 1.25;
            font-size: 40px;
            font-weight: 100;
        }

.about-page__years__info {
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 0 5.7vw 0 0;
            width: 30.09vw;
            line-height: 1.3;
            font-size: 15px;
        }

.about-page__decoration-image {
        display: block;
        margin: 60px auto 0;
        width: 100%;
    }

.article-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.article-grid._vertical {
        display: block;
    }

.article-grid._vertical > li {
            margin: 30px 0 0;
        }

.article-grid._vertical > li:first-child {
                margin-top: 0;
            }

.article-grid:not(._vertical) > li {
        margin: 30px auto 0;
        width: 100%;
        max-width: 375px;
    }

@media(min-width: 375px) {

body {
        color: #202020
}

.grid-page__item {
            margin-right: 2.5%
    }
    }

@media(min-width: 480px) {

body {
        color: #202020
}

.layout-footer__navigation__item {
                width: 50%
        }

.feedback-page__form {
            width: 90%
    }

.article-grid:not(._vertical) > li {
            margin-left: 0;
            margin-right: 0
    }
    }

@media(min-width: 640px) {

body {
        color: #202020
}

.article {
        font-size: 22px

}

.article blockquote {
            padding: 54px 0 46px;
            font-size: 20px
    }

.promo-grid__wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap
    }

.promo-grid__item {
            width: calc(50% - 4px)
    }

.page-header__inner-wrapper {
            padding: 48px 2.43vw 48px 58px
    }

.page-header__breadcrumbs {
            margin-top: -14px
    }

.page-header__title {
            margin-top: 0
    }

.product__detail__navigation {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 85%
        }

.product__detail__navigation__button {
                    width: 47.3%
            }

.feedback-form__footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }

.feedback-form__captcha {
            margin-bottom: 0
    }

.catalogue__list__item {
                width: 48%
        }

.downloads-page__group__title {
                margin-bottom: 40px
        }

.downloads-page__step-map {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }

.downloads-page__step-map__item {
                width: 48%
        }

                .downloads-page__step-map__item:nth-child(-n+2) {
                    margin-top: 0;
                }

.downloads-page__product {
            margin-top: 50px
    }

.downloads-page__product {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }

.downloads-page__product__image-wrapper {
                width: 48%
        }

.downloads-page__product__image {
                margin: 0
        }

.downloads-page__product__navigation {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                margin-top: 0;
                width: 48%;
                max-width: 300px
        }

.press-center-page__header-tags {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            margin-top: 0;
            font-size: 0
    }

.press-center-page__header-tags__item {
                margin-right: 30px
        }

.article-page__wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }

.article-page__content {
            width: 65.81%
    }

.article-page__sidebar {
            margin-top: 0;
            width: 31.62%
    }
    }

@media(min-width: 768px) {

body {
        color: #202020
}

.layout-footer__wrapper {
            padding-left: 30px;
            padding-right: 30px
    }

.layout-footer__navigation__item {
                width: 33.3%
        }

.layout-footer__info {
            display: table;
            min-height: 210px
    }

.layout-footer__info__main {
                display: table-cell;
                padding: 0;
                width: 75%;
                vertical-align: middle
        }

.layout-footer__info__side {
                display: table-cell;
                padding: 0;
                width: 25%;
                vertical-align: middle
        }

.promo-grid__item {
            width: calc(100% / 3 - 4px)
    }

.product__faq__item {
                padding: 20px
        }

.downloads-page__main {
            padding-left: 2.43%;
            padding-right: 2.43%
    }

.downloads-page__group {
            padding-top: 100px
    }

.services-page__wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            padding: 30px 2.43% 45px
    }

.services-page__main {
            width: 57.2%
    }

.services-page__sidebar {
            width: 40.1%
    }

.feedback-page__form {
            width: 80%
    }

.contacts-page__wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            padding: 30px 2.43vw 60px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }

.contacts-page__content {
            width: 48%;
            padding: 0 0 105px
    }

.contacts-page__services__button {
            position: absolute;
            bottom: 0;
            left: 0;
            margin-top: 0
    }

.contacts-page__map {
            margin-top: 0;
            width: 48%
    }
    }

@media(min-width: 1024px) {

body {
        color: #202020
}

.layout-header__main__logo {
                margin: 0
        }

.layout-header__main__nav {
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%);
                display: block;
                padding: 0;
                width: 100%;
                background: none;
                font-size: 12px
        }

.layout-header__main__nav__item {
                    margin-top: 0;
                    margin-bottom: 0;
                    display: inline-block;
                    text-align: center
            }

.layout-header__main__nav__item__submenu {
                        display: none
                }

.layout-header__main__nav__item-bullet {
                    display: block
            }

.layout-header__main__search {
                display: block
        }

.layout-header__burger {
            display: none
    }

.layout-footer__navigation__item {
                width: 25%
        }

.promo-grid__wrapper {
            //flex-wrap: nowrap
    }

.promo-grid__item {
            width: calc(25% - 4px)
    }

.product__detail {
            position: -webkit-sticky;
            position: sticky;
            top: 1px;
            bottom: 1px;
            float: left;
            width: 57.2%;
            max-width: none
    }

.product__properties {
            float: right;
            width: 40%;
            max-width: none
    }

.product-grid__item {
            width: 23%
    }

            .product-grid__item:nth-child(-n+4) {
                margin-top: 0;
            }

.catalogue__list__item {
                width: 31%
        }

.downloads-page__group {
            width: 65.8%
    }

.downloads-page__product__image-wrapper {
                width: 30.09vw
        }

.downloads-page__product__navigation {
                width: 21.96vw;
                max-width: none
        }

.services-page__main {
            width: 74.3%
    }

.services-page__sidebar {
            width: 23%
    }

.grid-page__item {
            width: calc((100% - (2.5% * 3)) / 4)
    }

            .grid-page__item:nth-child(-n+4) {
                margin-top: 0;
            }

            .grid-page__item:nth-child(4n+4) {
                margin-right: 0;
            }

.feedback-page__form {
            width: 65.8%
    }
    }

@media(min-width: 1280px) {

body {
        color: #202020
}

.article-grid:not(._vertical) > li {
            margin-right: 3%;
            width: calc((100% - (3% * 3)) / 4)
    }

            .article-grid:not(._vertical) > li:nth-child(4n) {
                margin-right: 0;
            }

            .article-grid:not(._vertical) > li:nth-child(-n+4) {
                margin-top: 0;
            }
    }

@media(min-width: 1400px) {

body {
        color: #202020
}

.page-header._autoscale {
            overflow: hidden;
            position: relative;
            min-height: auto
    }

            .page-header._autoscale:before {
                display: block;
                margin-top: 26%;
                content: '';
            }

.page-header._autoscale .page-header__outer-wrapper {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0
        }

.article-page__header-button {
            position: absolute;
            bottom: 0;
            left: 0
    }
    }

@media(max-width: 1023px) {

.layout-header__main__nav {
                position: fixed;
                top: 60px;
                left: 0;
                display: none;
                width: 100%;
                height: calc(100% - 60px);
                text-align: center;
                overflow: auto;
                opacity: 0;
                -webkit-transform: translateY(5%);
                        transform: translateY(5%);
                -webkit-transition: opacity .3s, -webkit-transform .3s;
                transition: opacity .3s, -webkit-transform .3s;
                transition: transform .3s, opacity .3s;
                transition: transform .3s, opacity .3s, -webkit-transform .3s
        }

                .layout-header__main__nav._open {
                    display: block;
                    opacity: 1;
                    -webkit-transform: translateY(0);
                            transform: translateY(0);
                }
            .downloads-page__group:first-of-type {
                padding-top: 0;
            }
            }

@media (min-width: 375px) and (max-width: 639px) {

.product-grid__item {
            width: 48.7%
    }

            .product-grid__item:nth-child(-n+2) {
                margin-top: 0;
            }

.grid-page__item {
            width: calc((100% - (2.5% * 1)) / 2)
    }

            .grid-page__item:nth-child(-n+2) {
                margin-top: 0;
            }

            .grid-page__item:nth-child(2n+2) {
                margin-right: 0;
            }
        }

@media (min-width: 640px) and (max-width: 1023px) {

.product-grid__item {
            width: 31.6%
    }

            .product-grid__item:nth-child(-n+3) {
                margin-top: 0;
            }

.grid-page__item {
            width: calc((100% - (2.5% * 2)) / 3)
    }

            .grid-page__item:nth-child(-n+3) {
                margin-top: 0;
            }

            .grid-page__item:nth-child(3n+3) {
                margin-right: 0;
            }
        }

@media(min-width: 480px) and (max-width: 767px) {

.article-grid:not(._vertical) > li {
            margin-right: 3%;
            width: calc((100% - (3% * 1)) / 2)
    }

            .article-grid:not(._vertical) > li:nth-child(2n) {
                margin-right: 0;
            }

            .article-grid:not(._vertical) > li:nth-child(-n+2) {
                margin-top: 0;
            }
        }

@media(min-width: 768px) and (max-width: 1279px) {

.article-grid:not(._vertical) > li {
            margin-right: 3%;
            width: calc((100% - (3% * 2)) / 3)
    }

            .article-grid:not(._vertical) > li:nth-child(3n) {
                margin-right: 0;
            }

            .article-grid:not(._vertical) > li:nth-child(-n+3) {
                margin-top: 0;
            }
        }

html::before {
    display: none;
    content: "resources/assets/css/main.css\00000a14:9	Missing @custom-media definition for '--phone-medium-max'. The entire rule has been removed from the output. [postcss-custom-media]\00000a110:13	Missing @custom-media definition for '--phone-medium-max'. The entire rule has been removed from the output. [postcss-custom-media]\00000a27:9	Gradient has outdated direction syntax. New syntax is like `closest-side at 0 0` instead of `0 0, closest-side`. [autoprefixer]";
}
/*# sourceMappingURL=main.css.map */