/* Start:/local/templates/main/css/styles.css?1712134920215351*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.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;
    -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: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.slick-track:after, .slick-track:before {
    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
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

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

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    margin: 0
}

.fancybox-container {
    position: fixed;
    z-index: 99992;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    outline: 0;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    -webkit-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
    background: #1e1e1e
}

.fancybox-is-open .fancybox-bg {
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    opacity: .9
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    position: absolute;
    z-index: 99997;
    visibility: hidden;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    -o-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    opacity: 0;
    direction: ltr
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    visibility: visible;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    -o-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    opacity: 1
}

.fancybox-infobar {
    font-size: 13px;
    line-height: 44px;
    top: 0;
    left: 0;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: #ccc;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: difference;
    -webkit-touch-callout: none
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    z-index: 99994;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    direction: ltr
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    position: absolute;
    z-index: 99994;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 44px;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    text-align: center;
    white-space: normal;
    outline: 0;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide::before {
    font-size: 0;
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    vertical-align: middle
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    position: relative;
    display: inline-block;
    overflow: auto;
    max-width: 100%;
    margin: 0;
    padding: 44px;
    text-align: left;
    vertical-align: middle;
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.fancybox-slide--image .fancybox-content {
    position: absolute;
    z-index: 99995;
    top: 0;
    left: 0;
    overflow: visible;
    max-width: none;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    background: 0 0
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    overflow: visible;
    width: 100%;
    height: 100%;
    padding: 0
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

.fancybox-iframe {
    position: absolute;
    top: 0;
    left: 0
}

.fancybox-error {
    width: 100%;
    max-width: 400px;
    padding: 40px;
    cursor: default;
    background: #fff
}

.fancybox-error p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #444
}

.fancybox-button {
    position: relative;
    display: inline-block;
    visibility: inherit;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    border: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, .6);
    -webkit-box-shadow: none;
    box-shadow: none
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    cursor: default;
    color: #888;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
    height: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    position: absolute;
    z-index: 99998;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    background: #ff5268
}

.fancybox-close-small {
    position: absolute;
    z-index: 401;
    top: -44px;
    right: -12px;
    padding: 8px;
    cursor: pointer;
    opacity: .8;
    color: #ccc;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.fancybox-close-small:hover {
    opacity: 1;
    color: #fff
}

.fancybox-slide--html .fancybox-close-small {
    top: 0;
    right: 0;
    padding: 10px;
    color: currentColor
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
    height: 100px;
    opacity: 0;
    background-clip: content-box
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
    right: env(safe-area-inset-right);
    padding: 31px 6px 31px 26px
}

.fancybox-caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    z-index: 99996;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 75px 44px 25px 44px;
    text-align: center;
    pointer-events: none;
    color: #eee;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%)
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    overflow: auto;
    max-height: 50vh;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    text-decoration: none;
    color: #ccc
}

.fancybox-caption a:hover {
    text-decoration: underline;
    color: #fff
}

.fancybox-loading {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    padding: 0;
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    opacity: .7;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    background: 0 0
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    opacity: 0
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    max-width: 90%;
    padding: 30px;
    text-align: center;
    border-radius: 3px;
    background: #f4f4f4
}

.fancybox-share h1 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #222
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    display: inline-block;
    min-width: 130px;
    margin: 0 5px 10px 5px;
    padding: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    white-space: nowrap;
    text-decoration: none;
    border: 0;
    border-radius: 3px
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    font-size: 14px;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 15px;
    color: #5d5b5b;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    outline: 0;
    background: 0 0
}

.fancybox-thumbs {
    position: absolute;
    z-index: 99995;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px 2px;
    background: #ddd;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    position: absolute;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #2a2a2a
}

.fancybox-thumbs__list a {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100px;
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    margin: 2px;
    padding: 0;
    cursor: pointer;
    outline: 0;
    background-color: rgba(0, 0, 0, .1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs__list a::before {
    position: absolute;
    z-index: 99991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    opacity: 0;
    border: 6px solid #ff5268
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15)
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #fff
}

/*!
 * Toastify js 1.9.3
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
    position: fixed;
    z-index: 2147483647;
    display: inline-block;
    max-width: calc(50% - 20px);
    padding: 12px 20px;
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);
    -o-transition: all .4s cubic-bezier(.215, .61, .355, 1);
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    text-decoration: none;
    opacity: 0;
    color: #fff;
    border-radius: 2px;
    background: -o-linear-gradient(315deg, #73a5ff, #5477f5);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3)
}

.toastify.on {
    opacity: 1
}

.toast-close {
    padding: 0 5px;
    opacity: .4
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px
}

.toastify-center {
    right: 0;
    left: 0;
    max-width: -webkit-fit-content;
    max-width: fit-content;
    max-width: -moz-fit-content;
    margin-right: auto;
    margin-left: auto
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 400;
    font-style: italic;
    src: url(/local/templates/main/css/../fonts/SKODANext-Italic.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-Italic.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 700;
    font-style: italic;
    src: url(/local/templates/main/css/../fonts/SKODANext-BoldItalic.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-BoldItalic.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next Black Expanded';
    font-weight: 900;
    font-style: normal;
    src: url(/local/templates/main/css/../fonts/SKODANext-BlackExpanded.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-BlackExpanded.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 700;
    font-style: normal;
    src: url(/local/templates/main/css/../fonts/SKODANext-Bold.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-Bold.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 900;
    font-style: normal;
    src: url(/local/templates/main/css/../fonts/SKODANext-Black.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-Black.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 900;
    font-style: italic;
    src: url(/local/templates/main/css/../fonts/SKODANext-BlackItalic.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-BlackItalic.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 300;
    font-style: italic;
    src: url(/local/templates/main/css/../fonts/SKODANext-LightItalic.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-LightItalic.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 300;
    font-style: normal;
    src: url(/local/templates/main/css/../fonts/SKODANext-Light.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-Light.woff) format('woff');
    font-display: swap
}

@font-face {
    font-family: 'SKODA Next';
    font-weight: 400;
    font-style: normal;
    src: url(/local/templates/main/css/../fonts/SKODANext-Regular.woff2) format('woff2'), url(/local/templates/main/css/../fonts/SKODANext-Regular.woff) format('woff');
    font-display: swap
}

body {
    font-family: 'SKODA Next', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    width: 100%;
    min-width: 320px;
    color: #171e29;
    background: #fff
}

img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.wrapper__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

a {
    text-decoration: none;
    color: #00a0e3
}

a:focus, a:hover {
    text-decoration: none;
    color: #00a0e3
}

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

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.padding-lg {
    padding: 90px 0 100px
}

.padding-lg--no-padding-top {
    padding-top: 0
}

.padding-lg--no-padding-bottom {
    padding-bottom: 0
}

.padding-lg--translate-top {
    margin-top: -300px;
    padding-top: 390px
}

.bg-blue, .bg-dark, .bg-gray {
    position: relative
}

.bg-blue::before, .bg-dark::before, .bg-gray::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: #f3f4f9
}

.bg-dark {
    color: #fff
}

.bg-dark::before {
    background: #171e29
}

.bg-blue {
    color: #fff
}

.bg-blue::before {
    background: #00a0e3
}

.bg-left::before {
    right: 70px
}

.bg-right::before {
    left: 70px
}

.bg-center::before {
    right: 70px;
    left: 70px
}

h1 {
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 15px;
    text-transform: uppercase
}

h2 {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 10px;
    text-transform: uppercase
}

h3 {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.4;
    margin: 0 0 15px;
    text-transform: uppercase
}

p {
    margin: 0
}

p+p {
    margin-top: 10px
}

.z-2 {
    z-index: 2
}

.section-head {
    max-width: 966px;
    margin: 0 auto 40px
}

.c-accent {
    color: #f46646
}

.bottom-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-sm {
    font-size: 12px
}

.text-lg-desktop {
    font-size: 18px
}

.text-secondary {
    color: #878ea5
}

.btm-descr {
    margin-top: 10px;
    text-align: right
}

.tippy-content {
    padding: 20px;
    border-radius: 3px
}

.tippy-content img {
    max-width: 100%;
    max-height: 100%
}

.tooltip-icon {
    font-size: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tooltip-icon svg {
    width: 16px;
    height: 16px;
    fill: #878ea5
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(135, 142, 165, .2)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #00a0e3 !important
}

.page-title {
    margin-bottom: 35px
}

.page-title h2 {
    margin-bottom: 0
}

.toastify {
    border-radius: 5px
}

.row {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px
}

.col-1 {
    grid-column: span 1
}

.col-2 {
    grid-column: span 2
}

.col-3 {
    grid-column: span 3
}

.col-4 {
    grid-column: span 4
}

.col-5 {
    grid-column: span 5
}

.col-6 {
    grid-column: span 6
}

.col-7 {
    grid-column: span 7
}

.col-8 {
    grid-column: span 8
}

.col-9 {
    grid-column: span 9
}

.col-10 {
    grid-column: span 10
}

.col-11 {
    grid-column: span 11
}

.col-12 {
    grid-column: span 12
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #383a42;
    background: #fff
}

.hljs-comment, .hljs-quote {
    font-style: italic;
    color: #a0a1a7
}

.hljs-doctag, .hljs-formula, .hljs-keyword {
    color: #a626a4
}

.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
    color: #e45649
}

.hljs-literal {
    color: #0184bb
}

.hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string {
    color: #50a14f
}

.hljs-built_in, .hljs-class .hljs-title {
    color: #c18401
}

.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
    color: #813a96
}

.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
    color: #4078f2
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

.checkbox {
    font-size: 12px;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox i {
    position: relative;
    overflow: hidden;
    width: 24px;
    min-width: 24px;
    height: 24px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    background: #f3f4f9
}

.checkbox i:not(:last-child) {
    margin-right: 10px
}

.checkbox i::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    border-radius: 50%;
    background: 0 0
}

.checkbox i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 10px;
    height: 8px;
    margin-top: -4px;
    margin-left: -5px;
    content: '';
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background: url(/local/templates/main/css/../img/icons/checkbox.svg) center no-repeat;
    background-size: contain
}

.checkbox:hover i {
    border-color: #f46646
}

.checkbox input {
    display: none
}

.checkbox input:checked+i::before {
    -webkit-animation: animate-click .4s;
    animation: animate-click .4s
}

.checkbox input:checked+i::after {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes animate-click {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        background: #00a0e3
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: 0 0
    }
}

@keyframes animate-click {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        background: #00a0e3
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        background: 0 0
    }
}

.btn {
    font-size: 15px;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 40px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #fff;
    border: none;
    border-radius: 4px;
    background: #00a0e3;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.btn__content {
    padding: 5px 32px;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.btn__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40px;
    background: rgba(255, 255, 255, .1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn__icon svg {
    width: 12px;
    height: 12px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #fff
}

.btn__icon:last-child {
    border-radius: 0 4px 4px 0
}

.btn__icon:first-child {
    border-radius: 4px 0 0 4px
}

.btn:active, .btn:focus, .btn:hover {
    color: #fff;
    background: #00aaf3
}

.btn:active {
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.btn.in-cart {
    cursor: default;
    background: #92cf47
}

.btn.in-cart:active, .btn.in-cart:focus, .btn.in-cart:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #fff;
    background: #92cf47
}

.btn-default {
    color: #171e29;
    background: #fff
}

.btn-default:active, .btn-default:focus, .btn-default:hover {
    color: #fff;
    background: #00aaf3
}

.btn-with-border {
    font-weight: 400;
    color: #171e29;
    border: 1px solid #00a0e3;
    background: #fff
}

.btn-with-border:active, .btn-with-border:focus, .btn-with-border:hover {
    color: #171e29;
    background: #fff
}

.btn-default .btn__icon {
    background: rgba(23, 30, 41, .1)
}

.btn-default .btn__icon svg {
    fill: #171e29
}

.btn-default:active .btn__icon svg, .btn-default:focus .btn__icon svg, .btn-default:hover .btn__icon svg {
    fill: #fff
}

.btn-accent {
    background: #f46646
}

.btn-accent:active, .btn-accent:focus, .btn-accent:hover {
    background: #ff5732
}

.btn-gray {
    background: #878ea5
}

.btn-gray:active, .btn-gray:focus, .btn-gray:hover {
    background: rgba(135, 142, 165, .8)
}

.textfield {
    font-size: 13px;
    height: 40px;
    padding: 0 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #171e29;
    border: none;
    border-radius: 4px;
    background: #f3f4f9
}

.textfield--white {
    background: #fff
}

.textfield::-webkit-input-placeholder {
    color: #878ea5
}

.textfield::-moz-placeholder {
    color: #878ea5
}

.textfield:-ms-input-placeholder {
    color: #878ea5
}

.textfield::-ms-input-placeholder {
    color: #878ea5
}

.textfield::placeholder {
    color: #878ea5
}

textarea.textfield {
    padding: 15px 20px
}

.select {
    position: relative;
    z-index: 4
}

.select__toggle {
    font-size: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #878ea5;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select__toggle:hover {
    color: #00a0e3
}

.select__toggle:hover svg {
    fill: #00a0e3
}

.select__toggle svg {
    width: 15px;
    height: 17px;
    fill: #878ea5
}

.select__toggle svg:not(:first-child) {
    margin-left: 10px
}

.select__options {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    margin-top: 5px;
    padding: 5px 0;
    -webkit-transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
    -o-transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
    transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(23, 30, 41, .1);
    box-shadow: 0 5px 15px 0 rgba(23, 30, 41, .1)
}

.select.is-open .select__options {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.select__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.select__option:hover:not(.is-active) {
    background: rgba(243, 244, 249, .8)
}

.select__option.is-active {
    cursor: default;
    color: #00a0e3
}

.select__option.is-active svg {
    fill: #00a0e3
}

.select__option svg {
    width: 15px;
    height: 17px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: #171e29
}

.select__option svg:not(:first-child) {
    margin-left: 10px
}

.tab {
    display: none
}

.tab.is-active {
    display: block;
    -webkit-animation: showTab .4s ease;
    animation: showTab .4s ease
}

.tabs-nav-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    margin-bottom: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs-nav-1 a {
    font-weight: 700;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    padding: 0 32px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #171e29;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs-nav-1 a:first-child {
    border-radius: 4px 0 0 4px
}

.tabs-nav-1 a:last-child {
    border-radius: 0 4px 4px 0
}

.tabs-nav-1 a:not(:first-child)::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0;
    width: 1px;
    content: '';
    background: rgba(196, 196, 196, .4)
}

.tabs-nav-1 a strong {
    font-weight: 700;
    margin-left: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #00a0e3
}

.tabs-nav-1 a:hover {
    color: #00a0e3
}

.tabs-nav-1 a.is-active {
    cursor: default;
    color: #fff;
    background: #00a0e3
}

.tabs-nav-1 a.is-active::before {
    display: none
}

.tabs-nav-1 a.is-active strong {
    color: #fff
}

.tabs-nav-1 a.is-active+a::before {
    display: none !important
}

@-webkit-keyframes showTab {
    from {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes showTab {
    from {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rating>:not(:last-child) {
    margin-right: 10px
}

.rating svg {
    width: 18px;
    height: 18px;
    fill: #f3f4f9
}

.rating .is-active svg {
    fill: #ffc107
}

.header {
    position: relative;
    z-index: 10;
    padding-top: 26px;
    -webkit-box-shadow: 0 4px 42px rgba(31, 37, 70, .1);
    box-shadow: 0 4px 42px rgba(31, 37, 70, .1)
}

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

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

.header__logo img {
    height: 82px
}

.header__address {
    font-size: 10px;
    margin-left: 22px;
    padding-left: 22px;
    color: rgba(23, 30, 41, .6);
    border-left: 1px solid rgba(23, 30, 41, .1);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.header__search {
    margin: 0 36px 0 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

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

.header__menu>li:not(:last-child)>a {
    font-weight: 700;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 0 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: rgba(23, 30, 41, .7);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu>li:not(:last-child)>a::before {
    position: absolute;
    right: -2px;
    bottom: 0;
    left: -2px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background: #00a0e3
}

.header__menu>li:not(:last-child)>a span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu>li:not(:last-child)>a svg {
    width: 12px;
    height: 12px;
    margin-right: -2px;
    margin-left: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: rgba(23, 30, 41, .2)
}

.header__menu>li:not(:last-child)>a:hover {
    color: #171e29
}

.header__menu>li:not(:last-child)>a:hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.header__menu>li:not(:last-child)>a:hover svg {
    fill: #171e29
}

.header__menu>li.has-submenu {
    position: relative
}

.header__menu>li.has-submenu>ul {
    font-size: 12px;
    position: absolute;
    top: 100%;
    left: -40px;
    visibility: hidden;
    min-width: 255px;
    margin-top: -2px;
    padding: 20px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0;
    border-top: 2px solid #00a0e3;
    border-radius: 0 0 4px 4px;
    background: #fff;
    -webkit-box-shadow: 0 3px 15px 0 rgba(23, 30, 41, .1);
    box-shadow: 0 3px 15px 0 rgba(23, 30, 41, .1)
}

.header__menu>li.has-submenu>ul::before {
    position: absolute;
    bottom: 100%;
    left: 40px;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    content: '';
    border-width: 0 4px 4px 4px;
    border-style: solid;
    border-color: transparent transparent #00a0e3 transparent
}

.header__menu>li.has-submenu>ul a {
    display: block;
    padding: 10px 40px;
    white-space: nowrap;
    color: rgba(23, 30, 41, .7)
}

.header__menu>li.has-submenu>ul a:hover {
    color: #00a0e3
}

.header__menu>li.has-submenu:hover>a {
    color: #171e29
}

.header__menu>li.has-submenu:hover>a svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #171e29
}

.header__menu>li.has-submenu:hover>a::before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.header__menu>li.has-submenu:hover>ul {
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.header__menu-btn {
    display: none
}

.header__cart {
    font-size: 15px;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 0 20px;
    cursor: pointer;
    color: #171e29;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__cart svg {
    width: 30px;
    height: 30px;
    fill: #171e29
}

.header__cart svg:not(:last-child) {
    margin-right: 7px
}

.header__cart:hover {
    color: #00a0e3
}

.header__cart:hover svg {
    fill: #00a0e3
}

.menu {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: 0 0
}

.menu__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.menu__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    max-width: 400px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    background: #fff
}

.menu__content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 30px 20px 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.menu__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.menu__search {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.menu__close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: -15px -15px -15px 45px;
    padding: 15px;
    cursor: pointer;
    border: none;
    background: 0 0
}

.menu__close svg {
    width: 19px;
    height: 19px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #878ea5
}

.menu__close:hover svg {
    fill: #171e29
}

.menu__footer {
    margin-top: auto;
    padding-top: 30px
}

.menu__nav {
    overflow: hidden;
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.menu__nav li+li {
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.menu__nav li>ul {
    display: none
}

.menu__nav li>ul>* {
    -webkit-animation: slideFromRight .3s;
    animation: slideFromRight .3s
}

.menu__nav>li>a, .menu__nav>li>button {
    -webkit-animation: slideFromLeft .3s;
    animation: slideFromLeft .3s
}

.menu__nav a, .menu__nav button {
    font-size: 15px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 0;
    cursor: pointer;
    color: rgba(23, 30, 41, .7);
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__nav a span, .menu__nav button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__nav a:hover, .menu__nav button:hover {
    color: #171e29
}

.menu__nav a:hover svg, .menu__nav button:hover svg {
    opacity: 1
}

.menu__nav a svg, .menu__nav button svg {
    width: 12px;
    height: 12px;
    margin-left: auto;
    opacity: .2;
    fill: #171e29
}

.menu__nav a svg:first-child, .menu__nav button svg:first-child {
    margin-right: 20px;
    margin-left: unset
}

.menu__nav.submenu-active>li:not(.is-active) {
    display: none
}

.menu__nav.submenu-active>li.is-active {
    border: none
}

.menu__nav.submenu-active>li.is-active>a {
    display: none
}

.menu__nav.submenu-active>li.is-active>ul {
    display: block
}

@-webkit-keyframes slideFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes slideFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes slideFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes slideFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.footer {
    padding: 90px 0 95px
}

.footer__grid {
    display: grid;
    grid-template-columns: 390px 1fr;
    grid-template-areas: 'contacts menu''info info'
}

.footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    grid-area: contacts;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.footer__title {
    margin-bottom: 18px
}

.footer__socials {
    margin-top: 28px
}

.footer__contact {
    font-size: 12px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__contact+.footer__contact {
    margin-top: 18px
}

.footer__contact svg {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: #fff
}

.footer__menu {
    grid-area: menu
}

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

.footer__menu-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.footer__menu-col ul {
    font-size: 12px;
    margin: -5px 0
}

.footer__menu-col ul:not(:last-child) {
    margin-bottom: auto
}

.footer__menu-col ul a {
    display: block;
    padding: 5px 0;
    color: rgba(255, 255, 255, .7)
}

.footer__menu-col ul a:hover {
    color: #00a0e3
}

.footer__menu-title {
    font-weight: 700;
    margin-bottom: 10px
}

.footer__menu-btm-link {
    font-size: 12px;
    margin-top: 15px;
    color: rgba(135, 142, 165, .4)
}

.footer__col-divider {
    width: 1px;
    background: rgba(255, 255, 255, .1)
}

.footer__info {
    font-size: 12px;
    display: grid;
    margin-top: 45px;
    color: rgba(135, 142, 165, .4);
    grid-area: info;
    grid-template-columns: 390px 1fr
}

.footer__info a {
    color: inherit
}

/* develop */

.footer__info > div:last-child {
	display: flex;
}

.footer__info .developer {
    display: flex;
    color: rgba(135, 142, 165, .4);
    align-items: center;
    width: 225px;
    margin-left: 20px;
    font-size: 12px;
}

.footer__info a.developer:not(:hover) {
    color: rgba(135, 142, 165, .4);
    text-decoration: none;
}

.footer__info a.developer:hover {
	color: rgba(255, 255, 255, .4);
}

.footer__info .developer__title {
    margin: 0 15px 0 0;
    font-size: 12px;
    line-height: 12px;
}

.footer__info .developer__logo {
    max-height: 40px;
    max-width: 90px;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.footer__info .developer__logo .svg {
    top: 0;
}

.footer__info .developer__logo svg {
    max-height: 40px;
    max-width: 90px;
}
@media screen and (max-width: 1199px) {
	.footer__info > div:last-child {
		flex-direction: column;
	}
	.footer__info .developer {
	    margin-left: 0;
	    margin-top: 20px;
	}
}
/* /develop */

.header-contacts {
    display: grid;
    grid-template-areas: 'socials phone callback''info info callback';
    grid-column-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__socials, .footer__socials, .header-contacts__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: socials;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__socials a, .footer__socials a, .header-contacts__socials a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 4px;
    background: #00a0e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contacts__socials a:not(:first-child), .footer__socials a:not(:first-child), .header-contacts__socials a:not(:first-child) {
    margin-left: 8px
}

.contacts__socials a:hover, .footer__socials a:hover, .header-contacts__socials a:hover {
    background: #00aaf3
}

.contacts__socials a svg, .footer__socials a svg, .header-contacts__socials a svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

.header-contacts__phone {
    text-align: right;
    grid-area: phone
}

.header-contacts__phone a {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    color: #171e29
}

.header-contacts__phone a svg {
    display: none
}

.header-contacts__info {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px;
    color: rgba(23, 30, 41, .6);
    grid-area: info;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-contacts__info strong {
    font-weight: 700
}

.header-contacts__callback {
    grid-area: callback
}

.header-contacts__callback .btn {
    width: 100%
}

.searchform {
    position: relative
}

.searchform__field {
    width: 100%;
    padding-right: 68px
}

.searchform__submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 48px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: none;
    border-radius: 0 4px 4px 0;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.searchform__submit:hover {
    background: rgba(23, 30, 41, .05)
}

.searchform__submit svg {
    width: 14px;
    height: 14px;
    color: #878ea5
}

.banners {
    overflow: hidden
}

.banners-slider {
    margin: 0 70px
}

.banners-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 40px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banners-slider .slick-dots::after {
    min-width: 100vw;
    height: 1px;
    margin-left: 45px;
    content: '';
    background: rgba(135, 142, 165, .4)
}

.banners-slider .slick-dots li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.banners-slider .slick-dots li:not(:first-child) {
    margin-left: 12px
}

.banners-slider .slick-dots button {
    font-size: 0;
    position: relative;
    width: 6px;
    height: 6px;
    margin: 0;
    padding: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: none;
    border-radius: 50%;
    background: #878ea5
}

.banners-slider .slick-dots button::before {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';
    border-radius: 50%
}

.banners-slider .slick-dots .slick-active button {
    -webkit-box-shadow: 0 0 0 2px #878ea5;
    box-shadow: 0 0 0 2px #878ea5
}

.banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 554px;
    color: #fff;
    background-color: #878ea5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(23, 30, 41, .7)
}

.banner__container {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 320px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-width: 610px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.banner__subtitle {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: uppercase
}

.banner__buttons {
    margin-top: auto
}

.banner__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 25px 30px 35px;
    color: #171e29;
    border-radius: 4px;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 285px;
    flex: 0 0 285px
}

.banner__form h3 {
    margin-bottom: 20px
}

.banner__form .textfield {
    margin-bottom: 10px
}

.banner__form-btn {
    margin-top: auto;
    padding-top: 20px
}

.banner__hidden-lg-btn {
    display: none
}

.catalog-tiles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.catalog-tile {
    position: relative;
    overflow: hidden;
    height: 300px;
    color: #fff;
    background-color: #878ea5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.catalog-tile::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    background: rgba(0, 160, 227, .8)
}

.catalog-tile__title {
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 250px;
    padding: 23px 29px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.catalog-tile__more {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 23px 29px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(63px);
    -ms-transform: translateY(63px);
    transform: translateY(63px);
    opacity: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog-tile__more svg {
    width: 31px;
    height: 8px;
    margin-left: 10px;
    opacity: .5;
    fill: #fff
}

.catalog-tile:hover .catalog-tile__title {
    -webkit-transform: translateY(-43px);
    -ms-transform: translateY(-43px);
    transform: translateY(-43px)
}

.catalog-tile:hover .catalog-tile__more {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.catalog-tile:hover::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1
}

.catalog-tile:hover {
    color: #fff
}

.brands-grid {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 20px
}

.brands-grid__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    padding: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 4px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.brands-grid__item:hover {
    background: #00a0e3
}

.brands-grid__item img {
    max-width: 100%;
    max-height: 100%
}

.brands-grid__more {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    color: #878ea5;
    border-radius: 4px;
    background: rgba(255, 255, 255, .5);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-column: span 2
}

.brands-grid__more:hover {
    background: #fff
}

.text-brands-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.text-brands-grid>div {
    min-width: 100px;
    max-width: 25%;
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.text-brands-grid__item {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    text-transform: uppercase;
    color: rgba(23, 30, 41, .7);
    border-radius: 4px;
    background: rgba(255, 255, 255, .5);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-brands-grid__item:hover {
    background: #fff
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px
}

.service-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 30px;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    text-align: center;
    color: #171e29;
    border-radius: 4px;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.service-card__ic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.service-card__ic svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #171e29
}

.service-card__title {
    margin-top: 10px
}

.service-card:hover {
    color: #fff;
    background: #00a0e3
}

.service-card:hover .service-card__ic svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    fill: #fff
}

.gallery-1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 88px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.gallery-1__slider {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 0;
    padding-right: 115px
}

.gallery-1__text {
    padding-left: 540px
}

.slider-1__slide {
    width: 100%;
    height: 465px;
    background-color: #878ea5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.slider-1 .slick-list {
    border-bottom-right-radius: 4px
}

.slider-1 .slick-arrow {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 70px;
    height: 70px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: none;
    border-bottom-right-radius: 4px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider-1 .slick-arrow.prev {
    right: 70px;
    border-radius: 4px 0 0 0
}

.slider-1 .slick-arrow svg {
    width: 18px;
    height: 18px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: rgba(23, 30, 41, .2)
}

.slider-1 .slick-arrow:hover {
    background: #00a0e3
}

.slider-1 .slick-arrow:hover svg {
    fill: #fff
}

.benefits-wrapper {
    padding: 75px 0
}

.benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.benefits__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 30px 35px;
    text-align: center;
    border: 1px solid rgba(135, 142, 165, .3);
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.benefits__item-ic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.benefits__item-ic svg {
    width: 100%;
    height: 100%;
    fill: #171e29
}

.benefits__item-title {
    font-weight: 700;
    margin-bottom: 10px
}

.num-benefits-wrapper {
    padding: 60px 0
}

.num-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.num-benefits__num {
    margin-bottom: 5px
}

.num-benefits__title {
    font-weight: 700;
    margin-bottom: 15px
}

.work-steps {
    display: grid;
    padding-left: 25px;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 80px
}

.work-steps__item {
    position: relative;
    padding-right: 25px
}

.work-steps__num {
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    position: relative;
    height: 95px;
    color: #00a0e3
}

.work-steps__num::before {
    position: absolute;
    right: -25px;
    bottom: 20px;
    left: 0;
    height: 1px;
    content: '';
    background: -o-repeating-linear-gradient(left, #878ea5, #878ea5 3px, #fff 3px, #fff 9px);
    background: repeating-linear-gradient(to right, #878ea5, #878ea5 3px, #fff 3px, #fff 9px)
}

.work-steps__num::after {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    border: 2px solid #00a0e3;
    border-radius: 50%;
    background: #fff
}

.work-steps__title {
    position: relative
}

.work-steps__item:first-child .work-steps__num::after {
    background: #00a0e3
}

.work-steps__item:last-child .work-steps__num::before {
    display: none
}

.work-steps__item:last-child .work-steps__num::after {
    width: 13px;
    border-radius: 0;
    background: #00a0e3
}

.work-steps__item:last-child .work-steps__title:before {
    position: absolute;
    top: -25px;
    left: 9px;
    width: 8px;
    height: 8px;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff
}

.work-steps__item:nth-child(5n) .work-steps__num::before {
    left: -25px
}

.work-steps__item:nth-child(4n):not(:last-child)::after {
    position: absolute;
    top: 75px;
    right: 0;
    bottom: -40px;
    width: 1px;
    content: '';
    background: -o-repeating-linear-gradient(top, #878ea5, #878ea5 3px, #fff 3px, #fff 9px);
    background: repeating-linear-gradient(to bottom, #878ea5, #878ea5 3px, #fff 3px, #fff 9px)
}

.work-steps__item:nth-child(5n)::before {
    position: absolute;
    top: -40px;
    bottom: -21px;
    left: -25px;
    width: calc(400% + 25px);
    height: 1px;
    content: '';
    background: -o-repeating-linear-gradient(left, #878ea5, #878ea5 3px, #fff 3px, #fff 9px);
    background: repeating-linear-gradient(to right, #878ea5, #878ea5 3px, #fff 3px, #fff 9px)
}

.work-steps__item:nth-child(5n)::after {
    position: absolute;
    top: -40px;
    left: -25px;
    width: 1px;
    height: 110px;
    content: '';
    background: -o-repeating-linear-gradient(top, #878ea5, #878ea5 3px, #fff 3px, #fff 9px);
    background: repeating-linear-gradient(to bottom, #878ea5, #878ea5 3px, #fff 3px, #fff 9px)
}

.delivery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px
}

.delivery-grid__item {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 40px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.delivery-grid__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 70px;
    height: 70px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.delivery-grid__icon svg {
    width: 100%;
    height: 100%;
    fill: #00a0e3
}

.map-rating {
    font-size: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid rgba(135, 142, 165, .2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.map-rating>:not(:last-child) {
    margin-right: 30px
}

.map-rating__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.map-rating__icon img {
    height: 32px
}

.capture {
    font-size: 30px;
    font-weight: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.capture>:not(:last-child) {
    margin-bottom: 20px
}

.capture a {
    color: inherit
}

.video-section {
    position: relative;
    padding-bottom: 95px
}

.video-section::before {
    position: absolute;
    z-index: -1;
    top: -230px;
    right: calc(50% + 35px);
    bottom: 200px;
    left: 0;
    content: '';
    background: #f3f4f9
}

.video-section__main {
    position: relative;
    min-height: 337px;
    padding-left: 600px
}

.video-section__video {
    position: absolute;
    top: 0;
    left: -100px;
    width: 600px;
    height: 337px;
    background: #878ea5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.video-section__video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-section h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.video-section p {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 20px
}

.breadcrumbs {
    font-size: 12px;
    position: relative;
    padding: 45px 0;
    color: rgba(135, 142, 165, .4)
}

.breadcrumbs::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 65px;
    height: 135px;
    content: '';
    background: #f3f4f9
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs__list svg {
    width: 16px;
    height: 16px;
    margin-right: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    fill: #00a0e3
}

.breadcrumbs__list li:not(:last-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list li:not(:last-child)::after {
    width: 1px;
    height: 18px;
    margin-left: 20px;
    content: '';
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    background: rgba(135, 142, 165, .2)
}

.breadcrumbs__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #878ea5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list a:hover {
    color: #00a0e3 !important
}

.breadcrumbs__list li:first-child a {
    color: #171e29
}

.text-section::after {
    display: block;
    clear: both;
    content: ''
}

.text-section__compare {
    float: left;
    width: 442px;
    margin: 0 60px 20px 0
}

.text-section__compare .cd-image-container {
    height: 555px;
    margin: 0
}

.text-section__left-img {
    float: left;
    width: 442px;
    height: 412px;
    margin: 0 60px 20px 0;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.text-section__left-img--high {
    height: 607px
}

.text-section__left-img--sm {
    height: 315px
}

.text-section__right-img {
    float: right;
    width: 442px;
    height: 412px;
    margin: 0 0 20px 60px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.text-section__right-img--high {
    height: 640px
}

.text-section__video {
    position: relative;
    float: left;
    width: 520px;
    height: 325px;
    margin: 0 50px 25px 0
}

.text-section__video iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.text-section .text {
    grid-area: text
}

.text-section h2 {
    margin-bottom: 20px
}

.text-section h4 {
    font-size: 15px;
    margin: 20px 0 10px 0
}

.text-section h4.lg-margin {
    margin: 30px 0
}

.text-section ol:not(:last-child), .text-section p:not(:last-child), .text-section ul:not(:last-child) {
    margin-bottom: 15px
}

.text-section ul li:not(:last-child) {
    margin-bottom: 10px
}

.text-section ul li span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25px
}

.text-section ul li span::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    border: 2px solid #00a0e3;
    border-radius: 50%
}

.text-section ul.style-2 li span {
    padding-left: 33px
}

.text-section ul.style-2 li span::before {
    top: 3px;
    width: 16px;
    height: 16px;
    border: none;
    background: url(/local/templates/main/css/../img/icons/list-marker.svg) no-repeat;
    background-size: 100%
}

.text-section ol {
    margin: 0 0 15px 0;
    padding: 0;
    list-style-type: none
}

.text-section ol li:not(:last-child) {
    margin-bottom: 10px
}

.text-section ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.text-section ol li span:first-child {
    font-weight: 700;
    margin-right: 15px;
    color: #00a0e3
}

.text-section--type-2 h2 {
    margin-bottom: 30px
}

.text-section--type-2 p:not(:last-child), .text-section--type-2 ul:not(:last-child) {
    margin-bottom: 30px
}

.text-section--type-2 ul.style-2 li:not(:last-child) {
    margin-bottom: 20px
}

.table-1 {
    width: 100%;
    border-collapse: collapse
}

.table-1 th {
    font-weight: 700
}

.table-1 td, .table-1 th {
    padding: 20px 0;
    text-align: left
}

.table-1 td:first-child, .table-1 th:first-child {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00a0e3
}

.table-1 td span {
    white-space: nowrap
}

.table-1 td:not(:last-child) {
    padding-right: 70px
}

.table-1 tr:not(:last-child) td, .table-1 tr:not(:last-child) th {
    border-bottom: 1px solid rgba(135, 142, 165, .3)
}

.section-footer {
    display: grid;
    margin-top: 20px;
    grid-template-columns: 1fr auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-footer__right {
    line-height: 1.3;
    text-align: right
}

.section-footer__left {
    line-height: 1.3
}

.section-footer__left span {
    display: block;
    max-width: 350px
}

.work-steps-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.work-steps-2__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.work-steps-2__item+.work-steps-2__item {
    margin-top: 20px
}

.work-steps-2__item ul li:not(:last-child) {
    margin-bottom: 10px
}

.work-steps-2__item ul li {
    position: relative;
    padding-left: 25px
}

.work-steps-2__item ul li::before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    border: 2px solid #00a0e3;
    border-radius: 50%
}

.work-steps-2__num {
    font-size: 60px;
    font-weight: 900;
    line-height: 1;
    margin-right: 25px;
    color: #00a0e3;
    border-right: 1px solid rgba(135, 142, 165, .3);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.work-steps-2__title {
    font-weight: 700;
    margin-bottom: 10px
}

.photo-grid {
    display: grid;
    overflow: hidden;
    margin-top: 40px;
    border-radius: 4px;
    grid-template-columns: repeat(3, 1fr)
}

.photo-grid__item {
    position: relative;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 5px;
}

.photo-grid__item::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(22.83%, rgba(23, 30, 41, 0)), to(#171e29));
    background: -o-linear-gradient(top, rgba(23, 30, 41, 0) 22.83%, #171e29 100%);
    background: linear-gradient(180deg, rgba(23, 30, 41, 0) 22.83%, #171e29 100%)
}

.photo-grid__item-title {
    font-size: 20px;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 35px 40px;
    color: #fff
}

.photo-slider-wrapper {
    overflow: hidden
}

.photo-slider {
    margin: 0 -16px;
    display: flex;
    flex-direction: column;
}

.photo-slider__slide {
    padding: 10px 16px;
    width: 65%;
    display: flex;
    justify-content: center;
    align-self: center;
}

.photo-slider__thumb {
    display: block;
    width: 100%;
    height: 250px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.photo-slider .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    padding: 0;
    cursor: pointer;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.photo-slider .slick-arrow svg {
    width: 100%;
    height: 100%;
    fill: #878ea5
}

.photo-slider .slick-arrow:hover svg {
    fill: #00a0e3
}

.photo-slider .slick-arrow.prev {
    left: -171px
}

.photo-slider .slick-arrow.next {
    right: -171px
}

.table-2 {
    font-size: 25px;
    width: 100%;
    border-collapse: collapse
}

.table-2 td:not(:first-child) {
    text-align: right
}

.table-2 td {
    padding: 20px 0
}

.table-2 tr:not(:last-child) td {
    border-bottom: 1px solid rgba(135, 142, 165, .3)
}

.table-2 tr:first-child td {
    padding-top: 0
}

.table-2 td:last-child td {
    padding-bottom: 0
}

.table-2 td:first-child {
    text-transform: uppercase;
    color: #00a0e3
}

.help {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 50px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.help--with-border {
    border: 1px solid #00a0e3
}

.help:not(:first-child) {
    margin-top: 45px
}

.help__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 65px;
    height: 65px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px
}

.help__icon svg {
    width: 100%;
    height: 100%;
    fill: #00a0e3
}

.work-steps-3 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px
}

.work-steps-3__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.work-steps-3__num {
    font-size: 50px;
    font-weight: 900;
    line-height: 1.2;
    min-width: 95px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #00a0e3;
    border-bottom: 1px solid rgba(135, 142, 165, .3)
}

.action {
    margin: 50px 0;
    padding: 35px 20px;
    text-align: center;
    border: 1px solid #878ea5;
    border-radius: 4px
}

.action:first-child {
    margin-top: 0
}

.action:last-child {
    margin-bottom: 0
}

.action__title {
    margin-bottom: 15px
}

.action__text {
    margin: auto
}

.action__num {
    font-size: 30px;
    font-weight: 900;
    margin-top: 15px;
    color: #00a0e3
}

.brands-cards-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.brands-cards-grid>.brands-cards-grid {
    grid-column: span 2
}

.descr-card {
    padding: 50px;
    border: 1px solid rgba(135, 142, 165, .3);
    border-radius: 4px
}

.descr-card__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-bottom: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.descr-card__logo img {
    max-height: 100%
}

.descr-card__params {
    display: grid;
    width: 100%;
    max-width: 470px;
    margin-top: 30px;
    grid-template-columns: auto auto;
    grid-gap: 30px
}

.descr-card__param {
    font-size: 12px;
    padding: 10px 20px;
    border-radius: 4px;
    background: #f3f4f9
}

.descr-card__main h3 {
    margin-bottom: 20px
}

.descr-card__main p, .descr-card__main ul {
    margin: 0 0 20px
}

.descr-card__main p:last-child, .descr-card__main ul:last-child {
    margin-bottom: 0
}

.descr-card__main ul li {
    position: relative;
    padding-left: 25px
}

.descr-card__main ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    border: 2px solid #00a0e3;
    border-radius: 50%
}

.descr-card__main ul li:not(:first-child) {
    margin-top: 10px
}

.descr-card--wide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column: span 2
}

.descr-card--wide .descr-card__logo {
    height: auto;
    margin: 0 30px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.descr-card--wide .descr-card__logo img {
    max-height: 140px
}

.table-3 {
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse
}

.table-3 th {
    padding-bottom: 20px;
    text-align: left
}

.table-3 td {
    vertical-align: top
}

.table-3__head-row:not(:nth-child(2)) .table-3__head {
    padding-top: 20px
}

.table-3__head-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 35px 0 10px;
    border-top: 1px solid #00a0e3;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.table-3__head-toggle {
    display: none;
    margin: -5px -10px -10px 5px;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: 0 0
}

.table-3__head-toggle svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: .2;
    color: #171e29
}

.table-3__head-toggle:hover svg {
    opacity: 1
}

.table-3__head-toggle.is-active svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table-3__md-titles {
    display: none
}

.table-3__md-titles td {
    font-weight: 700;
    padding: 15px 0 10px
}

.table-3__head-row--d-none-desktop {
    display: none
}

.table-3__row td {
    padding: 10px 0;
    border-top: 1px solid rgba(135, 142, 165, .3)
}

.table-3__row td:first-child {
    font-weight: 700
}

.type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.type__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px
}

.type__icon img {
    height: 18px
}

.type__title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00a0e3
}

.type__title .tooltip-icon {
    position: relative;
    bottom: -2px
}

.type--black .type__title {
    text-transform: none;
    color: #171e29
}

.diff-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px
}

.diff-cards__item {
    padding: 30px 40px;
    border-radius: 4px;
    background: #fff
}

.table-4 {
    width: 100%;
    border-collapse: collapse
}

.table-4 th {
    font-weight: 700;
    padding-top: 20px;
    text-align: left;
    vertical-align: bottom
}

.table-4 th:first-child {
    font-size: 20px;
    text-transform: uppercase;
    color: #00a0e3
}

.table-4 td {
    padding: 13.5px 0
}

.table-4__th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #00a0e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table-4__th .tippy {
    margin: 0 0 -1px 10px
}

.table-4__row td {
    border-top: 1px solid rgba(135, 142, 165, .3)
}

.table-4__row td:first-child {
    font-weight: 700
}

.table-4__row-head .tippy {
    position: relative;
    bottom: -2px;
    margin-left: 4px
}

.table-4__head {
    padding-top: 20px;
    padding-bottom: 10px
}

.table-4__head--sm {
    display: none
}

.table-4__head--sm+.table-4__row td {
    border: none
}

.table-4__col-head {
    display: none
}

.table-4__head-title {
    font-size: 20px;
    font-weight: 700;
    padding-top: 35px;
    text-transform: uppercase;
    color: #00a0e3;
    border-top: 1px solid #00a0e3
}

.table-4__head-toggle {
    display: none;
    margin: -5px -10px -10px 5px;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: 0 0
}

.table-4__head-toggle svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: .2;
    color: #171e29
}

.table-4__head-toggle:hover svg {
    opacity: 1
}

.table-4__head-toggle.is-active svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.table-4 .sign {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #00a0e3
}

.benefits-2 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px
}

.benefits-2__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 30px 10px;
    border: 1px solid rgba(135, 142, 165, .3);
    border-radius: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.benefits-2__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px
}

.benefits-2__icon svg {
    max-width: 100%;
    max-height: 100%;
    fill: #171e29
}

.benefits-2__text {
    font-size: 12px;
    text-align: center
}

.cd-image-container {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.cd-resize-img {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 50%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-resize-img__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.cd-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%
}

.cd-handle::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 2px;
    content: '';
    background: #00a0e3
}

.cd-handle span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    border-radius: 50%;
    background: #00a0e3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cd-handle span svg {
    width: 12px;
    height: 12px;
    fill: #fff
}

.with-right-img {
    display: grid;
    grid-template-columns: 1fr 442px;
    grid-gap: 60px
}

.with-right-img .cd-image-container {
    height: 402px;
    margin: 0
}

.prices-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px
}

.price-card {
    padding: 50px;
    border-radius: 4px;
    background: #fff
}

.price-card__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.price-card__logo img {
    max-height: 100%
}

.price-card__title {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #00407a
}

.price-card__title--accent {
    color: #00a0e3
}

.price-card__val {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: uppercase
}

.price-card__text {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px
}

.price-card__info {
    color: #878ea5
}

.catalog-head h2 {
    margin-bottom: 30px
}

.catalog {
    margin-top: 40px
}

.catalog__grid {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-gap: 100px
}

.catalog__main-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog__main-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog__show-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    padding-left: 10px;
    color: #878ea5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.catalog__show-by a {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: inherit
}

.catalog__show-by a.is-active, .catalog__show-by a:hover {
    color: #00a0e3
}

.catalog__show-by>:not(:last-child) {
    margin-right: 20px
}

.catalog__items {
    margin-top: 25px
}

.catalog__items>:not(:first-child) {
    margin-top: 30px
}

.catalog__filter-btn {
    display: none
}

.filters__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filters__head h3 {
    margin: 0
}

.filters__close {
    display: none
}

.filters__group {
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.filters__toggle-group {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 8px 15px 0;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filters__toggle-group .sm {
    font-size: 12px;
    font-weight: 400
}

.filters__toggle-group:hover {
    color: #00a0e3
}

.filters__toggle-group svg {
    width: 12px;
    height: 12px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: rgba(135, 142, 165, .3)
}

.filters__group.is-disabled .filters__toggle-group {
    cursor: default;
    color: rgba(23, 30, 41, .4)
}

.filters__group.is-disabled .filters__toggle-group svg {
    fill: rgba(23, 30, 41, .4)
}

.filters__group.is-open .filters__toggle-group svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filters__group-items-wrap {
    display: none;
    margin-top: -5px;
    padding-right: 7px;
    padding-bottom: 25px
}

.filters__group.is-open .filters__group-items-wrap {
    display: block
}

.filters__group-items {
    overflow-y: auto;
    max-height: 220px
}

.filters__group-items .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filters__group-items .checkbox:not(:first-child) {
    margin-top: 15px
}

.filters__accept {
    display: none
}

.filters__buttons {
    margin-top: 40px
}

.filters__buttons .btn {
    width: 100%
}

.filters__group.is-open+.filters__buttons {
    margin-top: 30px
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination a {
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #878ea5;
    border-radius: 4px;
    background: #f3f4f9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination a:hover {
    background: rgba(135, 142, 165, .2)
}

.pagination a svg {
    width: 16px;
    height: 16px;
    fill: #878ea5
}

.pagination a:not(:first-child) {
    margin-left: 10px
}

.pagination a.is-active {
    color: #fff;
    background: #00a0e3
}

.prod-card {
    padding: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid rgba(135, 142, 165, .2);
    border-radius: 4px
}

.prod-card:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 24px 50px rgba(31, 37, 70, .1);
    box-shadow: 0 24px 50px rgba(31, 37, 70, .1)
}

.prod-card__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.prod-card__title {
    font-size: 20px;
    font-weight: 700;
    max-width: 465px;
    margin-right: 30px;
    color: #00a0e3
}

.prod-card__logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.prod-card__logo img {
    height: 40px
}

.prod-card__params {
    margin-top: 20px
}

.prod-card__params-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px -30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.prod-card__param-1 {
    padding: 5px 30px;
    color: #878ea5;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.prod-card__params-2 {
    display: grid;
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 4px;
    background: #f3f4f9;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px
}

.prod-card__param-2 {
    padding: 10px 0;
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.prod-card__param-2:nth-child(1), .prod-card__param-2:nth-child(2), .prod-card__param-2:nth-child(3) {
    border: none
}

.prod-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    margin-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.prod-card__price {
    margin-left: 30px
}

.prod-card__price strong {
    font-size: 25px;
    font-weight: 700;
    line-height: 1
}

.prod-card__price-info {
    font-size: 12px;
    color: #878ea5
}

.brands-info__item:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.brands-info__btm-text {
    font-weight: 700;
    margin-top: 20px
}

.product__grid {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-template-rows: auto auto 1fr;
    grid-column-gap: 70px;
    grid-row-gap: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-areas: 'gallery params''gallery title''gallery main'
}

.product__title {
    grid-area: title
}

.product__title h3 {
    margin-bottom: 30px
}

.product__gallery {
    height: 100%;
    grid-area: gallery
}

.product__photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 520px;
    min-height: 100%;
    padding: 10px;
    background: #f3f4f9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__photo img {
    max-width: 100%;
    max-height: 100%
}

.product__params-1 {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    color: #878ea5;
    grid-area: params;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__main {
    grid-area: main
}

.product__params-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px
}

.product__params-2>div {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.product__params-2>div:nth-child(1), .product__params-2>div:nth-child(2) {
    margin: 0;
    padding: 0;
    border-top: none
}

.product__prices {
    margin-top: 40px
}

.product__prices strong {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2
}

.product__price-info {
    font-size: 12px;
    color: #878ea5
}

.product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product__btns>:not(:last-child) {
    margin-right: 20px
}

.product__text {
    margin-top: 90px
}

.product__text h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px
}

.product__text p {
    margin: 10px 0 0 0
}

.additional__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(135, 142, 165, .2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.additional__row:first-child {
    padding-top: 0
}

.additional__row-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.additional__price {
    font-size: 25px;
    margin-left: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.additional__title {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase
}

.additional__btn {
    margin-left: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cart {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 68px
}

.cart__sidebar {
    padding: 30px 25px;
    background: #f3f4f9
}

.cart__total-title {
    font-size: 20px;
    color: #878ea5
}

.cart__total-price {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.4
}

.cart__submit-btn {
    width: 100%;
    margin-top: 20px
}

.cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 30px;
    border: 1px solid rgba(135, 142, 165, .2);
    border-radius: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cart-item+.cart-item {
    margin-top: 20px
}

.cart-item__prod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: 40px;
    margin-right: auto;
    padding-right: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-item__title {
    font-weight: 700;
    color: #00a0e3
}

.cart-item__prod-info {
    font-size: 12px;
    margin-top: 10px;
    color: #878ea5
}

.cart-item__quantity {
    padding-right: 30px
}

.cart-item__price {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px
}

.cart-item__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-item__remove button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: -10px;
    padding: 10px;
    cursor: pointer;
    border: none;
    background: 0 0
}

.cart-item__remove button svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: rgba(135, 142, 165, .6)
}

.cart-item__remove button:hover svg {
    fill: #878ea5
}

.cart-empty__text {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #878ea5
}

.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    background: #f3f4f9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quantity button {
    font-size: 18px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: none;
    background: 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.quantity button:hover {
    background: rgba(23, 30, 41, .1)
}

.quantity__input {
    font-size: 15px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    border: none;
    background: 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.extra-services {
    margin-top: 20px
}

.extra-services__header {
    font-size: 18px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.extra-services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
    border-top: 1px solid rgba(135, 142, 165, .2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.extra-services__item .checkbox {
    font-size: 15px
}

.extra-services__item .checkbox input:checked+i+span {
    font-weight: 700
}

.extra-services__price {
    font-size: 12px;
    font-weight: 700;
    padding-left: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.extra-services__info {
    display: none;
    margin-top: 5px;
    color: #878ea5
}

.order-form .textfield {
    width: 100%
}

.order-form textarea {
    height: 85px;
    resize: none
}

.order-form__title {
    font-weight: 700;
    margin-bottom: 20px;
    color: #878ea5
}

.order-form__textfield+.order-form__textfield {
    margin-top: 10px
}

.order-form__section {
    margin-top: 20px
}

.order-form__label {
    font-size: 10px;
    margin-bottom: 10px;
    color: #878ea5
}

.order-form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.order-form__radio {
    margin: 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.order-form__radio input {
    display: none
}

.order-form__radio span {
    font-size: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 40px;
    padding: 0 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #878ea5;
    border: 1px solid #fff;
    border-radius: 4px;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order-form__radio span:hover {
    color: #171e29
}

.order-form__radio input:checked+span {
    color: #171e29;
    border-color: #00a0e3
}

.order-form__footer {
    margin-top: 10px
}

.order-form__total {
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #878ea5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order-form__total strong {
    color: #171e29
}

.order-form__submit {
    margin-top: 20px
}

.order-form__btn {
    width: 100%
}

.info-section {
    margin: 90px 0
}

.info-section__container {
    display: grid;
    grid-template-columns: 330px 1fr;
    grid-gap: 100px
}

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

.info-section__img img {
    max-width: 100%
}

.info-section__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.info-section h1 {
    margin-bottom: 25px
}

.info-section p {
    font-size: 18px;
    margin-bottom: auto
}

.info-section__btn {
    margin-top: 40px
}

.contacts {
    display: grid;
    background: #fff;
    grid-template-columns: 1fr 1fr
}

.contacts__left {
    padding: 50px;
    background: #f3f4f9
}

.contacts__right {
    font-size: 12px;
    padding: 50px
}

.contacts__right p {
    margin: 0
}

.contacts__right p:not(:first-child) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.contacts__title {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 25px
}

.contacts__item {
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #171e29;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contacts__item+.contacts__item {
    margin-top: 25px
}

.contacts__item svg {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-right: 15px;
    fill: #171e29;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.contacts__item a {
    color: #171e29
}

.contacts__item a.accent {
    color: #00a0e3
}

.contacts__item div+div {
    margin-top: 10px
}

.contacts__socials {
    margin-top: 35px
}

.contacts-map {
    position: relative;
    height: 695px;
    margin-top: -265px;
    background: #878ea5
}

.contacts-map iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100% !important
}

.search-empty {
    margin-top: 35px
}

.search-empty h3 {
    margin-bottom: 20px
}

.search-empty p {
    font-size: 18px;
    margin: 0
}

.search-empty__btn {
    margin-top: 40px
}

.page-search {
    position: relative;
    z-index: 10
}

.page-search__textfield {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-search__input {
    font-size: 15px;
    display: block;
    width: 100%;
    height: 64px;
    padding: 0 95px 0 35px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #171e29;
    border: none;
    border-radius: 4px;
    background: #f3f4f9
}

.page-search__input::-webkit-input-placeholder {
    color: #878ea5
}

.page-search__input::-moz-placeholder {
    color: #878ea5
}

.page-search__input:-ms-input-placeholder {
    color: #878ea5
}

.page-search__input::-ms-input-placeholder {
    color: #878ea5
}

.page-search__input::placeholder {
    color: #878ea5
}

.page-search__submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 85px;
    padding: 0;
    cursor: pointer;
    border: none;
    background: 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-search__submit svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #878ea5
}

.page-search__submit:hover svg {
    fill: #00a0e3
}

.page-search__results {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    padding: 64px 35px 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 4px;
    background: #fff
}

.page-search__results a {
    display: block;
    padding: 15px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #878ea5;
    border-top: 1px solid rgba(135, 142, 165, .2)
}

.page-search__results a:hover {
    color: #00a0e3
}

.page-search.is-active .page-search__input {
    background: #fff
}

.page-search.is-active .page-search__results {
    display: block;
    -webkit-box-shadow: 0 4px 42px 0 rgba(31, 37, 70, .1);
    box-shadow: 0 4px 42px 0 rgba(31, 37, 70, .1)
}

.search-results {
    margin-top: 20px
}

.search-results__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(135, 142, 165, .2);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-results__title {
    font-size: 18px;
    padding-right: 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #171e29
}

.search-results__more {
    padding-top: 3px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: rgba(0, 160, 227, .4)
}

.search-results__item:hover .search-results__more, .search-results__item:hover .search-results__title {
    color: #00a0e3
}

.modal {
    font-size: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow-y: auto;
    padding: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    opacity: 0;
    background: rgba(23, 30, 41, .8)
}

.modal::before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle
}

.modal__backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal__content {
    font-size: 1rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-width: 350px;
    padding: 40px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    text-align: left;
    vertical-align: middle;
    border-radius: 4px;
    background: #fff
}

.modal__close {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 17px;
    cursor: pointer;
    border: none;
    background: 0 0
}

.modal__close svg {
    width: 16px;
    height: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: rgba(135, 142, 165, .2)
}

.modal__close:hover svg {
    fill: #878ea5
}

.modal__title {
    font-size: 24px;
    margin-bottom: 13px;
    padding-right: 10px
}

.modal__form>:not(:first-child) {
    margin-top: 10px
}

.modal__form .textfield {
    width: 100%
}

.modal__form .btn {
    width: 100%
}

.modal__form-btn {
    padding-top: 10px
}

.modal.is-active {
    visibility: visible;
    opacity: 1
}

.modal.is-active .modal__content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.fancybox-nav-and-caption {
    position: absolute;
    z-index: 100000;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px
}

.fancybox-navigation {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fancybox-button, .fancybox-navigation .fancybox-button {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 47px;
    height: 47px;
    padding: 0;
    opacity: 1;
    background: rgba(23, 30, 41, .8);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fancybox-button svg, .fancybox-navigation .fancybox-button svg {
    width: 14px;
    height: 14px;
    fill: #fff
}

.fancybox-button:hover, .fancybox-navigation .fancybox-button:hover {
    background: #fff
}

.fancybox-button:hover svg, .fancybox-navigation .fancybox-button:hover svg {
    fill: #00a0e3
}

.fancybox-infobar {
    display: none
}

.fancybox-caption, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    visibility: visible;
    opacity: 1
}

.fancybox-button--close {
    position: absolute;
    top: 30px;
    right: 30px;
    border-radius: 4px
}

.fancybox-navigation .fancybox-button:first-child {
    border-top-left-radius: 4px
}

.fancybox-navigation .fancybox-button:last-child {
    border-top-right-radius: 4px
}

.fancybox-caption {
    position: static;
    max-width: 600px;
    margin: 0;
    padding: 20px;
    text-align: left;
    background: rgba(23, 30, 41, .8)
}

.fancybox-caption>:last-child {
    margin-bottom: 0
}

.fancybox-caption h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 5px;
    text-transform: none
}

.fancybox-caption p {
    font-size: 15px;
    margin: 0 0 5px
}

.d-none {
    display: none
}

@media (max-width:1700px) {
    .photo-slider .slick-arrow {
        width: 40px;
        height: 40px;
        margin-top: -20px
    }

    .photo-slider .slick-arrow.prev {
        left: -40px
    }

    .photo-slider .slick-arrow.next {
        right: -40px
    }
}

@media screen and (max-width:1440px) {
    .bg-left::before {
        right: 0
    }

    .bg-right::before {
        left: 0
    }

    .bg-center::before {
        right: 0;
        left: 0
    }

    .banners-slider {
        margin: 0
    }

    .video-section__main {
        padding-left: 650px
    }

    .video-section__video {
        left: 0
    }

    .video-section h3 {
        font-size: 20px
    }

    .video-section p {
        font-size: 16px
    }

    .breadcrumbs::before {
        display: none
    }

    .photo-slider .slick-arrow {
        width: 36px;
        height: 36px;
        margin-top: -18px;
        padding: 8px 5px;
        background: #fff;
        -webkit-box-shadow: 0 3px 15px 0 rgba(23, 30, 41, .1);
        box-shadow: 0 3px 15px 0 rgba(23, 30, 41, .1)
    }

    .photo-slider .slick-arrow.prev {
        left: -5px
    }

    .photo-slider .slick-arrow.next {
        right: -5px
    }
}

@media screen and (max-width:1199px) {
    .container {
        max-width: 768px;
        padding: 0 25px
    }

    .padding-lg {
        padding: 70px 0 80px
    }

    .padding-lg--no-padding-top {
        padding-top: 0
    }

    .padding-lg--no-padding-bottom {
        padding-bottom: 0
    }

    .padding-lg--translate-top {
        margin-top: -300px;
        padding-top: 370px
    }

    .section-head {
        margin-bottom: 25px
    }

    .text-lg-desktop {
        font-size: 15px
    }

    .btm-descr {
        margin-top: 25px;
        text-align: center
    }

    .page-title {
        text-align: center
    }

    .col-1-md {
        grid-column: span 1
    }

    .col-2-md {
        grid-column: span 2
    }

    .col-3-md {
        grid-column: span 3
    }

    .col-4-md {
        grid-column: span 4
    }

    .col-5-md {
        grid-column: span 5
    }

    .col-6-md {
        grid-column: span 6
    }

    .col-7-md {
        grid-column: span 7
    }

    .col-8-md {
        grid-column: span 8
    }

    .col-9-md {
        grid-column: span 9
    }

    .col-10-md {
        grid-column: span 10
    }

    .col-11-md {
        grid-column: span 11
    }

    .col-12-md {
        grid-column: span 12
    }

    .tabs-nav-1 {
        font-size: 13px
    }

    .tabs-nav-1 a {
        padding: 0 20px
    }

    .header {
        padding: 20px 0
    }

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

    .header__top {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .header__search {
        display: none
    }

    .header__address {
        margin-right: auto
    }

    .header__menu {
        margin-left: 27px
    }

    .header__menu>li:not(:last-child) {
        display: none
    }

    .header__menu-btn {
        font-size: 0;
        display: block;
        margin: -15px 14px -15px -15px;
        padding: 15px;
        border: none;
        background: 0 0
    }

    .header__menu-btn::after, .header__menu-btn::before {
        display: block;
        content: ''
    }

    .header__menu-btn span {
        margin: 5px 0
    }

    .header__menu-btn span, .header__menu-btn::after, .header__menu-btn::before {
        display: block;
        width: 19px;
        height: 3px;
        background: #00a0e3
    }

    .header__cart {
        padding: 0
    }

    .menu.is-active {
        visibility: visible;
        background: rgba(23, 30, 41, .8)
    }

    .menu.is-active .menu__content {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .footer {
        padding: 70px 0 75px
    }

    .footer__grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: 'contacts menu''info menu'
    }

    .footer__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding-right: 100px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__info>:not(:first-child) {
        margin-top: 20px
    }

    .footer__menu-cols {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .footer__menu-col:not(:first-child) {
        margin-top: 15px
    }

    .header-contacts {
        grid-template-areas: 'socials phone''info info''callback callback'
    }

    .header-contacts__callback {
        margin-top: 15px
    }

    .header-contacts--md-compact {
        padding-right: 30px;
        border-right: 1px solid rgba(23, 30, 41, .1);
        grid-template-areas: 'phone phone''socials callback';
        grid-column-gap: 5px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .header-contacts--md-compact .header-contacts__info {
        display: none
    }

    .header-contacts--md-compact .header-contacts__phone {
        text-align: left
    }

    .header-contacts--md-compact .contacts__socials a, .header-contacts--md-compact .footer__socials a, .header-contacts--md-compact .header-contacts__socials a {
        width: 30px;
        height: 30px
    }

    .header-contacts--md-compact .contacts__socials a:not(:first-child), .header-contacts--md-compact .footer__socials a:not(:first-child), .header-contacts--md-compact .header-contacts__socials a:not(:first-child) {
        margin-left: 5px
    }

    .header-contacts--md-compact .header-contacts__callback {
        margin-top: 0
    }

    .header-contacts--md-compact .header-contacts__callback .btn {
        font-size: 9px;
        height: 30px;
        min-height: 0
    }

    .header-contacts--md-compact .header-contacts__callback .btn__content {
        width: 56px;
        padding: 0 9px
    }

    .header-contacts--md-compact .header-contacts__callback .btn__icon {
        display: none
    }

    .banners-slider .slick-dots {
        padding: 25px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banners-slider .slick-dots::before {
        min-width: 100vw;
        height: 1px;
        margin-right: 45px;
        content: '';
        background: 0 0
    }

    .banner {
        min-height: 406px;
        text-align: center
    }

    .banner__container {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .banner__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .banner__form {
        display: none
    }

    .banner__title {
        margin-bottom: 30px
    }

    .banner__subtitle {
        margin-bottom: 15px
    }

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

    .banner__buttons>:not(:last-child) {
        margin-right: 20px
    }

    .banner__hidden-lg-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .catalog-tiles-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .brands-grid {
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 12px;
        grid-row-gap: 20px
    }

    .brands-grid__more {
        display: none
    }

    .text-brands-grid {
        margin: -6px
    }

    .text-brands-grid>div {
        padding: 6px
    }

    .services-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery-1 {
        padding-top: 465px
    }

    .gallery-1__slider {
        top: 0;
        right: 0;
        bottom: auto;
        padding: 0
    }

    .gallery-1__text {
        margin-top: 35px;
        padding-left: 0
    }

    .benefits-wrapper {
        padding: 25px 0 50px
    }

    .benefits__item {
        padding: 30px 10px
    }

    .benefits__item-text {
        font-size: 12px
    }

    .num-benefits-wrapper {
        padding: 50px 0
    }

    .num-benefits {
        grid-gap: 20px
    }

    .num-benefits__num {
        font-size: 25px
    }

    .work-steps__item br {
        display: none
    }

    .delivery-grid {
        grid-gap: 20px
    }

    .delivery-grid__item {
        flex-direction: column;
        padding: 30px 20px;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .delivery-grid__icon {
        width: 60px;
        height: 60px;
        margin: 0 0 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }

    .video-section {
        padding-bottom: 80px
    }

    .video-section::before {
        top: -146px;
        right: 50%;
        bottom: auto;
        left: 0;
        height: 340px
    }

    .video-section__main {
        padding-left: 0
    }

    .video-section__video {
        position: relative;
        float: left;
        width: 412px;
        height: 227px;
        margin: 0 30px 20px 0
    }

    .video-section h3 {
        font-size: 15px;
        margin-bottom: 15px
    }

    .video-section p {
        font-size: 15px
    }

    .breadcrumbs {
        padding: 25px 0 35px
    }

    .breadcrumbs__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .text-section h2 {
        margin-bottom: 25px;
        text-align: center
    }

    .text-section h3 {
        font-size: 26px
    }

    .text-section__left-img {
        width: 274px;
        height: 255px;
        margin: 0 30px 20px 0
    }

    .text-section__left-img--high {
        height: 542px
    }

    .text-section__left-img--sm {
        height: 300px
    }

    .text-section__compare {
        float: none;
        width: 100%;
        margin: 0 0 40px
    }

    .text-section__compare .cd-image-container {
        height: 430px
    }

    .text-section__right-img {
        width: 274px;
        height: 255px;
        margin: 0 0 20px 30px
    }

    .text-section__right-img--high {
        height: 640px
    }

    .text-section__video {
        width: 410px;
        height: 230px;
        margin-right: 35px
    }

    .table-1 td:first-child {
        font-size: 15px;
        max-width: 130px
    }

    .table-1 td:not(:last-child) {
        padding-right: 40px
    }

    .section-footer {
        text-align: center;
        grid-template-columns: 1fr
    }

    .section-footer__right {
        text-align: center
    }

    .section-footer__left {
        grid-row-start: 2
    }

    .section-footer__left span {
        display: block;
        margin: 0 auto 10px
    }

    .section-footer__btn {
        margin-bottom: 20px;
        grid-row-start: 1
    }

    .work-steps-2 {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .photo-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .photo-slider {
        margin: 0 -8px
    }

    .photo-slider .slick-list {
        overflow: visible
    }

    .photo-slider__slide {
        padding: 5px 8px
    }

    .photo-slider__thumb {
        height: 155px
    }

    .table-2 {
        font-size: 15px
    }

    .work-steps-3 {
        grid-template-columns: repeat(2, 1fr)
    }

    .work-steps-3__item {
        flex-direction: row;
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }

    .work-steps-3__num {
        min-width: 50px;
        margin: 0 15px 0 0;
        padding: 0 10px 0 0;
        border-right: 1px solid rgba(135, 142, 165, .3);
        border-bottom: none;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px
    }

    .action {
        margin: 45px 0
    }

    .brands-cards-grid {
        grid-template-columns: 1fr
    }

    .brands-cards-grid>.brands-cards-grid {
        grid-column: initial
    }

    .descr-card--wide {
        display: block;
        grid-column: initial
    }

    .descr-card--wide .descr-card__logo {
        height: 50px;
        margin: 0 0 30px
    }

    .descr-card--wide .descr-card__logo img {
        max-height: 100%
    }

    .table-3__head-row--d-none-desktop {
        display: table-row
    }

    .table-3__head-toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .table-3__md-titles, .table-3__row {
        display: none
    }

    .table-3__md-titles.is-active, .table-3__row.is-active {
        display: table-row
    }

    .type__title {
        max-width: 450px
    }

    .diff-cards {
        grid-template-columns: 1fr
    }

    .table-4__sm-labels th:not(:first-child) .table-4__th {
        font-size: 10px
    }

    .benefits-2 {
        grid-template-columns: repeat(3, 1fr)
    }

    .with-right-img {
        grid-template-columns: 1fr;
        grid-gap: 45px
    }

    .with-right-img .cd-image-container {
        height: 313px
    }

    .prices-cards {
        grid-gap: 15px
    }

    .price-card {
        padding: 30px
    }

    .price-card__title, .price-card__val {
        font-size: 20px
    }

    .catalog-head h2 {
        text-align: center
    }

    .catalog-head .help {
        margin-top: 25px
    }

    .catalog__grid {
        display: block
    }

    .catalog__main-head {
        padding-top: 0
    }

    .catalog__filter-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 95px
    }

    .catalog__items>:not(:first-child) {
        margin-top: 20px
    }

    .filters {
        position: fixed;
        z-index: 1000;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        visibility: hidden;
        overflow-y: auto;
        padding: 20px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        opacity: 0;
        background: #fff;
        -webkit-box-shadow: 0 0 30px 0 rgba(23, 30, 41, .2);
        box-shadow: 0 0 30px 0 rgba(23, 30, 41, .2)
    }

    .filters.is-active {
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }

    .filters__head h3 {
        font-size: 20px
    }

    .filters__close {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: -20px -10px -15px;
        padding: 15px;
        cursor: pointer;
        border: none;
        background: 0 0
    }

    .filters__close svg {
        width: 16px;
        height: 16px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        fill: rgba(135, 142, 165, .2)
    }

    .filters__close:hover svg {
        fill: rgba(135, 142, 165, .8)
    }

    .filters__accept {
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px
    }

    .filters__buttons {
        margin-top: 20px
    }

    .filters__group.is-open+.filters__buttons {
        margin-top: 15px
    }

    .product__grid {
        grid-template-areas: 'title title''params params''gallery main';
        grid-column-gap: 35px;
        grid-template-columns: 295px 1fr
    }

    .product__title {
        text-align: center
    }

    .product__params-1 {
        margin-bottom: 40px
    }

    .product__photo {
        height: 380px
    }

    .product__params-2>div span {
        display: block
    }

    .product__btns>:not(:last-child) {
        margin-right: 10px
    }

    .product__btns .btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .product__btns .btn__content {
        padding: 0 25px
    }

    .product__text {
        margin-top: 40px
    }

    .product__text h4 {
        margin-bottom: 15px
    }

    .additional__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .additional__row-left {
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .additional__title {
        font-size: 20px
    }

    .additional__price {
        line-height: 1.2
    }

    .additional__btn {
        margin: 10px 0 0
    }

    .cart {
        grid-template-columns: 1fr;
        grid-gap: 30px
    }

    .cart__sidebar {
        text-align: center
    }

    .cart-empty {
        margin-bottom: 20px;
        text-align: center
    }

    .order-form__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .order-form__total {
        display: block;
        text-align: left
    }

    .order-form__submit {
        margin-top: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px
    }

    .info-section {
        margin: 60px 0
    }

    .info-section__container {
        display: block
    }

    .info-section__img {
        margin-bottom: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .info-section__img img {
        max-height: 150px
    }

    .info-section__main {
        padding-bottom: 0;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .info-section h1 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .contacts {
        grid-template-columns: 310px 1fr
    }

    .contacts__left {
        padding: 50px 30px 50px 50px
    }

    .contacts__right {
        padding: 50px 20px
    }

    .contacts-map {
        height: 670px
    }

    .search-empty h3 {
        margin-bottom: 10px
    }

    .search-empty__btn {
        margin-top: 25px
    }

    .d-none-md {
        display: none
    }

    .d-block-md {
        display: block
    }

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

@media screen and (max-width:767px) {
    .container {
        max-width: 575px;
        padding: 0 20px
    }

    .padding-lg {
        padding: 40px 0 50px
    }

    .padding-lg--no-padding-top {
        padding-top: 0
    }

    .padding-lg--no-padding-bottom {
        padding-bottom: 0
    }

    .padding-lg--translate-top {
        margin-top: -200px;
        padding-top: 240px
    }

    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 26px
    }

    h3 {
        font-size: 20px
    }

    .bottom-btn {
        margin-top: 30px
    }

    .btm-descr {
        margin-top: 15px
    }

    .page-title {
        margin-bottom: 25px
    }

    .col-1-sm {
        grid-column: span 1
    }

    .col-2-sm {
        grid-column: span 2
    }

    .col-3-sm {
        grid-column: span 3
    }

    .col-4-sm {
        grid-column: span 4
    }

    .col-5-sm {
        grid-column: span 5
    }

    .col-6-sm {
        grid-column: span 6
    }

    .col-7-sm {
        grid-column: span 7
    }

    .col-8-sm {
        grid-column: span 8
    }

    .col-9-sm {
        grid-column: span 9
    }

    .col-10-sm {
        grid-column: span 10
    }

    .col-11-sm {
        grid-column: span 11
    }

    .col-12-sm {
        grid-column: span 12
    }

    .tabs-nav-1 {
        margin-bottom: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tabs-nav-1 a {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .header {
        padding: 16px 0
    }

    .header__menu-btn {
        margin-right: 7px
    }

    .header__menu {
        margin: 0
    }

    .header__logo {
        margin-right: auto
    }

    .header__logo img {
        height: 50px
    }

    .header__address {
        display: none
    }

    .header__cart {
        padding: 5px 0 5px 6px
    }

    .header__cart svg {
        width: 24px;
        height: 24px
    }

    .footer {
        padding: 40px 0
    }

    .footer__grid {
        grid-template-areas: 'menu''contacts''info';
        grid-template-columns: 1fr
    }

    .footer__contacts {
        margin-top: 35px
    }

    .footer__menu-col:not(:first-child) {
        margin-top: 30px
    }

    .footer__info {
        margin-top: 25px;
        padding-right: 0
    }

    .footer__title {
        font-size: 30px
    }

    .header-contacts--md-compact {
        padding-right: 10px;
        border-right: none;
        grid-template-areas: 'phone socials';
        grid-column-gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-contacts--md-compact .header-contacts__info {
        display: none
    }

    .header-contacts--md-compact .header-contacts__phone {
        text-align: left
    }

    .header-contacts--md-compact .header-contacts__phone a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header-contacts--md-compact .header-contacts__phone a span {
        display: none
    }

    .header-contacts--md-compact .header-contacts__phone a svg {
        display: inline-block;
        width: 24px;
        height: 24px
    }

    .header-contacts--md-compact .contacts__socials a, .header-contacts--md-compact .footer__socials a, .header-contacts--md-compact .header-contacts__socials a {
        width: 22px;
        height: 22px
    }

    .header-contacts--md-compact .contacts__socials a:not(:first-child), .header-contacts--md-compact .footer__socials a:not(:first-child), .header-contacts--md-compact .header-contacts__socials a:not(:first-child) {
        margin-left: 5px
    }

    .header-contacts--md-compact .header-contacts__callback {
        display: none
    }

    .banners-slider .slick-dots {
        padding: 22px 0
    }

    .banner {
        min-height: 420px
    }

    .banner__subtitle {
        font-size: 30px;
        margin-bottom: 10px
    }

    .banner__buttons {
        flex-direction: column;
        width: 100%;
        max-width: 280px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .banner__buttons .btn {
        width: 100%
    }

    .banner__buttons>* {
        width: 100%
    }

    .banner__buttons>:not(:last-child) {
        margin: 0 0 20px
    }

    .catalog-tiles-grid {
        grid-template-columns: 1fr
    }

    .catalog-tile {
        height: 200px
    }

    .catalog-tile__more, .catalog-tile__title {
        padding: 15px 20px
    }

    .catalog-tile:hover .catalog-tile__title {
        -webkit-transform: translateY(-28px);
        -ms-transform: translateY(-28px);
        transform: translateY(-28px)
    }

    .brands-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 8px
    }

    .text-brands-grid {
        margin: -4px
    }

    .text-brands-grid>div {
        max-width: 100%;
        padding: 4px
    }

    .services-grid {
        grid-template-columns: 1fr;
        grid-gap: 10px
    }

    .service-card {
        flex-direction: row;
        padding: 10px 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row
    }

    .service-card__ic {
        width: 50px;
        height: 50px
    }

    .service-card__title {
        margin: 0 0 0 30px
    }

    .gallery-1 {
        padding-top: 420px
    }

    .gallery-1__text {
        margin-top: 40px
    }

    .slider-1__slide {
        height: 420px
    }

    .benefits {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .benefits__item {
        padding: 20px
    }

    .num-benefits-wrapper {
        padding: 40px 0
    }

    .num-benefits {
        text-align: center;
        grid-template-columns: 1fr;
        grid-gap: 25px
    }

    .num-benefits__title {
        margin-bottom: 10px
    }

    .work-steps {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .work-steps__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .work-steps__item::after, .work-steps__item::before {
        display: none
    }

    .work-steps__num {
        line-height: 1;
        height: auto;
        padding-right: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
        flex: 0 0 85px
    }

    .work-steps__num::after, .work-steps__num::before {
        display: none
    }

    .work-steps__title {
        padding-top: 5px
    }

    .delivery-grid {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .delivery-grid__item {
        padding: 20px
    }

    .delivery-grid__icon {
        width: 60px;
        height: 60px;
        margin-bottom: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }

    .map-rating {
        font-size: 16px;
        flex-direction: column;
        padding: 50px 0 30px;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .map-rating>:not(:last-child) {
        margin: 0 0 15px
    }

    .capture {
        font-size: 20px
    }

    .capture>:not(:last-child) {
        margin-bottom: 15px
    }

    .video-section {
        padding-bottom: 45px
    }

    .video-section::before {
        top: -70px;
        right: 0;
        height: 195px
    }

    .video-section__video {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 25px;
        padding-top: 56%
    }

    .breadcrumbs {
        overflow: hidden;
        white-space: nowrap
    }

    .breadcrumbs__list {
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .breadcrumbs__list svg {
        margin-right: 10px
    }

    .breadcrumbs__list li:not(:last-child) {
        margin-right: 10px
    }

    .breadcrumbs__list li:not(:last-child)::after {
        margin-left: 10px
    }

    .text-section__left-img, .text-section__right-img {
        float: none;
        width: 100%;
        height: 260px;
        margin: 0 0 15px
    }

    .text-section__left-img--sm, .text-section__right-img--sm {
        height: 300px
    }

    .text-section__compare {
        margin: 0 0 20px
    }

    .text-section__compare .cd-image-container {
        height: 315px
    }

    .text-section__video {
        float: none;
        width: 100%;
        height: 155px;
        margin: 0 0 25px
    }

    .text-section--type-2 h2 {
        margin-bottom: 25px
    }

    .text-section--type-2 p:not(:last-child), .text-section--type-2 ul:not(:last-child) {
        margin-bottom: 20px
    }

    .text-section--type-2 ul.style-2 li:not(:last-child) {
        margin-bottom: 20px
    }

    .table-1 {
        display: block
    }

    .table-1 tbody {
        display: block;
        width: 100%
    }

    .table-1 tr {
        width: 100%;
        padding: 20px 0
    }

    .table-1 tr:not(:first-child) {
        display: block;
        width: 100%
    }

    .table-1 td:not(:last-child) {
        padding-right: 0
    }

    .table-1 tr:not(:last-child) {
        border-bottom: 1px solid rgba(135, 142, 165, .3)
    }

    .table-1 tr:not(:last-child) td, .table-1 tr:not(:last-child) th {
        border: none
    }

    .table-1 td:first-child {
        max-width: 100%
    }

    .table-1 td:not(:first-child) {
        margin-top: 10px
    }

    .table-1 td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .table-1 td span:first-child {
        font-weight: 700
    }

    .section-footer {
        max-width: 260px;
        margin: 20px auto 0
    }

    .work-steps-2__num {
        font-size: 30px;
        margin-right: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px
    }

    .photo-grid {
        display: block;
        margin-top: 30px
    }

    .photo-grid__item {
        height: 200px
    }

    .photo-grid__item-title {
        font-size: 15px;
        padding: 15px 20px
    }

    .photo-slider-wrapper__container {
        max-width: 100%
    }

    .photo-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        margin: 0 -20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .photo-slider::after, .photo-slider::before {
        min-width: 20px;
        height: 1px;
        content: ''
    }

    .photo-slider__slide {
        padding-bottom: 5px;
    }

    .photo-slider__slide:not(:first-child) {
        /* margin-left: 16px */
    }

    .photo-slider__thumb {
        width: 230px
    }

    .table-2 {
        display: block
    }

    .table-2 tbody, .table-2 td, .table-2 tr {
        display: block
    }

    .table-2 td, .table-2 tr:first-child td {
        padding: 4px 0
    }

    .table-2 td:not(:first-child) {
        text-align: left
    }

    .table-2 tr:not(:first-child) td:first-child {
        padding-top: 20px
    }

    .table-2 tr:not(:last-child) td:last-child {
        padding-bottom: 20px
    }

    .table-2 tr:not(:last-child) td:not(:last-child) {
        border-bottom: none
    }

    .help {
        flex-direction: column;
        padding: 30px 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .help:not(:first-child) {
        margin-top: 25px
    }

    .help__icon {
        margin: 0 0 20px
    }

    .work-steps-3 {
        grid-template-columns: 1fr
    }

    .action {
        margin: 45px 0 25px;
        padding: 20px
    }

    .action__title {
        margin-bottom: 10px
    }

    .action__text br {
        display: none
    }

    .action__num {
        margin-top: 10px
    }

    .descr-card {
        padding: 20px
    }

    .descr-card--wide .descr-card__logo, .descr-card__logo {
        height: 30px;
        margin-bottom: 20px
    }

    .descr-card__params {
        margin-top: 20px;
        grid-template-columns: 1fr;
        grid-gap: 10px
    }

    .table-3 {
        display: block
    }

    .table-3__row.is-active {
        display: block
    }

    .table-3__row.is-active td {
        display: block;
        padding: 5px 0
    }

    .table-3__row.is-active td:first-child {
        padding-top: 10px
    }

    .table-3__row.is-active td:not(:first-child) {
        border: none
    }

    .table-3__row.is-active+.table-3__row.is-active td:first-child {
        margin-top: 5px
    }

    .table-3__head-content {
        padding-top: 25px
    }

    .table-3__head-row:not(:nth-child(2)) .table-3__head {
        padding-top: 10px
    }

    .table-3__head-row--default .table-3__head {
        display: block;
        width: 100%
    }

    .table-3__head-row--default .table-3__head:not(:first-child) {
        padding-top: 0
    }

    .table-3__head-row--default .table-3__head:not(:first-child) .table-3__head-content {
        padding-top: 0;
        border: none
    }

    .table-3__md-titles.is-active {
        display: none
    }

    .type__icon {
        width: 100%;
        margin-bottom: 10px
    }

    .type__title {
        font-size: 15px
    }

    .diff-cards__item {
        padding: 20px
    }

    .diff-cards__item h3 {
        margin-bottom: 10px
    }

    .table-4 tbody {
        display: block;
        width: 100%
    }

    .table-4 td {
        padding: 10px 0
    }

    .table-4__row {
        display: block;
        width: 100%
    }

    .table-4__row td:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .table-4__col {
        display: none;
        border: none !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .table-4__col.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .table-4__col-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .table-4__col-head .tippy {
        margin: 0 0 -1px 10px
    }

    .table-4__head {
        display: block;
        width: 100%;
        padding: 0
    }

    .table-4__head td {
        display: block;
        width: 100%;
        padding: 10px 0
    }

    .table-4__row-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .table-4__row-head.is-active {
        margin-bottom: -10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 160, 227, .3)
    }

    .table-4__head-toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .table-4__head--sm {
        display: block;
        width: 100%
    }

    .table-4__head-title {
        font-size: 15px;
        padding-top: 20px
    }

    .table-4__head:nth-child(2) td .table-4__head-title {
        padding-top: 0;
        padding-bottom: 20px;
        border-top: none;
        border-bottom: 1px solid #00a0e3
    }

    .benefits-2 {
        grid-template-columns: 1fr;
        grid-gap: 10px
    }

    .benefits-2__item {
        flex-direction: row;
        padding: 25px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row
    }

    .benefits-2__icon {
        width: 60px;
        height: 60px;
        margin: 0 20px 0 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }

    .benefits-2__text {
        text-align: left
    }

    .with-right-img {
        grid-gap: 25px
    }

    .prices-cards {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }

    .price-card {
        padding: 20px
    }

    .catalog-head h2 {
        margin-bottom: 15px
    }

    .catalog {
        margin-top: 30px
    }

    .catalog__main-head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .catalog__filter-btn {
        width: 100%;
        margin: 0 0 20px
    }

    .catalog__show-by>:not(:last-child) {
        margin-right: 10px
    }

    .catalog__main-footer {
        margin-top: 20px
    }

    .pagination {
        margin-top: 20px
    }

    .prod-card {
        padding: 20px
    }

    .prod-card__head {
        display: block
    }

    .prod-card__logo {
        margin-bottom: 10px
    }

    .prod-card__title {
        font-size: 15px;
        margin-right: 0
    }

    .prod-card__params {
        line-height: 1.4;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas: 'p2 p1';
        grid-gap: 15px
    }

    .prod-card__params-1 {
        display: block;
        margin: 0;
        grid-area: p1
    }

    .prod-card__param-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .prod-card__param-1:not(:first-child) {
        margin-top: 10px
    }

    .prod-card__params-2 {
        display: block;
        margin: 0;
        padding: 0;
        color: #878ea5;
        background: 0 0;
        grid-area: p2
    }

    .prod-card__param-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

    .prod-card__param-2:not(:first-child) {
        margin-top: 10px
    }

    .prod-card__footer {
        display: block
    }

    .prod-card__price {
        margin: 0 0 10px
    }

    .product__grid {
        display: block
    }

    .product__title h3 {
        margin-bottom: 25px
    }

    .product__photo {
        height: 300px
    }

    .product__params-1 {
        display: block;
        margin: 20px 0 0;
        text-align: center
    }

    .product__params-1>:not(:first-child) {
        margin-top: 10px
    }

    .product__main {
        margin-top: 15px
    }

    .product__params-2>div {
        margin-top: 10px;
        padding-top: 10px
    }

    .product__prices {
        margin-top: 25px
    }

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

    .product__btns>:not(:last-child) {
        margin: 0 0 10px
    }

    .product__btns .btn {
        width: 100%
    }

    .product__text h4 {
        font-size: 15px;
        margin-bottom: 10px
    }

    .additional__row-left {
        display: block
    }

    .additional__price {
        margin: 0
    }

    .cart-item {
        position: relative;
        padding: 20px 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cart-item__prod {
        width: 100%;
        min-height: 0;
        margin-bottom: 10px;
        padding-right: 30px
    }

    .cart-item__prod-info {
        width: 100%;
        margin-top: 10px
    }

    .cart-item__remove {
        position: absolute;
        top: 25px;
        right: 30px;
        min-height: 0;
        margin: 0
    }

    .cart-item__remove button svg {
        width: 12px;
        height: 12px
    }

    .cart-item__price {
        min-height: 0;
        margin-left: auto;
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .cart-empty {
        margin-bottom: 0
    }

    .cart-empty__text {
        margin-bottom: 20px
    }

    .cart-empty__btn .btn__icon {
        display: none
    }

    .order-form__footer {
        display: block
    }

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

    .order-form__submit {
        margin-top: 20px
    }

    .info-section {
        margin: 40px 0
    }

    .info-section__img img {
        max-height: 100px
    }

    .info-section__btn {
        margin-top: 25px
    }

    .info-section h1 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .info-section p {
        font-size: 15px
    }

    .contacts {
        display: block
    }

    .contacts__left, .contacts__right {
        padding: 30px 20px
    }

    .contacts__title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .contacts__socials {
        margin-top: 25px
    }

    .contacts-map {
        height: 500px;
        margin-top: -50px
    }

    .search-empty {
        margin-top: 25px
    }

    .search-results__item {
        display: block
    }

    .search-results__more {
        margin-top: 10px;
        padding: 0
    }

    .modal__content {
        padding: 25px 30px 35px
    }

    .modal__title {
        font-size: 20px
    }

    .d-none-sm {
        display: none
    }

    .d-block-sm {
        display: block
    }

    .d-inline-sm {
        display: inline-block
    }
}

@media all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media screen and (max-width:575px) {
    .tabs-nav-1 {
        margin: 0 -20px 30px
    }

    .tabs-nav-1::after, .tabs-nav-1::before {
        min-width: 20px;
        height: 1px;
        content: ''
    }

    .breadcrumbs::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 20px;
        content: '';
        -webkit-box-shadow: 0 0 30px 10px #fff, 0 0 50px 5px #fff;
        box-shadow: 0 0 30px 10px #fff, 0 0 50px 5px #fff
    }

    .breadcrumbs__list {
        margin: 0 -20px
    }

    .breadcrumbs__list::after, .breadcrumbs__list::before {
        min-width: 20px;
        height: 1px;
        content: ''
    }

    .brands-cards-grid {
        grid-gap: 50px
    }

    .brands-cards-grid--scroll-xs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        margin: 0 -20px
    }

    .brands-cards-grid--scroll-xs::after, .brands-cards-grid--scroll-xs::before {
        min-width: 20px;
        height: 1px;
        content: ''
    }

    .brands-cards-grid--scroll-xs>.descr-card {
        min-width: calc(100% - 40px)
    }

    .brands-cards-grid--scroll-xs>.descr-card:not(:first-child) {
        margin-left: 10px
    }

    .contacts {
        margin-right: -20px;
        margin-left: -20px
    }
}

@media only screen and (max-width:360px) {
    .toastify-left, .toastify-right {
        right: 0;
        left: 0;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin-right: auto;
        margin-left: auto
    }
}

@media all and (max-height:576px) {
    .fancybox-slide {
        padding-right: 6px;
        padding-left: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        padding: 6px;
        opacity: 1;
        color: #f2f4f6;
        background: #4e4e4e
    }

    .fancybox-caption {
        padding-right: 12px;
        padding-left: 12px
    }
}

.preloader {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 10px;
    display: none;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.preloader.is-visible {
    display: flex;
}

.preloader__content {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 20px 0 10px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 42px rgb(31 37 70 / 30%);
    border: 1px solid rgba(0, 0, 0, 0.0.5);
}

.preloader__content::before {
    content: '';
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border: 2px solid #00a0e3;
    border-right-color: transparent;
    border-radius: 50%;
    animation: preloader 0.6s infinite linear;
}

@keyframes preloader {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}
/* End */


/* Start:/local/templates/main/css/add-styles.css?1711442401913*/
.filters__group-items .checkbox {
    transition: .5s ease-in-out;
}

.filters__group-items .checkbox.is-disabled {
    cursor: default;
    color: rgba(23, 30, 41, .4);
}

.product-feature {
    display: inline-grid;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    border: none;
    background: url(/local/templates/main/css/../img/icons/list-marker.svg) no-repeat;
    background-size: 100%
}

.req.is-error {
    border: solid 1px;
    border-radius: 4px;
    border-color: #f75c5c;
}

.modal__form>.modal__checkbox {
    margin-top: 1rem;
}

.banner__form>.form__checkbox {
    margin-top: 1rem;
}

.order-form .form__checkbox {
    margin-top: 1rem;
}

.order-form .form__checkbox .checkbox i::before {
    border: solid 1px #00a0e3;
    border-radius: 5px;
}

.product__params-2>div.prop-stack>span {
    float: left;
    clear: left;
}

@media (max-width:768px) {
    .hidden-mobile {
        display: none;
    }
}
/* End */
/* /local/templates/main/css/styles.css?1712134920215351 */
/* /local/templates/main/css/add-styles.css?1711442401913 */