@charset "UTF-8";
.icon-drag,
.icon-drag-hover {
    background-repeat: no-repeat;
    width: 15px;
    height: 31px;
    position: relative
}

.icon-adv-1,
.icon-adv-2,
.icon-adv-3,
.icon-arrow,
.icon-clock,
.icon-close,
.icon-coins,
.icon-contacts-email,
.icon-contacts-loc,
.icon-drag,
.icon-drag-hover {
    display: inline-block;
    vertical-align: middle
}

img,
legend {
    max-width: 100%
}

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

button,
hr,
input {
    overflow: visible
}

a,
a:hover,
abbr[title] {
    text-decoration: underline
}

.datepicker--cell,
.icon-drag,
.icon-drag-hover,
sub,
sup {
    position: relative
}

.form-check,
.mfp-wrap {
    -webkit-backface-visibility: hidden
}

.mfp-arrow,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

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

.irs,
.slick-slider {
    -webkit-touch-callout: none
}

.datepicker--nav-action.-disabled-,
.form-check__input,
.form-select select,
.slick-loading .slick-slide,
.slick-loading .slick-track,
.works__obj-panel,
.works__type-panel {
    visibility: hidden
}

.icon-drag-hover {
    background-image: url(../sprites/sprite.png);
    background-position: 0 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .icon-drag-hover {
        background-size: 40px 31px;
        background-image: url(../sprites/sprite@2x.png)
    }
}

.icon-drag {
    background-image: url(../sprites/sprite.png);
    background-position: -25px 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .icon-drag {
        background-size: 40px 31px;
        background-image: url(../sprites/sprite@2x.png)
    }
}

.icon-adv-1 {
    width: 42px;
    height: 64px
}

.icon-adv-2 {
    width: 44px;
    height: 61px
}

.icon-adv-4 {
    display: inline-block;
    vertical-align: middle
}

.icon-arrow {
    width: 17.56px;
    height: 9.78px
}

.icon-close {
    width: 16.44px;
    height: 17.16px
}

.icon-contacts-email {
    width: 19px;
    height: 21px
}

.icon-contacts-loc {
    width: 18px;
    height: 24px
}

.icon-contacts-phone,
.icon-info-price {
    height: 19px;
    display: inline-block;
    vertical-align: middle
}

.icon-contacts-phone {
    width: 19px
}

.icon-info-price {
    width: 29px
}

.icon-info-saving {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 25px
}

.icon-info-time {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 23px
}

.icon-next,
.icon-prev {
    height: 27.18px;
    vertical-align: middle;
    display: inline-block
}

.icon-next {
    width: 16.59px
}

.icon-phone,
.icon-plans {
    display: inline-block;
    vertical-align: middle
}

.icon-prev {
    width: 16.63px
}

.icon-ribbon {
    display: inline-block;
    vertical-align: middle
}

.icon-size {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px
}

.icon-stock-1 {
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 54px
}

.icon-stock-2 {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 59.87px
}

.icon-stock-3 {
    display: inline-block;
    vertical-align: middle;
    width: 68px;
    height: 68px
}

.icon-stock-4 {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 43px
}

.icon-tel {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px
}

.icon-up {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 31px
}

.icon-user {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 12px
}

.logo-dark {
    display: inline-block;
    vertical-align: middle;
    width: 512px;
    height: 512px
}

.logo-white {
    display: inline-block;
    vertical-align: middle;
    width: 498.01px;
    height: 504.5px
}

progress,
sub,
sup {
    vertical-align: baseline
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #0054a3
}

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

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background: 0 0;
    color: #ffad18
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
canvas,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button,
select {
    text-transform: none
}

.datepicker--day-name,
.footer__logo,
.header__logo {
    text-transform: uppercase
}

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

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

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

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

legend {
    color: inherit;
    display: table;
    white-space: normal
}

progress {
    display: inline-block
}

textarea {
    overflow: auto
}

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

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

*,
.datepicker--time-row input[type=range]:focus {
    outline: 0
}

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

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

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

body {
    margin: 0;
    font: 400 16px/1.25 "Exo 2", Helvetica, Arial, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 25px
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 28px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

figure,
p {
    margin: 0 0 20px
}

hr {
    box-sizing: content-box;
    height: 0;
    border: none;
    border-top: 1px solid #000;
    margin: 25px 0
}

blockquote {
    border-left: 5px solid #010101;
    padding: 5px 0 5px 30px;
    margin: 0 0 25px;
    font-size: 16px;
    font-style: italic
}

a:hover {
    color: #ffbb12
}

.btn,
.btn:hover,
.mfp-close {
    text-decoration: none
}

@font-face {
    font-family: 'Exo 2';
    src: url(../fonts/Exo2-Medium.eot);
    src: url(../fonts/Exo2-Medium.eot@) format("embedded-opentype"), url(../fonts/Exo2-Medium.woff2) format("woff2"), url(../fonts/Exo2-Medium.woff) format("woff"), url(../fonts/Exo2-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Exo 2';
    src: url(../fonts/Exo2-Regular.eot);
    src: url(../fonts/Exo2-Regular.eot@) format("embedded-opentype"), url(../fonts/Exo2-Regular.woff2) format("woff2"), url(../fonts/Exo2-Regular.woff) format("woff"), url(../fonts/Exo2-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Exo 2 Extra';
    src: url(../fonts/Exo2-ExtraBold.eot);
    src: url(../fonts/Exo2-ExtraBold.eot@) format("embedded-opentype"), url(../fonts/Exo2-ExtraBold.woff2) format("woff2"), url(../fonts/Exo2-ExtraBold.woff) format("woff"), url(../fonts/Exo2-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Exo 2';
    src: url(../fonts/Exo2-Bold.eot);
    src: url(../fonts/Exo2-Bold.eot@) format("embedded-opentype"), url(../fonts/Exo2-Bold.woff2) format("woff2"), url(../fonts/Exo2-Bold.woff) format("woff"), url(../fonts/Exo2-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    fill: currentColor
}

.icon-clock,
.icon-phone {
    width: 14px;
    height: 14px;
    top: -1px
}

.icon-coins {
    width: 30px;
    height: 28px
}

.icon-plans,
.icon-ribbon {
    width: 30px;
    height: 30px
}

.icon-adv-3 {
    width: 60px;
    height: 60px
}

.icon-adv-4 {
    width: 55px;
    height: 62px
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.datepicker--cells {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 26px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4eb5e6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4eb5e6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px;
    display: none
}

.datepicker--day-name {
    color: #ff9a19;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .8em
}

.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years,
.datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    z-index: 10000
}

.datepicker.-from-top- {
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -ms-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -ms-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -ms-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, transform .3s ease, left 0s 0s
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -ms-transform: none;
    transform: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 0
}

.mCSB_container_wrapper>.mCSB_container,
.mfp-container,
.slick-slider,
html,
img.mfp-img {
    box-sizing: border-box
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--buttons,
.datepicker--time {
    border-top: 1px solid #efefef;
    padding: 0
}

.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
    left: 12px
}

.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    right: 12px
}

.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 12px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 12px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 32px;
    padding: 0
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action,
.datepicker--nav-title {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #232221;
    width: 32px;
    height: 32px;
    transition: .25s
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader,
.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -ms-flexbox;
    display: flex
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker {
    padding: 10px;
    width: 200px;
    box-shadow: 0 6px 11px 0 rgba(0, 0, 0, .13)
}

@media (min-width:576px) {
    .datepicker {
        padding: 10px 20px
    }
}

.datepicker--cell-day {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin: 5px auto
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    width: 100%;
    height: 100%
}

.datepicker--cell-day:hover {
    background: #ececec
}

.datepicker--cell-day.-current-,
.datepicker--cell-day.-current-:hover,
.datepicker--cell-day.-selected-,
.datepicker--cell-day.-selected-:hover {
    background: #f0605f;
    color: #fff
}

.datepicker--nav {
    border: none
}

.datepicker--nav-action {
    background: 0 0;
    color: rgba(0, 0, 0, .45)
}

.datepicker--nav-action:hover {
    background: 0 0;
    color: #f0605f
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #001e58;
    opacity: .8
}

.mfp-wrap {
    z-index: 1043;
    outline: 0!important;
    min-height: 100vh;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0)
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    user-select: none
}

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

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
    color: #fff
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.mfp-figure:after,
.mfp-popup:after {
    content: '';
    z-index: -1
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    position: absolute;
    left: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: all .3s ease-out
}

.mfp-with-zoom .mfp-container {
    transform: translate3d(0, -20px, 0) scale(.8)
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container {
    transform: translate3d(0, -20px, 0) scale(.8);
    opacity: 0
}

.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-popup {
    position: relative;
    background: #fff;
    border-radius: 10px;
    max-width: 412px;
    text-align: left;
    padding: 20px 20px 32px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .05);
    margin: 30px auto
}

.mfp-popup.mfp-exit {
    max-width:700px ;
}

.mfp-popup:after {
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: rgba(255, 255, 255, .5);
    border-radius: 15px
}

@media (min-width:768px) {
    .mfp-popup {
        padding: 30px 40px 42px
    }
}

.mfp-popup__close {
    display: block;
    position: absolute;
    top: 18px;
    right: 18px;
    border: none;
    background: 0 0;
    padding: 0;
    cursor: pointer;
    color: #e8e8e8;
    transition: .25s
}

.mfp-popup__close:hover {
    color: #414751
}

.mfp-popup__heading {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 30px;
    padding: 0 10px 0 0
}

@media (min-width:576px) {
    .mfp-popup__heading.small-bold {
        font-size: 16px;
        line-height: 28px
    }
    .mfp-popup__heading.small {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 10px
    }
}

.mfp-popup__form .form-field {
    margin: 0 0 20px
}

.form-select .mfp-popup__form .jq-selectbox__select,
.mfp-popup__form .form-input,
.mfp-popup__form .form-select .jq-selectbox__select,
.mfp-popup__form .form-textarea {
    background: #f8f8f8;
    border: 2px solid rgba(0, 30, 88, .1)
}

.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;
    height: 100%;
    max-width: 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;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.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;
    left: 0;
    bottom: 0;
    right: 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 {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

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

.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 {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    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 {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.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 {
    width: 30px;
    height: 100%;
    left: 0
}

.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 {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    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;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
    background-image: url(http://robo-remont.ru/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    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;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 1px
}

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

.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 {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

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

.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;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

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

.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 {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

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

.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 {
    height: 16px;
    width: 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 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    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-repeat: repeat-y;
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.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-repeat: repeat-x;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.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);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    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
}

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

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

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

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

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

.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.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

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

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

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

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

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

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

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

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

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

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

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

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.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 {
    left: 0;
    right: auto
}

.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 {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.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 {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.irs,
.irs-line,
.slick-list,
.slick-slider,
.slick-track {
    position: relative
}

.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 {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    box-sizing: border-box
}

.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)
}

.slick-slider {
    display: block;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.form-select li,
.irs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.slick-list {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.irs-hidden-input,
.irs-line {
    outline: 0!important;
    overflow: hidden
}

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

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

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

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

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

.slick-slide img {
    display: block
}

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

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

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

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

.irs,
.irs-bar,
.irs-bar-edge,
.irs-line {
    display: block
}

.irs {
    user-select: none
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar,
.irs-shadow {
    position: absolute;
    width: 0;
    left: 0
}

.irs-bar-edge {
    position: absolute;
    top: 0;
    left: 0
}

.irs-shadow {
    display: none
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
    display: block;
    position: absolute;
    cursor: default
}

.irs-slider {
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    top: 0;
    left: 0;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: 0 0;
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute!important;
    display: block!important;
    top: 0!important;
    left: 0!important;
    width: 0!important;
    height: 0!important;
    font-size: 0!important;
    line-height: 0!important;
    padding: 0!important;
    margin: 0!important;
    z-index: -9999!important;
    background: 0 0!important;
    border-style: solid!important;
    border-color: transparent!important
}

.irs-slider:after,
.irs-slider:before {
    content: '';
    position: absolute;
    left: 50%;
    display: block;
    bottom: 0
}

.irs {
    height: 47px;
    margin: 0
}

.irs-bar,
.irs-line,
.irs-slider {
    top: 18px;
    height: 8px
}

.irs-line {
    background: #f8f8f8;
    box-shadow: inset 0 0 0 1px #d1d1d1;
    border-radius: 4px
}

.irs-bar {
    background: #ffad18;
    border-radius: 4px
}

.irs-slider {
    width: 0;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    display: block
}

.irs-slider:before {
    width: 30px;
    height: 32px;
    margin: 0 0 0 -15px
}

.irs-slider:after {
    background-image: url(../sprites/sprite.png);
    background-position: -25px 0;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 15px;
    height: 31px;
    margin: 0 0 0 -7.5px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .irs-slider:after {
        background-size: 40px 31px;
        background-image: url(../sprites/sprite@2x.png)
    }
}

.irs-slider:hover:after {
    background-position: 0 0
}

.form-legend {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #363b43;
    margin: 0 0 20px
}

.form-label {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #00002d;
    margin: 0 0 12px
}

.form-field {
    position: relative;
    margin: 0 0 10px
}

.form-field .form-input,
.form-field .form-select .jq-selectbox__select,
.form-field .form-textarea,
.form-select .form-field .jq-selectbox__select {
    padding-left: 45px;
    margin: 0
}

.form-icon {
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    color: #ffad18
}

.form-input,
.form-select .jq-selectbox__select,
.form-textarea {
    transition: .25s;
    width: 100%;
    background: #fff;
    border: 1px solid #fff;
    font: 500 15px/25px "Exo 2", Helvetica, Arial, sans-serif;
    padding: 15px 20px;
    color: #00002d;
    border-radius: 32px;
    -webkit-appearance: none;
    margin: 0 0 10px
}

.form-input::-webkit-input-placeholder,
.form-select .jq-selectbox__select::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder {
    color: #00002d
}

.form-input:focus,
.form-select .jq-selectbox__select:focus,
.form-textarea:focus {
    box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
}

.form-input:disabled,
.form-select .jq-selectbox__select:disabled,
.form-textarea:disabled {
    border-color: #e4ebf1;
    background: #e4ebf1
}

.form-input.is-valid,
.form-select .is-valid.jq-selectbox__select,
.is-valid.form-textarea {
    border-color: #50d166
}

.form-input.is-error,
.form-select .is-error.jq-selectbox__select,
.is-error.form-textarea {
    border-color: #d0011b;
    box-shadow: inset 0 0 0 1px #d0011b
}

@media (min-width:576px) {
    .form-input,
    .form-select .jq-selectbox__select,
    .form-textarea {
        font-size: 17px;
        padding: 17px 20px
    }
}

.form-textarea {
    height: 150px;
    max-width: 100%
}

.form-select {
    display: inline-block;
    position: relative;
    z-index: 10;
    width: 100%;
    margin: 0 0 20px
}

.form-select.changed {
    color: #5b6275
}

.form-select.opened .jq-selectbox__trigger {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.form-select.is-success .jq-selectbox__select {
    border-color: #50d166
}

.form-select.is-error .jq-selectbox__select {
    border-color: #d0011b
}

.form-select select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    opacity: 0
}

.form-select ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.form-select li {
    user-select: none;
    white-space: nowrap
}

.form-select .placeholder {
    color: #97acbe
}

.form-select .jq-selectbox__select {
    margin: 0;
    padding-right: 40px
}

.form-select .jq-selectbox__select-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-select .jq-selectbox__trigger {
    width: 40px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.form-select .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    margin: -2px 0 0 -4px
}

.form-select .jq-selectbox__dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #c9d5df;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
    font-size: 12px;
    line-height: 14px;
    margin: 10px 0 0;
    overflow: hidden
}

.form-select .jq-selectbox__dropdown .app-scroll {
    margin: 0
}

.form-select .jq-selectbox__dropdown ul {
    position: relative;
    list-style: none;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 252px!important
}

.form-select .jq-selectbox__dropdown li {
    padding: 14px 20px;
    color: #97adbe;
    cursor: pointer
}

.form-select .jq-selectbox__dropdown li:hover {
    background: #f3faff
}

.form-select .jq-selectbox__search input {
    -webkit-appearance: textfield
}

.form-select .jq-selectbox__search input::-webkit-search-cancel-button,
.form-select .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.form-check {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    min-width: 24px;
    backface-visibility: hidden
}

.form-check .form-check__checkbox,
.form-check .form-check__radio,
.form-check__input {
    position: absolute;
    top: 0;
    left: 0
}

.form-check:hover .form-check__btn,
.form-check:hover .form-check__checkbox,
.form-check:hover .form-check__radio {
    border-color: #ffad18
}

.form-check__checkbox:after,
.form-check__radio:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: ''
}

.form-check__input:checked~.form-check__checkbox:after,
.form-check__input:checked~.form-check__radio:after {
    opacity: 1
}

.form-check__input:checked~.form-check__btn {
    background: #ffad18;
    border-color: #ffad18
}

.form-check__radio {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #d1d1d1;
    border-radius: 50%
}

.form-check__radio:after {
    display: block;
    width: 16px;
    height: 16px;
    background: #ffad18;
    border-radius: 50%;
    margin: -8px 0 0 -8px;
    opacity: 0;
    transition: .25s
}

.form-check__checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border: 1px solid #cecece;
    background: #fff;
    border-radius: 2px
}

.form-check__checkbox:after {
    display: block;
    margin: -4px 0 0 -4px;
    opacity: 0;
    background: #fff;
    width: 8px;
    height: 8px
}

.btn,
.form-check__btn {
    display: inline-block;
    transition: .25s;
    text-align: center
}

.form-check__btn {
    vertical-align: top;
    width: 50px;
    height: 50px;
    background-color: #f8f8f8;
    border: 1px solid #d1d1d1;
    font-size: 17px;
    line-height: 48px;
    font-weight: 500;
    border-radius: 50%;
    margin: 0 0 0 -34px
}

.btn--block,
.form-range {
    width: 100%
}

.btn {
    font: 500 19px/26px "Exo 2", Helvetica, Arial, sans-serif;
    vertical-align: middle;
    position: relative;
    border: none;
    padding: 15px 20px;
    border-radius: 28px;
    cursor: pointer;
    height: 56px
}

.btn:active {
    transition: none;
    transform: translate3d(0, 2px, 0)
}

.btn--red {
    background-color: #d81942;
    background-image: linear-gradient(180deg, #fe1010 0, #ca0909 100%);
    color: #fff;
    box-shadow: 0 4px 0 0 #9a0000, 0 9px 13px rgba(0, 0, 0, .13)
}

.btn--red:hover {
    background-image: linear-gradient(180deg, #ca0909 0, #fe1010 100%);
    color: #fff
}

.btn--red:active {
    box-shadow: 0 2px 0 0 #9a0000, 0 4px 6px rgba(0, 0, 0, .13)
}

.app-standart ul,
.app-ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none
}

.app-standart ul>li,
.app-ul>li {
    position: relative;
    padding: 0 0 0 38px;
    margin: 0 0 10px
}

.app-standart ul>li:after,
.app-ul>li:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 12px;
    width: 4px;
    height: 4px;
    top: 10px;
    background: #131314
}

.app-ol,
.app-standart ol {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    counter-reset: point
}

.app-ol>li,
.app-standart ol>li {
    position: relative;
    padding: 0 0 0 38px;
    margin: 0 0 10px
}

.app-ol>li:after,
.app-standart ol>li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    color: #131314;
    position: absolute;
    top: 0;
    left: 12px
}

.catalog__heading:after,
.request__heading:after,
.services__item-image:before,
.stock__partners-item:after,
.team__slides-caption:after,
.team__slides-image:after,
.team__slides-image:before,
.team__slides-ul>li:after,
.thank__desc:after,
.thank__user-image:before,
.works__slides-item:before,
.works__thumbs-item:after,
.works__thumbs-item:before,
.works__thumbs:after,
.works__type-btn:after {
    content: ''
}

.app-table-scroll {
    overflow-x: auto;
    max-width: 100%;
    width: 100%;
    margin: 0 0 45px
}

.app-standart .app-table-scroll table,
.app-table-scroll .app-standart table,
.app-table-scroll .app-table {
    margin: 0
}

.app-standart table,
.app-table {
    width: 100%;
    margin: 0 0 45px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #0f1935;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 640px
}

.app-standart table td,
.app-standart table th,
.app-table td,
.app-table th {
    padding: 20px;
    background: #fff;
    border: 2px solid #f5f5f5;
    vertical-align: top
}

.app-standart table th,
.app-table th {
    font-weight: 400;
    background: #fafafa
}

.app-standart table tbody tr:nth-child(even) td,
.app-table tbody tr:nth-child(even) td {
    background: #fafafa
}

.app-table__layout {
    table-layout: fixed
}

.app-figure {
    font-size: 12rem;
    font-weight: 600;
    margin: 0 0 25rem
}

.app-figure img {
    display: block;
    width: 100%
}

.app-figure em,
.app-figure p {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    margin: 0 0 5px
}

.app-figure figcaption {
    overflow: hidden
}

.hero {
    position: relative;
    z-index: 10;
    padding: 124px 0 66px;
    color: #363b43;
    background: url(../images/bg-hero.jpg) right 0 no-repeat #002357;
    background-size: cover;
}

.hero:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 35, 87, .5);
    z-index: -1
}

@media (min-width:576px) {
    .app-figure__left {
        float: left;
        max-width: 270px;
        margin-right: 30px;
        margin-top: 8px
    }
    .app-figure__left img {
        margin-bottom: 10px
    }
    .app-figure__right {
        float: right;
        max-width: 270px;
        margin-left: 30px;
        margin-top: 8px
    }
    .app-figure__right img {
        margin-bottom: 10px
    }
    .hero {
        color: #fff
    }

}

@media (min-width:992px) {
    .hero {
        background-attachment: fixed
    }
}

.hero__heading {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px
}

.hero__heading span {
    font-size: 19px
}

.hero__heading mark {
    background: rgba(20, 76, 176, 0.5);
    color: #fff;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    margin: 0 0 1px;
    padding: 0 5px 6px
}

@media (min-width:576px) {
    .hero__heading {
        font-size: 43px;
        margin: 0 0 30px
    }
    .hero__heading span {
        font-size: inherit;
        display: block
    }
    .hero__heading br {
        display: none
    }
    .hero__heading mark {
        background: 0 0;
        padding: 0;
        margin: 0;
        display: inline;
        white-space: normal
    }
}

@media (min-width:992px) {
    .hero__heading {
        font-size: 50px;
        line-height: 58px;
        padding: 0 30px 0 0
    }
}

.hero__info {
    display: none
}

@media (min-width:768px) {
    .hero__info {
        padding: 0;
        list-style: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 26px;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 55px
    }
    .hero__info>li {
        position: relative;
        padding: 0 20px 0 80px;
        min-height: 60px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:992px) {
    .hero__info>li {
        margin: 0 60px 0 0
    }
    .hero__info>li:last-child {
        margin: 0
    }
}

.hero__info-icon {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #ffad18;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calc {
    background: #fff;
    color: #00002d;
    max-width: 312px;
    margin: 0 auto
}

.calc .row {
    min-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

.calc .row>[class^=col] {
    padding: 0 12px
}

.calc {
    position: relative;
    padding: 36px 42px 50px;
    border-radius: 10px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .05), 0 0 0 10px rgba(255, 255, 255, .5);
    max-width: 530px;
    margin: 0 auto
}

@media (max-width:576px) {
    .calc {
        padding: 10px;
        max-width: 312px;
    }
}

.calc__heading {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 700;
    color: #363b43;
    margin: 0 0 20px;
    text-align: center
}

@media (min-width:576px) {
    .calc__heading {
        font-size: 30px
    }
}

@media (min-width:992px) {
    .calc__heading {
        margin: 0 0 35px
    }
}

.calc__label {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #00002d;
    margin: 0 0 12px
}

@media (min-width:576px) {
    .calc__label {
        font-size: 19px;
        line-height: 23px
    }
}

.calc__group,
.calc__rooms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 18px
}

.calc__group .form-check,
.calc__rooms .form-check {
    margin: 0 10px 0 0
}

.calc__group .form-check:last-child,
.calc__rooms .form-check:last-child {
    margin: 0
}

.calc__area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 5px
}

.calc__area .form-check {
    margin: 0 10px 0 0
}

.calc__area .form-check:last-child {
    margin: 0
}

.calc__range {
    margin: 0 0 30px
}

.calc__range .form-input,
.calc__range .form-select .jq-selectbox__select,
.calc__range .form-textarea,
.form-select .calc__range .jq-selectbox__select {
    width: 80px;
    text-align: center;
    padding: 10px;
    margin: 0;
    border-color: #d1d1d1;
    background: #f8f8f8
}

.calc__range .form-input:focus,
.calc__range .form-select .jq-selectbox__select:focus,
.calc__range .form-textarea:focus,
.form-select .calc__range .jq-selectbox__select:focus {
    border-color: #ffad18;
    background: #fff
}

.calc__range .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -7px
}

.calc__range .row>[class^=col-] {
    padding: 0 7px
}

.calc__action {
    text-align: center;
    margin: 0 auto
}

.adv {
    padding: 40px 0
}

.adv__heading {
    display: block;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px;
    color: #414751
}

@media (min-width:576px) {
    .adv__heading {
        font-size: 40px;
        line-height: 48px;
        margin: 0 0 40px
    }
}

@media (min-width:768px) {
    .calc__action {
        max-width: 278px
    }
    .adv__heading {
        margin: 0 0 90px
    }
}

@media (min-width:576px) {
    .adv__grid {
        margin: 0 0 -40px
    }
}

@media (min-width:992px) {
    .adv__grid .row>[class^=col-]:nth-child(even) {
        padding-left: 80px
    }
}

.adv__item {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #414751;
    margin: 0 0 20px
}

@media (min-width:576px) {
    .adv__item {
        padding: 0 0 0 140px;
        min-height: 110px;
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 58px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }
}

.adv__item-icon {
    text-align: center
}

@media (min-width:576px) {
    .adv__item-icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 110px;
        height: 110px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 2px solid #363b43;
        border-radius: 50%;
        color: #414751;
        margin: 0
    }
    .adv__item-icon:after {
        content: '';
        display: block;
        position: absolute;
        top: -8px;
        left: -8px;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: #f4f4f4;
        z-index: -1
    }
}

.adv__item-title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 5px
}

@media (min-width:576px) {
    .adv__item-title {
        font-size: 24px;
        line-height: 28px;
        max-width: 320px
    }
}

.adv__item-text {
    margin: 0
}

.request {
    position: relative;
    z-index: 1;
    padding: 30px 0 45px;
    background: #ffad18;
    color: #fff;
    font-size: 20px;
    line-height: 24px
}

@media (min-width:576px) {
    .request {
        padding: 45px 0 65px;
        font-size: 24px;
        line-height: 29px
    }
    .request:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 40%;
        background: url(../images/bg-request.png) no-repeat;
        width: 540px;
        height: 526px;
        z-index: -1
    }
}

@media (min-width:992px) {
    .request {
        font-size: 28px;
        line-height: 33px;
        font-weight: 700;
        color: #414751;
        padding: 90px 0 80px
    }
    .request:after {
        margin: 0 0 0 300px
    }
}

@media (min-width:1024px) {
    .request:after {
        left: 45%;
    }
}

@media (min-width:1200px) {
    .request:after {
        left: 50%;
    }
}

.request__heading {
    display: block;
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;
    position: relative;
    padding: 0 0 25px;
    margin: 0 0 30px;
    max-width: 980px
}

.request__heading:after {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 80px;
    height: 5px;
    background: currentColor
}

@media (min-width:992px) {
    .request__heading {
        padding: 0 0 15px;
        margin: 0 0 25px
    }
}

.request__text {
    margin: 0 0 30px
}

@media (min-width:576px) {
    .request__heading {
        font-size: 40px;
        line-height: 48px
    }
    .request__text {
        max-width: 330px
    }
}

@media (min-width:992px) {
    .request__text {
        max-width: 660px;
        margin: 0 0 50px
    }
}

.request__form .form-field {
    margin: 0 0 10px
}

.request__form .btn {
    margin: 10px 0 0
}

.request__form .row {
    margin: 0 -5px
}

.request__form .row>[class^=col-] {
    padding: 0 5px
}

@media (min-width:576px) {
    .request__form {
        max-width: 330px
    }
    .request__form .form-field {
        margin: 0 0 21px
    }
    .request__form .btn {
        margin: 13px 0 0
    }
}

@media (min-width:992px) {
    .request__form {
        max-width: 968px
    }
    .request__form .btn {
        margin: 0
    }
}

.tariff {
    padding: 35px 0 40px
}

.tariff__heading {
    display: block;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    margin: 0 0 30px;
    color: #414751
}

@media (min-width:576px) {
    .tariff {
        padding: 55px 0 50px
    }
    .tariff__heading {
        font-size: 40px;
        line-height: 48px;
        font-weight: 800;
        margin: 0 0 25px
    }
}

@media (min-width:768px) {
    .tariff__heading {
        margin: 0 0 45px
    }
}

.tariff__slides {
    position: relative;
    margin: 0 -15px;
    padding: 0 0 50px;
    display: -ms-flexbox;
    display: flex
}

.tariff__slides .slick-slide {
    padding: 0 15px
}

.tariff__slides .slick-arrow {
    display: block;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 3px solid #ffad18;
    color: #ffad18;
    background: 0 0;
    border-radius: 5px;
    transition: .25s;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.tariff__slides .slick-arrow:hover {
    border-color: #002357;
    color: #002357
}

.tariff__slides .slick-prev {
    left: 15px
}

.tariff__slides .slick-next {
    right: 15px
}

.tariff__slides .slick-dots {
    margin: 0;
    padding: 0 55px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.tariff__slides .slick-dots>li {
    padding: 0 3px
}

.tariff__slides .slick-dots button {
    display: block;
    border: none;
    padding: 0;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #002357;
    border-radius: 50%;
    cursor: pointer
}

.tariff__slides .slick-dots .slick-active button {
    background: #ffad18
}

@media (min-width:768px) {
    .tariff__slides {
        margin: 0 auto;
        max-width: 736px;
        padding: 0 6px 50px
    }
    .tariff__slides:after,
    .tariff__slides:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 12px;
        z-index: 2
    }
    .tariff__slides:after {
        left: 0;
        background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%)
    }
    .tariff__slides:before {
        right: 0;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%)
    }
    .tariff__slides .slick-slide {
        padding: 0 6px
    }
    .tariff__slides .slick-arrow {
        top: 50%;
        margin: -20px 0 0
    }
    .tariff__slides .slick-prev {
        left: 12px
    }
    .tariff__slides .slick-next {
        right: 12px
    }
}

@media (min-width:992px) {
    .tariff__slides {
        max-width: none;
        margin: 0 -15px;
        padding: 0
    }
    .tariff__slides .slick-slide {
        padding: 0 15px
    }
}

.tariff__item-body {
    min-height: 380px
}

@media(max-width:992px) {
    br.br {
        content: ''
    }
}

.tariff__item {
    position: relative;
    transition: .25s;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    background: #fff;
    padding: 24px 16px 30px;
    overflow: hidden;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    display: block!important
}

.tariff__item .btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 278px
}

.tariff__item--orange {
    border-color: #ffad18;
    box-shadow: 0 0 14.4px 1.6px rgba(255, 173, 24, .23)
}

@media (min-width:992px) {
    .tariff__item {
        padding: 30px 26px 42px;
    }
}

@media (max-width:767px) {
    .tariff__item {
        max-width: 500px;
    }
}

.tariff__item-head {
    position: relative;
    padding: 0 40px 0 65px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #383f49;
    margin: 0 0 20px;
    min-height: 50px
}

.tariff__item-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tariff__item-icon img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.tariff__item-title {
    display: block;
    margin: 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: 800;
    color: #383f49
}

@media (min-width:768px) {
    .tariff__item-title {
        font-size: 19px;
        line-height: 23px
    }
}

.tariff__item-dl {
    margin: 0;
    font-size: 14px;
    line-height: 16px
}

.tariff__item-dl dt {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px
}

.tariff__item-dl dd {
    margin: 0 0 26px
}

@media (min-width:768px) {
    .tariff__item-dl {
        font-size: 15px;
        line-height: 18px;
        margin: 0 -16px 0 0
    }
}

@media (min-width:992px) {
    .tariff__item-dl {
        font-size: 16px;
        line-height: 18px
    }
}

.tariff__item-mark,
.tariff__item-price {
    line-height: 1;
    display: block;
    text-align: center
}

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

@media (min-width:768px) {
    .tariff__item-ul {
        padding: 0 0 0 14px
    }
}

.tariff__item-price {
    margin: 0 0 26px;
    font-size: 27px;
    font-weight: 800;
    color: #383f49
}

.tariff__item-price u {
    display: block;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 400
}

.tariff__item-price b {
    display: block;
    color: #ffad18
}

.tariff__item-mark {
    width: 140px;
    height: 40px;
    padding: 4px 0;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
    background: #83c550;
    position: absolute;
    top: 10px;
    right: -40px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 5
}

.stock {
    position: relative;
    z-index: 1;
    background: #0054a3;
    color: #fff;
    padding: 30px 0
}

@media (min-width:576px) {
    .stock {
        background: url(../images/bg-stock.jpg) center center no-repeat #0054a3;
        background-size: cover;
        padding: 58px 0
    }
    .stock:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 35, 87, .5);
        z-index: -1
    }
}

.stock__heading {
    text-align: center;
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 20px
}

@media (min-width:576px) {
    .stock__heading {
        font-size: 40px;
        line-height: 48px;
        margin: 0 0 40px;
        font-weight: 800
    }
}

@media (min-width:768px) {
    .stock__heading {
        margin: 0 0 100px
    }
}

@media (min-width:992px) {
    .stock {
        background-attachment: fixed
    }
    .stock__grid {
        margin: 0 0 -40px
    }
    .stock__grid .row>[class^=col-]:nth-child(even) {
        padding-left: 60px
    }
}

.stock__item {
    position: relative;
    z-index: 10;
    display: block;
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 25px
}

@media (min-width:576px) {
    .stock__item {
        padding: 10px 20px 0 138px;
        min-height: 110px;
        max-width: 736px;
        margin: 0 auto 70px
    }
}

@media (min-width:768px) {
    .stock__item {
        color: #414751
    }
    .stock__item:after {
        content: '';
        display: block;
        position: absolute;
        top: -60px;
        left: 50%;
        width: 736px;
        height: 248px;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        z-index: -1;
        background-position: center 0;
        background-repeat: no-repeat
    }
    .stock__item.stock__item--1:after {
        top: -80px;
        background-image: url(../images/bg-decor-sm-1.png)
    }
    .stock__item.stock__item--2:after {
        top: -60px;
        background-image: url(../images/bg-decor-sm-2.png)
    }
    .stock__item.stock__item--3:after {
        top: -60px;
        background-image: url(../images/bg-decor-sm-1.png)
    }
    .stock__item.stock__item--4:after {
        top: -50px;
        background-image: url(../images/bg-decor-sm-4.png)
    }
}

@media (min-width:992px) {
    .stock__item {
        margin: 0 0 140px
    }
    .stock__item:after {
        width: 610px;
        height: 360px
    }
    .stock__item.stock__item--1:after {
        top: -70px;
        background-image: url(../images/bg-decor-1.png)
    }
    .stock__item.stock__item--2:after {
        top: -70px;
        background-image: url(../images/bg-decor-2.png)
    }
    .stock__item.stock__item--3:after {
        top: -70px;
        background-image: url(../images/bg-decor-1.png)
    }
    .stock__item.stock__item--4:after {
        top: -70px;
        background-image: url(../images/bg-decor-4.png)
    }
}

.stock__item-icon {
    text-align: center
}

.stock__item-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

@media (min-width:576px) {
    .stock__item-icon {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        border: 2px solid #414751;
        position: absolute;
        top: 0;
        left: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #414751
    }
    .stock__item-icon:after {
        content: '';
        display: block;
        position: absolute;
        top: -8px;
        left: -8px;
        width: 100%;
        height: 100%;
        background: #fff;
        border-radius: 50%;
        z-index: -1
    }
    .stock__item-title {
        font-size: 24px;
        line-height: 28px
    }
}

.stock__item-text {
    margin: 0
}

.stock__partners {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -20px
}

@media (min-width:576px) {
    .stock__partners {
        margin: 0 -44px
    }
}

@media (min-width:992px) {
    .stock__partners {
        margin: 0 -54px
    }
}

.stock__partners-item {
    width: 33.333%;
    padding: 0 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%;
    max-width: 350px
}

.stock__partners-item:last-child:after {
    display: none
}

.stock__partners-item:after {
    display: block;
    position: absolute;
    top: 50%;
    right: -1px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 22px;
    margin: -11px 0 0
}

.stock__partners-item img {
    display: block;
    height: auto
}

@media (min-width:576px) {
    .stock__partners-item {
        padding: 0 44px
    }
    .stock__partners-item:after {
        height: 54px;
        margin: -27px 0 0
    }
}

@media (min-width:992px) {
    .stock__partners-item {
        padding: 0 54px
    }
    .stock__partners-item:after {
        height: 68px;
        margin: -34px 0 0
    }
}

.works {
    padding: 35px 0
}

.works__heading {
    display: block;
    text-align: center;
    font-size: 27px;
    line-height: 1;
    font-weight: 800;
    margin: 0 0 30px
}

@media (min-width:576px) {
    .works__heading {
        font-size: 40px
    }
}

@media (min-width:768px) {
    .works {
        padding: 55px 0 75px
    }
    .works__heading {
        margin: 0 0 65px
    }
}

.works__obj-select,
.works__type-select,
.reviews__type-select {
    display: inline-block;
    position: relative;
    z-index: 10;
    width: 100%;
    margin: 0 0 10px !important;
    font: 500 16px/20px "Exo 2", Helvetica, Arial, sans-serif;
    cursor: pointer;
    margin: 0;
    padding: 13px 40px 15px 26px;
    background: #0054a3;
    color: #fff;
    border-radius: 25px;
    height: 50px;
}

.works__type-select,
.reviews__type-select {
    background: #ffad18;
}

@media (min-width:768px) {
    .works__obj-select,
    .reviews__type-select,
    .works__type-select {
        display: none
    }
    #popup-night .works__obj-select {
        display: block;
        width: 100%;
    }
    #popup-exit .works__obj-select {
        display: block;
        width: 100%;
    }
}

.works__obj-select.opened .jq-selectbox__trigger,
.works__type-select.opened .jq-selectbox__trigger,
.reviews__type-select.opened .jq-selectbox__trigger {
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.works__obj-select select,
.works__type-select select,
.reviews__type-select select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 111;
}

.works__obj-select ul,
.works__type-select ul,
.reviews__type-select ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.works__obj-select li,
.works__type-select li,
.reviews__type-select li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.works__obj-select .placeholder,
.works__type-select .placeholder,
.reviews__type-select .placeholder {
    color: #97acbe
}

.works__obj-select .jq-selectbox__select-text,
.works__type-select .jq-selectbox__select-text,
.reviews__type-select .jq-selectbox__select-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.works__obj-select .jq-selectbox__trigger,
.works__type-select .jq-selectbox__trigger,
.reviews__type-select .jq-selectbox__trigger {
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transition: .25s;
    z-index: 10
}

.works__obj-select .jq-selectbox__trigger-arrow,
.works__type-select .jq-selectbox__trigger-arrow,
.reviews__type-select .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin: -10px 0 0 -7px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.works__obj-select .jq-selectbox__dropdown,
.works__type-select .jq-selectbox__dropdown,
.reviews__type-select .jq-selectbox__dropdown {
    position: absolute;
    top: 0!important;
    left: 0;
    right: 0;
    background: #0054a3;
    border-radius: 25px;
    margin: 0;
    overflow: hidden
}

.works__obj-select .jq-selectbox__dropdown ul,
.works__type-select .jq-selectbox__dropdown ul,
.reviews__type-select .jq-selectbox__dropdown ul {
    position: relative;
    list-style: none;
    max-height: none!important
}

.works__obj-select .jq-selectbox__dropdown li,
.works__type-select .jq-selectbox__dropdown li,
.reviews__type-select .jq-selectbox__dropdown li {
    padding: 15px 26px;
    color: #fff;
    cursor: pointer;
    transition: .25s
}

.works__obj-select .jq-selectbox__dropdown li:hover,
.works__type-select .jq-selectbox__dropdown li:hover,
.reviews__type-select .jq-selectbox__dropdown li:hover {
    background: rgba(255, 255, 255, .2)
}

.works__obj-select .jq-selectbox__search input,
.works__type-select .jq-selectbox__search input,
.reviews__type-select .jq-selectbox__search input {
    -webkit-appearance: textfield
}

.works__obj-select .jq-selectbox__search input::-webkit-search-cancel-button,
.works__obj-select .jq-selectbox__search input::-webkit-search-decoration,
.works__type-select .jq-selectbox__search input::-webkit-search-cancel-button,
.reviews__type-select .jq-selectbox__search input::-webkit-search-cancel-button,
.works__type-select .jq-selectbox__search input::-webkit-search-decoration,
.reviews__type-select .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.works__obj-tabs,
.works__type-tabs {
    display: none
}

@media (min-width:768px) {
    .works__obj-tabs,
    .works__type-tabs,
    .reviews__type-tabs{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.works__obj-btn,
.works__type-btn,
.reviews__type-btn {
    display: inline-block;
    cursor: pointer
}

.works__obj-panel,
.works__type-panel,
.reviews__type-panel {
    transition: .7s;
    opacity: 0;
    position: fixed
}

.reviews__type-panel {
    background: #f2f2f2;
    padding-top: 50px;
    padding-bottom: 60px;
}

.works__obj-panel.is-active,
.works__type-panel.is-active,
.reviews__type-panel.is-active {
    position: relative;
    opacity: 1;
    visibility: visible
}

.works__type-tabs,
.reviews__type-tabs{
    position: relative;
    z-index: 2
}

.works__type-btn,
.reviews__type-btn {
    vertical-align: top;
    position: relative;
    font-size: 17px;
    line-height: 44px;
    font-weight: 500;
    min-width: 190px;
    padding: 0 20px;
    text-align: center;
    margin: 0 4px;
    border: 2px solid #ffad18;
    border-bottom: none;
    background: 0 0;
    border-radius: 28px 28px 0 0;
    transition: .25s
}

.works__type-btn:after,
.reviews__type-btn:after {
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 16px solid #ffad18;
    margin: 0 0 0 -13px;
    transition: inherit;
    opacity: 0
}

.works__thumbs-item.is-active:after,
.works__thumbs-item:hover:after,
.works__type-btn.is-active:after,
.reviews__type-btn.is-active:after {
    opacity: 1
}

.works__type-btn:hover,
.reviews__type-btn:hover {
    color: #ffad18
}

.works__type-btn.is-active,
.reviews__type-btn.is-active {
    background: #ffad18;
    color: #fff
}

@media (min-width:992px) {
    .works__type-btn,
    .reviews__type-btn {
        font-size: 19px
    }
}

.works__obj-tabs {
    position: relative;
    background: #f4f4f4;
    border-radius: 80px;
    padding: 22px
}

.works__obj-btn {
    vertical-align: top;
    font-size: 18px;
    line-height: 36px;
    border: 2px solid #0054a3;
    background: 0 0;
    min-width: 116px;
    padding: 0 20px;
    border-radius: 20px;
    margin: 10px;
    transition: .25s
}

.works__obj-btn:hover {
    color: #0054a3
}

.works__obj-btn.is-active {
    background: #0054a3;
    color: #fff
}

.slick-current .works__obj-btn {
    background: #0054a3;
    color: #fff
}

.works__type-select .jq-selectbox__dropdown,
.works__type-select .jq-selectbox__select {
    background: #ffad18
}

.works__obj-panel {
    padding: 10px 0 0
}

@media (min-width:768px) {
    .works__obj-panel {
        padding: 36px 0 0
    }
}

@media (min-width:992px) {
    .works__obj-panel {
        padding: 55px 0 0
    }
}

.works__slides {
    margin: 0 0 12px
}

.works__slides-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    max-height: 280px
}

.works__slides-item:before {
    float: left;
    padding: 88% 0 0
}

.works__slides-item img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.works__thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -4px 16px;
    min-width: 100%;
    padding: 0 0 16px;
    -ms-flex-order: -1;
    order: -1
}

.works__thumbs:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 4px;
    height: 3px;
    background: #f5f5f5
}

@media (min-width:768px) {
    .works__slides-item {
        max-height: 440px
    }
    .works__thumbs {
        overflow: hidden;
        border-bottom: none;
        padding: 30px 0 0;
        -ms-flex-order: 1;
        order: 1
    }
    .works__thumbs:after {
        bottom: auto;
        top: 0
    }
}

.works__thumbs-item {
    width: 25%;
    overflow: hidden;
    position: relative;
    border: 4px solid #fff;
    border-radius: 5px;
    cursor: pointer;
    max-width: 74px
}

.works__thumbs-item:before {
    float: left;
    padding: 100% 0 0
}

.works__thumbs-item:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ffad18;
    background-color: rgba(255, 173, 24, .54);
    border-radius: 5px;
    transition: .25s;
    opacity: 0
}

.works__thumbs-item img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.equip__slides,
.equip__slides .slick-list {
    position: relative
}

.works__obj-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.works__obj-title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 10px
}

@media (min-width:992px) {
    .works__obj-title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 15px
    }
}

.works__obj-info {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin: 0 0 10px
}

.works__obj-info [class^=icon-],
.works__obj-info mark {
    color: #ffad18;
    font-weight: 700
}

.works__obj-info td {
    padding: 5px 10px;
    height: 38px;
    vertical-align: middle
}

.works__obj-info td:first-child {
    padding-left: 0
}

.works__obj-info td:last-child {
    padding-right: 0
}

@media (min-width:992px) {
    .works__obj-info {
        font-size: 19px;
        margin: 0 0 20px
    }
}

.works__obj-area {
    margin-bottom: 15px;
}

.works__obj-area h4 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 5px;
}

.works__obj-area span {
    font-size: 19px;
    margin-right: 10px;
}

.equip__heading,
.equip__text {
    margin: 0 0 10px;
    text-align: center
}

.equip {
    background: #f2f2f2;
    padding: 40px 0 45px
}

.equip__heading {
    font-size: 27px;
    line-height: 1
}

@media (min-width:576px) {
    .equip__heading {
        font-size: 40px
    }
}

.equip__text {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

@media (min-width:576px) {
    .equip__text {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 20px
    }
}

@media (min-width:768px) {
    .works__obj-desc {
        display: block
    }
    .equip {
        padding: 95px 0 75px
    }
    .equip__text {
        margin: 0 0 40px
    }
}

.equip__slides {
    padding: 0 0 50px
}

.equip__slides .slick-arrow {
    display: block;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 3px solid #ffad18;
    color: #ffad18;
    background: 0 0;
    border-radius: 5px;
    transition: .25s;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.equip__slides .slick-arrow:hover {
    border-color: #002357;
    color: #002357
}

.equip__slides .slick-prev {
    left: 0
}

.equip__slides .slick-next {
    right: 0
}

.equip__slides .slick-dots {
    margin: 0;
    padding: 0 55px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.equip__slides .slick-dots>li {
    padding: 0 3px
}

.equip__slides .slick-dots button {
    display: block;
    border: none;
    padding: 0;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #002357;
    border-radius: 50%;
    cursor: pointer
}

.equip__slides .slick-dots .slick-active button,
.team {
    background: #ffad18
}

@media (min-width:1200px) {
    .equip__slides .slick-arrow {
        bottom: auto;
        top: 50%;
        margin: -60px 0 0
    }
    .equip__slides .slick-prev {
        left: -40px
    }
    .equip__slides .slick-next {
        right: -40px
    }
}

.equip__item {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    margin: 0 0 15px
}

@media (min-width:576px) {
    .equip__item {
        padding: 10px 56px;
        max-width: 776px;
        margin: 0 auto 15px
    }
}

.equip__item-image {
    position: relative;
    z-index: 1;
    margin: 0 10px 0 0;
    min-width: 100px;
    max-width: 100px
}

.equip__item-image:after,
.equip__item-image:before {
    content: '';
    display: block;
    width: 82px;
    height: 82px;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 50%;
    margin: 0 0 0 -41px
}

.equip__item-image:after {
    border: 2px solid #363b43;
    z-index: -1
}

.equip__item-image:before {
    background: #ffad18;
    z-index: -2;
    -ms-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px)
}

@media (min-width:576px) {
    .equip__item-image {
        min-width: 230px;
        max-width: 230px;
        margin: 0 15px 0 0
    }
    .equip__item-image:after,
    .equip__item-image:before {
        width: 174px;
        height: 174px;
        margin: 0 0 0 -87px
    }
    .equip__item-image:before {
        -ms-transform: translate(-36px, -48px);
        transform: translate(-36px, -48px)
    }
}

@media (min-width:992px) {
    .equip__item {
        padding: 10px 8px
    }
    .equip__item-image:before {
        -ms-transform: translate(-8px, -8px);
        transform: translate(-8px, -8px)
    }
}

.equip__item-title {
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700
}

@media (min-width:576px) {
    .equip__item-title {
        font-size: 24px;
        line-height: 28px;
        margin: 0 0 28px
    }
}

.equip__item-size {
    margin: 0 0 10px;
    position: relative;
    font-size: 14px;
    line-height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 28px;
    padding: 0 0 0 38px
}

.equip__item-size [class^=icon-] {
    color: #ffad18;
    position: absolute;
    top: 2px;
    left: 0
}

.team,
.team__gallery,
.team__slides {
    position: relative
}

@media (min-width:576px) {
    .equip__item-size {
        font-size: 22px;
        line-height: 28px;
        padding: 0 0 0 48px
    }
}

.team {
    color: #fff;
    padding: 35px 0 60px;
    overflow: hidden
}

.team .row {
    margin: 0
}

.team .row>[class^=col-] {
    padding: 0
}

@media (min-width:576px) {
    .team {
        padding: 60px 0
    }
}

.team__desc {
    text-align: center
}

.team__heading {
    display: block;
    font-size: 27px;
    line-height: 1;
    margin: 0 0 10px
}

@media (min-width:576px) {
    .team__heading {
        font-size: 40px;
        margin: 0 0 40px
    }
}

.team__text {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

@media (min-width:576px) {
    .team__text {
        font-size: 19px;
        margin: 0 0 25px
    }
}

.team__gallery {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

@media (min-width:768px) {
    .team {
        padding-bottom: 5px
    }
    .team__gallery {
        padding: 0 55% 0 0
    }
}

.team__slides {
    margin: 0 -15px
}

.team__slides .slick-list {
    overflow: visible
}

.team__slides .slick-arrow {
    display: block;
    position: absolute;
    top: 240px;
    width: 40px;
    height: 40px;
    border: 3px solid #fff;
    color: #fff;
    background: 0 0;
    border-radius: 5px;
    transition: .25s;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.team__slides .slick-arrow:hover {
    border-color: #0054a3;
    color: #0054a3
}

.team__slides .slick-prev {
    left: 15px
}

.team__slides .slick-next {
    right: 15px
}

@media (min-width:768px) {
    .team__slides {
        max-width: 494px;
        float: right;
        margin: 0
    }
}

@media (min-width:992px) {
    .team__desc {
        text-align: left
    }
    .team__gallery {
        padding: 0 10px 0 0
    }
    .team__slides {
        margin: 0 0 -90px;
        max-width: 720px
    }
}

.team__slides-image {
    margin: 0 auto;
    width: 280px;
    height: 280px;
    position: relative;
    z-index: 1
}

.team__slides-image:after,
.team__slides-image:before {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.team__slides-image:after {
    border: 3px solid #363b43;
    z-index: -1;
    left: 4px
}

.team__slides-image:before {
    background: #fff;
    z-index: -2;
    left: -4px
}

.team__slides-image picture {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

.team__slides-image img {
    display: block;
    max-width: 100%;
}

@media (min-width:768px) {
    .team__slides-image {
        width: 494px;
        height: 494px
    }
    .team__slides-image:after {
        left: 10px
    }
    .team__slides-image:before {
        left: -10px
    }
}

@media (min-width:992px) {
    .team__slides-image {
        width: 720px;
        height: 720px
    }
}

.team__slides-image-in {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    left: -5px
}

@media (min-width:768px) {
    .team__slides-image-in {
        left: -10px
    }
}

.team__slides-caption {
    background-color: #f1f1f1;
    border-radius: 58px;
    color: #414751;
    padding: 10px 30px 15px;
    position: relative;
    max-width: 290px;
    margin: 0 auto
}

.team__slides-caption:after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    border-top: 25px solid transparent;
    border-left: 50px solid #f1f1f1;
    z-index: 10;
    margin: 0 0 0 40px
}

.team__slides-caption mark {
    font-weight: 700;
    color: #12a7df
}

@media (min-width:768px) {
    .team__slides-caption {
        position: absolute;
        left: 100%;
        bottom: 60px;
        max-width: 400px;
        width: 100%;
        z-index: 10;
        padding: 10px 30px 15px 68px;
        margin: 0 0 0 -25px
    }
    .team__slides-caption:after {
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
        border-left: 60px solid #f1f1f1;
        left: 0;
        bottom: auto;
        top: -20px;
        margin: 0 0 0 15px;
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@media (min-width:992px) {
    .team__slides-caption {
        max-width: 505px;
        bottom: 190px;
        margin: 0 0 0 -50px
    }
}

.team__slides-title {
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media (min-width:768px) {
    .team__slides-title {
        font-size: 20px
    }
}

.team__slides-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 20px
}

.team__slides-ul>li {
    margin: 0;
    position: relative;
    padding: 0 0 0 16px
}

.team__slides-ul>li:after {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #0054a3;
    border-radius: 50%
}

.team__thumbs {
    display: none
}

@media (min-width:768px) {
    .team__slides-ul {
        font-size: 18px;
        line-height: 24px
    }
    .team__thumbs {
        display: block;
        position: absolute;
        top: 70px;
        left: 40%;
        padding: 0 40px;
        width: 60%
    }
    .team__thumbs .slick-arrow {
        display: block;
        position: absolute;
        top: 25px;
        width: 40px;
        height: 40px;
        border: 3px solid #fff;
        color: #fff;
        background: 0 0;
        border-radius: 5px;
        transition: .25s;
        overflow: hidden;
        cursor: pointer;
        z-index: 2
    }
    .team__thumbs .slick-arrow:hover {
        border-color: #0054a3;
        color: #0054a3
    }
    .team__thumbs .slick-prev {
        left: 25px
    }
    .team__thumbs .slick-next {
        right: 25px
    }
}

@media (min-width:992px) {
    .team__thumbs {
        top: 210px;
        left: 100%;
        width: 100%;
        padding: 0 50px;
        margin: 0 -15px
    }
    .team__thumbs .slick-prev {
        left: 15px
    }
    .team__thumbs .slick-next {
        right: 15px
    }
}

.team__thumbs-item {
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    transition: .25s
}

.team__thumbs-item:hover {
    color: #0054a3
}

.team__thumbs-item:hover .team__thumbs-image {
    border-color: #0054a3
}

.team__thumbs-image {
    width: 94px;
    height: 94px;
    border: 2px solid #fff;
    background: #f2f2f2;
    border-radius: 50%;
    margin: 0 auto 20px;
    overflow: hidden;
    transition: .25s
}

.team__thumbs-image img {
    display: block;
    max-width: none;
    width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 0;
    object-position: center 0
}

.team__thumbs-title {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.services {
    padding: 20px 0 45px
}

@media (min-width:576px) {
    .services {
        padding: 65px 0 55px
    }
}

.services__heading {
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: center
}

@media (min-width:576px) {
    .services__heading {
        font-size: 40px;
        line-height: 1;
        margin: 0 0 50px
    }
}

@media (min-width:992px) {
    .services {
        padding: 95px 0 105px
    }
    .services__heading {
        margin: 0 0 60px
    }
}

.services__grid {
    margin: 0 auto -34px;
    max-width: 922px
}

.catalog .btn,
.services__item .btn {
    width: 100%;
    max-width: 280px
}

@media (min-width:576px) {
    .services__grid {
        margin: 0 auto -56px
    }
}

.services__item {
    text-align: center;
    padding: 0 0 34px
}

@media (min-width:576px) {
    .services__item {
        padding: 0 0 56px
    }
}

@media (min-width:992px) {
    .services__grid {
        margin: 0 auto -74px
    }
    .services__item {
        padding: 0 0 74px
    }
}

.services__item-image {
    margin: 0 0 8px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    max-height: 240px;
    background: #fed90b
}

.services__item-image:before {
    float: left;
    padding: 54% 0 0
}

.services__item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services__item-title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 5px
}

.services__item-title small {
    display: inline-block;
    font-size: 16px
}

@media (min-width:576px) {
    .services__item-title {
        font-size: 24px;
        line-height: 28px
    }
    .services__item-title small {
        font-size: 20px
    }
}

.services__item-price {
    display: block;
    margin: 0 0 15px;
    font-size: 22px;
    line-height: 28px
}

.catalog {
    position: relative;
    z-index: 1;
    background: #ffad18;
    color: #fff;
    padding: 35px 0 52px
}

@media (min-width:576px) {
    .catalog {
        padding: 60px 0 85px
    }
    .catalog:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 30px;
        left: 50%;
        background: url(../images/bg-catalog-md.png) no-repeat;
        width: 420px;
        height: 255px;
        z-index: -1
    }
}

@media (min-width:768px) {
    .catalog:after {
        margin: 0 0 0 -70px
    }
}

@media (min-width:992px) {
    .catalog {
        padding: 90px 0 110px
    }
    .catalog:after {
        margin: 0 0 0 90px;
        bottom: 0;
        background: url(../images/bg-catalog.png) no-repeat;
        width: 654px;
        height: 398px
    }
}

.catalog__desc {
    padding: 0 15px
}

.catalog__heading {
    display: block;
    position: relative;
    font-size: 27px;
    line-height: 32px;
    font-weight: 700;
    margin: 0 0 24px;
    padding: 0 0 22px
}

.catalog__heading mark {
    color: #414751
}

.catalog__heading:after {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 80px;
    height: 5px;
    background: currentColor
}

@media (min-width:576px) {
    .catalog__heading {
        font-size: 40px;
        line-height: 48px;
        padding: 0 0 28px;
        margin: 0 0 34px
    }
}

@media (min-width:992px) {
    .catalog__heading {
        padding: 0 0 15px;
        margin: 0 0 30px;
        max-width: 760px
    }
}

.catalog__text {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 25px
}

@media (min-width:576px) {
    .catalog__text {
        font-size: 24px;
        line-height: 30px;
        max-width: 360px;
        margin: 0 0 15px
    }
}

@media (min-width:992px) {
    .catalog__text {
        font-size: 28px;
        line-height: 34px;
        max-width: 640px;
        margin: 0 0 40px
    }
    .contacts__desc {
        margin: 0 auto
    }
}

.contacts {
    background: #12a7df;
    position: relative
}

.contacts__map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.contacts__desc {
    position: relative;
    z-index: 20;
    background: #fff;
    padding: 30px 15px 20px
}

@media (min-width:576px) {
    .contacts__desc {
        max-width: 394px;
        box-shadow: 0 9px 63.7px 1.3px rgba(25, 119, 206, .28);
        padding: 80px 30px
    }
}

.header.is-sticky,
.thank__user-image {
    box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
}

.contacts__heading {
    display: block;
    text-align: center;
    margin: 0 0 20px;
    font-size: 27px;
    line-height: 1;
    font-weight: 700
}

@media (min-width:576px) {
    .contacts__heading {
        font-size: 40px;
        margin: 0 0 55px
    }
}

.contacts__dl {
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 18px;
    line-height: 30px
}

.contacts__dl dt {
    display: block;
    position: relative;
    margin: 0;
    font-weight: 700
}

.contacts__dl dd {
    margin: 0 0 20px;
    padding: 0
}

.contacts__dl dd:last-child {
    margin: 0
}

.contacts__dl [class^=icon-] {
    position: absolute;
    top: 5px;
    left: -30px;
    color: #ffad18
}

@media (min-width:576px) {
    .contacts__dl {
        font-size: 20px;
        line-height: 24px
    }
    .contacts__dl dt {
        font-size: 24px;
        line-height: 32px
    }
}

.thank {
    padding: 180px 0 36px;
    min-height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: .5s;
    opacity: 0
}

.thank.is-load {
    opacity: 1
}

.thank .container-fluid {
    width: 100%
}

@media (min-width:768px) {
    .thank .container-fluid {
        display: -ms-flexbox;
        display: flex
    }
}

.thank__user {
    margin: 0 auto 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 420px
}

@media (min-width:768px) {
    .thank__user {
        display: block;
        margin: 0 30px 0 0;
        min-width: 280px;
        max-width: 280px
    }
}

.thank__user-image {
    width: 120px;
    height: 120px;
    position: relative;
    overflow: hidden;
    margin: 0 20px 0 0;
    border-radius: 50%
}

.thank__user-image:before {
    padding: 100% 0 0;
    float: left
}

.thank__user-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}

.thank__desc,
.thank__user-caption {
    border-radius: 20px;
    background: #fff
}

@media (min-width:768px) {
    .thank__user-image {
        width: 240px;
        height: 240px;
        margin: 0 auto 20px
    }
}

.thank__user-caption {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 20px;
    margin: 0;
    -ms-flex: 1;
    flex: 1
}

.thank__user-caption b {
    display: block;
    color: #0054a3
}

@media (min-width:768px) {
    .thank__user-caption {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }
}

.thank__desc {
    padding: 25px 30px 28px;
    font-size: 16px;
    line-height: 20px;
    min-height: 100%;
    position: relative
}

.thank__desc:after {
    position: absolute;
    top: 50%;
    left: -40px;
    border-left: 50px solid transparent;
    border-top: 100px solid #fff;
    margin: -50px 0 0;
    -ms-transform: skewY(20deg);
    transform: skewY(20deg);
    display: none
}

.thank__desc .btn {
    width: 100%;
    max-width: 280px;
    display: block;
    margin: 0 auto
}

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

@-ms-viewport {
    width: device-width
}

html {
    -ms-overflow-style: scrollbar
}

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

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

@media (min-width:768px) {
    .thank__desc:after {
        display: block
    }
    .container {
        max-width: 720px
    }
}

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

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

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

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
    .push-sm-0 {
        left: auto
    }
    .push-sm-1 {
        left: 8.33333%
    }
    .push-sm-2 {
        left: 16.66667%
    }
    .push-sm-3 {
        left: 25%
    }
    .push-sm-4 {
        left: 33.33333%
    }
    .push-sm-5 {
        left: 41.66667%
    }
    .push-sm-6 {
        left: 50%
    }
    .push-sm-7 {
        left: 58.33333%
    }
    .push-sm-8 {
        left: 66.66667%
    }
    .push-sm-9 {
        left: 75%
    }
    .push-sm-10 {
        left: 83.33333%
    }
    .push-sm-11 {
        left: 91.66667%
    }
    .pull-sm-0 {
        right: auto
    }
    .pull-sm-1 {
        right: 8.33333%
    }
    .pull-sm-2 {
        right: 16.66667%
    }
    .pull-sm-3 {
        right: 25%
    }
    .pull-sm-4 {
        right: 33.33333%
    }
    .pull-sm-5 {
        right: 41.66667%
    }
    .pull-sm-6 {
        right: 50%
    }
    .pull-sm-7 {
        right: 58.33333%
    }
    .pull-sm-8 {
        right: 66.66667%
    }
    .pull-sm-9 {
        right: 75%
    }
    .pull-sm-10 {
        right: 83.33333%
    }
    .pull-sm-11 {
        right: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.33333%
    }
    .push-md-2 {
        left: 16.66667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.33333%
    }
    .push-md-5 {
        left: 41.66667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.33333%
    }
    .push-md-8 {
        left: 66.66667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.33333%
    }
    .push-md-11 {
        left: 91.66667%
    }
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.33333%
    }
    .pull-md-2 {
        right: 16.66667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.33333%
    }
    .pull-md-5 {
        right: 41.66667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.33333%
    }
    .pull-md-8 {
        right: 66.66667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.33333%
    }
    .pull-md-11 {
        right: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.33333%
    }
    .push-lg-2 {
        left: 16.66667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.33333%
    }
    .push-lg-5 {
        left: 41.66667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.33333%
    }
    .push-lg-8 {
        left: 66.66667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.33333%
    }
    .push-lg-11 {
        left: 91.66667%
    }
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.33333%
    }
    .pull-lg-2 {
        right: 16.66667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.33333%
    }
    .pull-lg-5 {
        right: 41.66667%
    }
    .pull-lg-6 {
        right: 47%
    }
    .pull-lg-7 {
        right: 58.33333%
    }
    .pull-lg-8 {
        right: 66.66667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.33333%
    }
    .pull-lg-11 {
        right: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
    .push-xl-0 {
        left: auto
    }
    .push-xl-1 {
        left: 8.33333%
    }
    .push-xl-2 {
        left: 16.66667%
    }
    .push-xl-3 {
        left: 25%
    }
    .push-xl-4 {
        left: 33.33333%
    }
    .push-xl-5 {
        left: 41.66667%
    }
    .push-xl-6 {
        left: 50%
    }
    .push-xl-7 {
        left: 58.33333%
    }
    .push-xl-8 {
        left: 66.66667%
    }
    .push-xl-9 {
        left: 75%
    }
    .push-xl-10 {
        left: 83.33333%
    }
    .push-xl-11 {
        left: 91.66667%
    }
    .pull-xl-0 {
        right: auto
    }
    .pull-xl-1 {
        right: 8.33333%
    }
    .pull-xl-2 {
        right: 16.66667%
    }
    .pull-xl-3 {
        right: 25%
    }
    .pull-xl-4 {
        right: 33.33333%
    }
    .pull-xl-5 {
        right: 41.66667%
    }
    .pull-xl-6 {
        right: 50%
    }
    .pull-xl-7 {
        right: 58.33333%
    }
    .pull-xl-8 {
        right: 66.66667%
    }
    .pull-xl-9 {
        right: 75%
    }
    .pull-xl-10 {
        right: 83.33333%
    }
    .pull-xl-11 {
        right: 91.66667%
    }
}

@media (min-width:1600px) {
    .col-wide {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-wide-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-wide-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-wide-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-wide-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-wide-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-wide-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-wide-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-wide-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-wide-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-wide-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-wide-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-wide-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-wide-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-wide-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-wide-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-wide-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-wide-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-wide-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-wide-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-wide-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-wide-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-wide-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-wide-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-wide-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-wide-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-wide-0 {
        margin-left: 0
    }
    .offset-wide-1 {
        margin-left: 8.33333%
    }
    .offset-wide-2 {
        margin-left: 16.66667%
    }
    .offset-wide-3 {
        margin-left: 25%
    }
    .offset-wide-4 {
        margin-left: 33.33333%
    }
    .offset-wide-5 {
        margin-left: 41.66667%
    }
    .offset-wide-6 {
        margin-left: 50%
    }
    .offset-wide-7 {
        margin-left: 58.33333%
    }
    .offset-wide-8 {
        margin-left: 66.66667%
    }
    .offset-wide-9 {
        margin-left: 75%
    }
    .offset-wide-10 {
        margin-left: 83.33333%
    }
    .offset-wide-11 {
        margin-left: 91.66667%
    }
    .push-wide-0 {
        left: auto
    }
    .push-wide-1 {
        left: 8.33333%
    }
    .push-wide-2 {
        left: 16.66667%
    }
    .push-wide-3 {
        left: 25%
    }
    .push-wide-4 {
        left: 33.33333%
    }
    .push-wide-5 {
        left: 41.66667%
    }
    .push-wide-6 {
        left: 50%
    }
    .push-wide-7 {
        left: 58.33333%
    }
    .push-wide-8 {
        left: 66.66667%
    }
    .push-wide-9 {
        left: 75%
    }
    .push-wide-10 {
        left: 83.33333%
    }
    .push-wide-11 {
        left: 91.66667%
    }
    .pull-wide-0 {
        right: auto
    }
    .pull-wide-1 {
        right: 8.33333%
    }
    .pull-wide-2 {
        right: 16.66667%
    }
    .pull-wide-3 {
        right: 25%
    }
    .pull-wide-4 {
        right: 33.33333%
    }
    .pull-wide-5 {
        right: 41.66667%
    }
    .pull-wide-6 {
        right: 50%
    }
    .pull-wide-7 {
        right: 58.33333%
    }
    .pull-wide-8 {
        right: 66.66667%
    }
    .pull-wide-9 {
        right: 75%
    }
    .pull-wide-10 {
        right: 83.33333%
    }
    .pull-wide-11 {
        right: 91.66667%
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1600px) {
    .flex-wide-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-wide-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-wide-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-wide-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-wide-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-wide-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-wide-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-wide-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-wide-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-wide-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-wide-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-wide-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-wide-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-wide-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-wide-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-wide-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-wide-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-wide-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-wide-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-wide-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-wide-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-wide-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-wide-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-wide-auto {
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-wide-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-wide-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-wide-center {
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-wide-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-wide-stretch {
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

body,
html {
    height: 100%
}

body {
    background: #fff;
    color: #414751
}

.app {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    min-width: 320px
}

.container-fluid {
    max-width: 1130px
}

.page-thank {
    background: url(../images/bg.png) #f2f2f2
}

@media (min-width:768px) {
    .page-thank .header {
        background: #0054a3
    }
}

.page-thank .footer,
.page-thank .nav {
    display: none
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    color: #363b43;
    padding: 48px 0 20px;
    transition: background .25s, box-shadow .25s, padding .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.footer,
.footer__logo,
.header__logo {
    position: relative
}

@media (min-width:768px) {
    .header {
        background: 0 0;
        padding: 20px 0;
        color: #fff
    }
    .header .container-fluid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .header.is-sticky {
        background: #fff;
        color: #363b43;
        padding: 0
    }
    .header.is-sticky .header__logo a {
        color: #363b43;
    }
    .header.is-sticky .header__logo .logo-white {
        opacity: 0
    }
    .header.is-sticky .header__logo .logo-dark {
        opacity: 1
    }
    .header.is-sticky .header__call {
        background: 0 0
    }
    .header.is-sticky .nav__link {
        color: #0054a3
    }
    .header.is-sticky .nav__link:hover {
        color: #ffad18
    }
}

.header__logo {
    padding: 0 0 0 50px;
    margin: 0 20px 0 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 800
}

.header__logo a {
    text-decoration: none;
		color: #363b43;
}

.header__logo small {
    display: block;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    padding: 5px 0 0;
}

.header__logo [class^=logo-] {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    transition: opacity .25s
}

.header__logo .logo-white {
    opacity: 0
}

@media (min-width:576px) {
    .header__logo {
        margin: 0 20px 0 0;
        font-size: 20px;
        line-height: 1
    }
    .header__logo small {
        font-size: 12px
    }
}

@media (min-width:768px) {
    .header__logo {
        padding: 0 0 0 82px;
        top: -5px
    }
    .header__logo a {
        color: #fff;
    }
    .header__logo [class^=logo-] {
        width: 68px;
        height: 68px;
        margin: 4px 0 0 2px
    }
    .header__logo .logo-white {
        opacity: 1
    }
    .header__logo .logo-dark {
        opacity: 0
    }
}

.header__call {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #0054a3;
    color: #fff;
    height: 38px;
    padding: 0 15px;
    transition: background .25s;
    width: 100%
}
.header__call.active {
    top: 80px;
}

.header__call .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0
}

.header__call .row>[class*=" col"],
.header__call .row>[class^=col] {
    padding: 0
}

@media (min-width:768px) {
    .header__call {
        position: relative;
        background: #fff;
        color: #000433;
        margin: 0 0 0 auto;
        min-height: 76px;
        border-radius: 100px;
        padding: 12px 18px 17px 22px;
        white-space: nowrap;
        min-width: 490px;
        max-width: 490px
    }
}

@media (min-width:992px) {
    .header__call {
        padding-left: 28px
    }
}

.header__call-phone {
    display: block;
    white-space: nowrap;
    font-size: 18px;
    line-height: 38px;
    font-weight: 500;
    margin: 0
}

.header__call-phone [class^=icon-] {
    display: none
}

.header__call-phone a {
    color: inherit;
    text-decoration: none
}

@media (min-width:768px) {
    .header__call-phone {
        font-size: 24px;
        line-height: 28px
    }
    .header__call-phone [class^=icon-] {
        display: inline-block;
        margin: 0 12px 4px 0;
        color: #ffbb12
    }
}

.header__call-worktime {
    display: none
}

@media (min-width:768px) {
    .header__call-worktime {
        display: block;
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        color: #4f4f51
    }
    .header__call-worktime [class^=icon-] {
        margin: 0 12px 4px 0;
        color: #ffbb12
    }
}

.header__call-btn,
.header__call-btn:hover {
    color: #fff;
    text-decoration: none
}

.header__call-btn {
    display: block;
    padding: 0 10px;
    font-size: 15px;
    line-height: 38px;
    font-weight: 500;
    text-align: center;
    background: #ffad18;
    margin: 0 -15px 0 0;
    transition: .25s
}

@media (min-width:768px) {
    .header__call-btn {
        font-size: 19px;
        line-height: 27px;
        border-radius: 28px;
        background-image: linear-gradient(180deg, #ffa400 0, #df9000 100%);
        box-shadow: 0 4px 0 0 #8e5b00, 0 9px 13px rgba(0, 0, 0, .13);
        margin: 0 0 0 20px;
        padding: 10px 22px
    }
    .header__call-btn:hover {
        background-image: linear-gradient(180deg, #df9000 0, #ffa400 100%)
    }
    .header__call-btn:active {
        transition: none;
        transform: translate3d(0, 2px, 0);
        box-shadow: 0 2px 0 0 #8e5b00, 0 4px 6px rgba(0, 0, 0, .13)
    }
}

.nav__menu,
.nav__trigger,
.nav__call {
    position: absolute;
    box-shadow: 0 9px 13px rgba(0, 0, 0, .13)
}

.is-nav-open .nav__trigger span:nth-child(1) {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.is-nav-open .nav__trigger span:nth-child(2) {
    opacity: 0
}

.is-nav-open .nav__trigger span:nth-child(3) {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.is-nav-open .nav__menu {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition-delay: 0s
}

.is-nav-open .nav__menu>li {
    opacity: 1
}

@media (min-width:768px) {
    .nav {
        display: none
    }
}

@media (min-width:1200px) {
    .nav {
        display: block;
        width: 100%
    }
}

.nav__call {
    display: block;
    top: 15px;
    right: 80px;
    width: 50px;
    height: 50px;
    border: none;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    z-index: 15
}

.nav__trigger {
    display: block;
    top: 43px;
    right: 30px;
    width: 50px;
    height: 50px;
    border: none;
    background: 0 0;
    border-radius: 50%;
    cursor: pointer;
    z-index: 15
}

.nav__trigger span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 2px;
    background: #ffbb12;
    transition: .25s;
    margin: -1px 0 0 -12.5px
}

.nav__trigger span:nth-child(1) {
    -ms-transform: translate(0, -7px);
    transform: translate(0, -7px)
}

.nav__trigger span:nth-child(3) {
    -ms-transform: translate(0, 7px);
    transform: translate(0, 7px)
}

@media (min-width:768px) {
    .nav__trigger {
        display: none
    }
}

.nav__menu {
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 0 15px 15px;
    list-style: none;
    font-size: 30px;
    line-height: 62px;
    z-index: 10;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.nav__menu>li {
    margin: 0
}

@media (min-width:1200px) {
    .nav__menu {
        position: relative;
        top: -5px;
        opacity: 1;
        visibility: visible;
        padding: 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px;
        background: 0 0;
        box-shadow: none;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 100%
    }
    .nav__menu>li {
        padding: 0 10px
    }
}

.nav__link {
    transition: .25s;
    display: block;
    color: #0054a3;
    text-decoration: none;
    padding: 0 20px
}

.nav__link:hover {
    background: #0054a3;
    color: #fff;
    text-decoration: none
}

@media (min-width:1200px) {
    .nav__link {
        padding: 0;
        color: #fff
    }
    .nav__link:hover {
        background: 0 0;
        color: #ffad18
    }
}

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

.footer {
    border-top: 1px solid #0054a3;
    padding: 8px 0
}

.footer .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:576px) {
    .footer {
        padding: 21px 0;
        border: none
    }
}

.footer__logo {
    padding: 0 0 0 50px;
    margin: 0 auto 0 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 800
}

.footer__logo small {
    display: block;
    text-transform: none;
    font-size: 11px;
    font-weight: 400;
    padding: 5px 0 0
}

.footer__logo [class^=logo-] {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    transition: opacity .25s
}

.footer__logo .logo-white {
    opacity: 0
}
.footer__logo a {
    text-decoration: none;
		color: #363b43;
}

@media (min-width:576px) {
    .footer__logo {
        font-size: 20px;
        line-height: 1
    }
    .footer__logo small {
        font-size: 12px
    }
}

@media (min-width:768px) {
    .footer__logo {
        padding: 0 0 0 82px
    }
    .footer__logo [class^=logo-] {
        width: 68px;
        height: 68px;
        margin: 0 0 0 2px
    }
}

.footer__call {
    display: none
}

@media (min-width:992px) {
    .footer__call {
        display: block;
        margin: 0 auto;
        color: #000433;
        white-space: nowrap;
        min-width: 440px
    }
}

.footer__call-phone {
    display: block;
    white-space: nowrap;
    font-size: 18px;
    line-height: 38px;
    font-weight: 500;
    margin: 0
}

.footer__call-phone [class^=icon-] {
    display: none
}

.footer__call-phone a {
    color: inherit;
    text-decoration: none
}

@media (min-width:768px) {
    .footer__call-phone {
        font-size: 24px;
        line-height: 28px
    }
    .footer__call-phone [class^=icon-] {
        display: inline-block;
        margin: 0 12px 4px 0;
        color: #ffbb12
    }
}

.footer__call-worktime {
    display: none
}

@media (min-width:768px) {
    .footer__call-worktime {
        display: block;
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        color: #4f4f51
    }
    .footer__call-worktime [class^=icon-] {
        margin: 0 12px 4px 0;
        color: #ffbb12
    }
}

.footer__call-btn {
    display: block;
    font-size: 19px;
    line-height: 27px;
    padding: 10px 22px;
    border-radius: 28px;
    background-image: linear-gradient(180deg, #ffa400 0, #df9000 100%);
    box-shadow: 0 4px 0 0 #8e5b00, 0 9px 13px rgba(0, 0, 0, .13);
    margin: 0 0 0 -15px;
    color: #fff;
    text-decoration: none
}

.footer__call-btn:hover {
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(180deg, #df9000 0, #ffa400 100%)
}

.footer__call-btn:active {
    transition: none;
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 2px 0 0 #8e5b00, 0 4px 6px rgba(0, 0, 0, .13)
}

.footer__up {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #0054a3;
    text-decoration: none;
    margin: 0 0 0 auto;
    transition: .25s
}

.footer__up [class^=icon-] {
    display: block;
    margin: 0 auto 5px
}

.footer__up:hover {
    text-decoration: none
}

@media (min-width:576px) {
    .footer__up {
        padding: 0 25px
    }
}

.row-offset-10 {
    margin: 0 -5px
}

.row-offset-10>[class^=col-] {
    padding: 0 5px
}

@media(max-width:575px) {
    .adv__item,
    .stock__item {
        height: 100%;
        margin-bottom: 40px
    }
    .adv__item-icon,
    .stock__item-icon {
        float: left;
        min-width: 100px;
        height: 100%
    }
}

@media(max-width: 576px) {
    .icon-stock-2 .st1,
    .icon-stock-3 .st1 {
        fill: #fff;
    }
}

@media(max-width:768px) {
    .header {
        padding: 20px 0;
    }
    .header__call {
        display: none;
    }
    .header__call.active {
        display: block;
    }
		
    .nav__trigger {
        right: 15px;
        top: 15px;
    }
    .thank {
        padding: 160px 0 36px;
    }
    .tariff__item-body {
        min-height: unset!important;
    }
}

@media (max-width: 575px) {
    .adv__item-icon,
    .stock__item-icon {
        float: left;
        min-width: 73px;
        height: 100%;
    }
}

@media(max-width:992px) {
    .tariff__item-body {
        min-height: 320px!important;
    }
}

@media(max-width:330px) {
    .phone-margin {
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .nav__call {
        display: none
    }
}

.electric {
    padding: 75px 0;
    background-color: #ffad18;
}

.electric__title {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 10px;
    text-align: center;
}

.electric__title.small {
    font-size: 32px;
    font-weight: 400;
}

.electric__grid {
    padding-top: 25px;
    display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: space-around;
    justify-content: space-around;
		-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.electric__item {
    flex-basis: 50%;
    display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: space-around;
    justify-content: space-around;
    margin-bottom: 55px;
    padding-right: 10px;
}

.electric__item:nth-child(3),
.electric__item:nth-child(4) {
    margin-bottom: 0;
}

.electric__item-img {
    margin-right: 30px;
    position: relative;
}

.electric__item-img img {
    border-radius: 50%;
}

.electric__item-img:before {
    content: '';
    border: 2px solid #363b43;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 100%;
}

.electric__item-info {
    padding-top: 60px;
    max-width: 260px;
}

.electric__item-title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0;
    color: #ffffff;
}

.electric__item-text {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #ffffff;
}

.electric__form {
    margin-top: 40px;
    text-align: center;
}

.electric__form .form-field {
    width: 336px;
    display: inline-block;
}

@media (max-width: 992px) {
    .electric__item {
        flex-basis: 100%;
        margin-bottom: 30px!important;
    }
    .electric__item-info {
        max-width: 600px;
    }
    .electric__item-img {
        margin-left: 12%;
    }
}

@media (max-width: 767px) {
    .electric__title {
        font-size: 22px;
        padding-bottom: 5px;
    }
    .electric__title.small {
        font-size: 18px;
    }
    .electric {
        padding: 30px 0
    }
    .electric__grid {
        padding-top: 20px;
    }
    .electric__item-img {
        flex: 0 0 70px;
        margin-left: 0;
        margin-right: 10px;
    }
    .electric__item-info {
        padding-top: 0;
        max-width: unset;
    }
    .electric__item-title {
        font-size: 18px;
        padding-bottom: 5px;
    }
    .electric__item-img:before {
        top: 2px;
        height: 72px;
    }
    .electric__item {
        padding-right: 0;
    }
    .electric__form .form-field {
        max-width: 300px;
				width: 100%;
    }
}

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

.reviews {
    background: #f2f2f2;
    padding: 45px 0 0
}

.reviews__heading {
    font-size: 40px;
    line-height: 1;
    margin: 0 0 50px;
    font-weight: 700;
    text-align: center;
}

.reviews__item {
    padding: 30px 35px 25px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    position: relative;
    margin-bottom: 40px;
}

.reviews__item:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #f2f2f2;
    position: absolute;
    top: -2px;
    right: -25px;
}

.reviews__item--1 .reviews__item-descr,
.reviews__item--2 .reviews__item-descr,
.reviews__item--3 .reviews__item-descr {
    min-height: 345px;
}

.reviews__item--4 .reviews__item-descr,
.reviews__item--5 .reviews__item-descr,
.reviews__item--6 .reviews__item-descr {
    min-height: 320px;
}

.reviews__item-descr {
    padding-bottom: 30px;
    border-bottom: 1px solid #ffad18;
}

.reviews__item-title {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 25px;
}

.reviews__item-text {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.reviews__item-more {
    color: #fd9c03;
    display: inline-block;
    cursor: pointer;
}

.reviews__item-text.active {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}

.reviews__item-person {
    padding-top: 15px;
    display: flex;
}

.reviews__item-icon {
    margin-right: 20px;
    margin-left: 5px;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    z-index: 1;
}

.reviews__item-icon:before {
    content: '';
    width: 62px;
    height: 62px;
    background: #ffad18;
    z-index: 0;
    left: 28px;
    position: absolute;
    border-radius: 50%;
}

.reviews__item-icon:after {
    content: '';
    width: 64px;
    height: 62px;
    background: transparent;
    border: 1px solid #000;
    z-index: 0;
    left: 38px;
    position: absolute;
    border-radius: 50%;
}

.reviews__item-icon img {
    border-radius: 50%;
    position: relative;
    z-index: 0;
    width: 55px;
    height: 60px;
    right: 2px;
}

.reviews__item-info {
    padding-top: 10px;
}

.reviews__item-name {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.reviews__item-client {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.reviews__more {
    text-align: center;
}

.reviews__btn {
    color: #fd9c03;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}

.reviews__btn:after {
    content: url("../images/review-more.png");
    display: inline-block;
    margin-left: 10px;
}

.reviews__btn.active:after {
    transform: rotate(180deg);
}

.reviews .videoPlaceholder {
    cursor: pointer;
}

@media(min-width: 992px) {
    .hidden-pc {
        display: none;
    }
}

@media(max-width: 991px) {
    .hidden-mob {
        display: none;
    }
}

@media(max-width: 768px) {
    .reviews__item .reviews__item-descr {
        min-height: unset;
    }
    .reviews__item {
        margin-bottom: 15px;
        padding: 30px 20px;
    }
    .reviews__item-title {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .reviews__item-text {
        font-size: 15px;
    }
    .reviews__item-descr {
        padding-bottom: 25px;
    }
    .reviews__item-icon img {
        left: 15px;
    }
}

@media (max-width: 576px) {
    .reviews__heading {
        font-size: 27px;
        margin-bottom: 30px;
    }
}

@-moz-document url-prefix() {
    .reviews__item-text.active:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: 0;
        content: "...";
        font-weight: bold;
        padding: 0 100px 1px 150px;
        position: absolute;
        right: 0;
    }
    .reviews__item-text {
        max-height: unset;
    }
    .reviews__item-text.active {
        max-height: 221px;
    }

    @media(max-width: 992px) {
        .reviews__item-text.active {
            max-height: 201px;
        }
    }

    @media(max-width: 768px) {
        .reviews__item-text.active {
            max-height: 207px;
        }
    }
}

/*
    offers
*/

.offer {
    background: #ffad18;
    padding: 90px 0
}

.offer p,
.offer h2,
.offer h3 {
    margin: 0
}

.offer .container-fluid {
    position: relative;
}

.offer__heading {
    font-size: 40px;
    font-weight: 700;
    position: relative;
    color: #414751;
    padding-bottom: 55px
}

.offer__heading:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 80px;
    height: 5px;
    background: #fff
}

.offer__text {
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    padding-bottom: 30px
}

.offer__text span {
    font-size: 32px;
    font-weight: 700;
    color: #0054a3
}

.offer__list {
    list-style: none;
    padding-left: 0;
}

.offer__list-item {
    font-size: 20px;
    color: #ffffff;
    padding-left: 85px;
    margin-bottom: 35px;
    line-height: 65px;
    position: relative
}

.offer__list-item span {
    font-weight: 700;
    color: #0054a3
}

.offer__list-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 50%
}

.offer__list-item:after {
    content: url(../images/offer-icon1.png);
    position: absolute;
    width: 65px;
    height: 45px;
    top: 12px;
    left: 0;
    text-align: center
}

.offer__list-item:nth-child(2):after {
    content: url(../images/offer-icon2.png);
    top: 10px
}

.offer__list-item:nth-child(3):after {
    content: url(../images/offer-icon3.png)
}

.offer__button {
    margin-top: 75px;
    display: inline-block;
    padding-left: 65px;
    padding-right: 65px;
}

.offer__action {
    position: absolute;
    top: 200px;
    right: 20px;
    text-align: center
}

.offer__action-price {
    font-size: 28px;
    color: #414751;
    text-decoration: line-through;
    margin-top: 10px
}

.offer__action-price.new {
    background: url(../images/offer-price-bg.png) no-repeat center center;
    background-size: contain;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 36px;
    padding: 17px 50px 22px;
    position: relative
}

.offer__action-price.new:before {
    content: '=';
    position: absolute;
    font-size: 50px;
    left: -50px;
    top: 0
}

@media screen and (max-width: 992px) {
    .offer {
        padding: 60px 0
    }
    .offer .container-fluid {
        max-width: 600px;
        margin: 0 auto
    }
    .offer__action {
        position: static;
        text-align: left
    }
    .offer__action-img {
        padding-bottom: 30px;
    }
    .offer__action-img img {
        width: 400px
    }
    .offer__action-price {
        margin-top: 40px;
        padding-left: 90px
    }
    .offer__action-price.new {
        margin-top: 10px
    }
    .offer__action-price.new:before {
        top: -100px;
        left: 50%
    }
    .offer__button {
        margin-top: 30px
    }
    .offer__list {
        margin-top: 20px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 576px) {
    .offer .container-fluid {
        max-width: 310px;
        padding: 0 10px
    }
    .offer__heading {
        font-size: 27px
    }
    .offer__text {
        font-size: 19px
    }
    .offer__text span {
        font-size: 19px
    }
    .offer__action-img img {
        width: 300px
    }
    .offer__action-price {
        font-size: 18px;
        padding-left: 80px
    }
    .offer__action-price.new {
        font-size: 24px
    }
    .offer__action-price.new:before {
        font-size: 30px;
        top: -70px
    }
    .offer__list-item {
        font-size: 18px;
        margin-bottom: 25px
    }
}

/*
    new-portf start
*/

.works__thumbs-item {
    max-width: 80px;
    width: 100%;
    box-sizing: content-box;
    border: none;
    margin-bottom: 10px
}

.works__thumbs {
    padding: 0;
    justify-content: center;
}

.works__thumbs:after {
    content: unset;
}

.works__obj-tabs {
    padding: 22px 80px
}

.works__obj-title {
    line-height: 20px;
}

.works__obj-info mark {
    color: #000;
    font-weight: 400;
}

.works__obj-info mark.bold {
    font-weight: 700;
}

.works__obj-info td {
    padding: 5px 7px;
    height: 35px;
}

.works__slides {
    position: relative;
}

.works__slides .slick-arr {
    position: absolute;
    top: calc(50% - 20px);
    border-radius: 3px;
    border: 3px solid #0054a3;
    padding: 6px 10px;
    z-index: 1;
}

.works__slides .slick-arr.prev {
     left: 10px;
}

.works__slides .slick-arr.next {
    right: 10px;
}

.works__slides .slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

.works__slides .slick-dots li {
    display: inline-block;
    margin-right: 7px;
    width: 8px;
    height: 8px;
    background-color: #0054a3;
    border-radius: 50%;
}

.works__slides .slick-dots li.slick-active {
    background-color: #ffad18;
}

.works__slides .slick-dots li button {
    display: none;
}

.works__obj-title span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.tabs__slides .slick-slide {
    margin-right: 25px
}

.tabs__slides .slick-arr {
    position: absolute;
    top: calc(50% - 16px);
    cursor: pointer;
}

.tabs__slides .slick-arr.prev {
    left: 30px;
}

.tabs__slides .slick-arr.next {
    right: 30px;
}

.p-0 {
    padding-left: 0
}

.works__obj-smet {
    text-align: center;
    flex-basis: 100%;
}

.works__obj-drop {
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}

.additional__works {
    color: #ffad18;
    font-size: 18px;
    margin: 0;
    padding: 5px 40px;
    position: relative;
    cursor: pointer;
    min-width: 355px;
}

.additional__works:before {
    content: url("../images/b-arr.png");
    position: absolute;
    left: 11px;
    top: 4px;
}

.drop__list {
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
    height: 0;
}

.drop__list.not-active {
    height: auto;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    padding-right: 15px;
}

.works__obj-title {
    flex-basis: 100%;
}

.blue-btn {
    background: #0054a3;
    color: #fff;
}

.works__obj-panel {
    padding: 30px 0 0 !important;
}

.works__slides-item {
    position: relative;
}

.works__slides-item:after {
    content: url('../images/gips.png');
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.hidden-md {
    padding-right: 0
}

.works__slides-item.knauf:after {
    content: url('../images/gips2.png');
}

@media (max-width: 992px) {
    .hidden-md {
        display: none;
    }
    .p-0 {
        padding-left: 15px;
    }
    .works__obj-btn {
        min-width: 105px;
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .drop__list {
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 20px;
        padding-right: 15px;
        overflow: visible;
        height: auto;
    }
    .works__slides-item:after {
        bottom: 10px;
        right: 10px;
        content: url('../images/gips-mob.png');
    }
    .works__slides-item.knauf:after{
        content: url('../images/gips2-mob.png');
    }
    .drop__list.not-active {
        height: 0;
        overflow: hidden;
        padding: 0;
    }
    .works__type-tabs {
        display: none;
    }
    .works__obj-tabs {
        display: block;
        padding: 5px 40px;
    }
    .tabs__slides .slick-arr.next {
        right: 8px;
    }
    .tabs__slides .slick-arr.prev {
        left: 8px;
    }
    .works__obj-btn {
        min-width: 66px;
        padding: 0;
        font-size: 16px;
        margin: 10px 3px
    }
    .blue-btn {
        min-width: 105px
    }
    .tabs__slides .slick-slide {
        margin-right: 20px;
    }
    .works__obj-desc {
        flex-flow: column;
        max-width: 390px;
    }
}

@media (max-width: 400px) {
    .works__obj-btn {
        font-size: 14px
    }
}

/*
    new-portf end
*/


/*
    new-equip
*/

.equipment {
    padding: 60px 0;
    background-color: #f2f2f2
}

.equipment__heading {
    font-size: 40px;
    font-weight: 700;
    color: #414751;
    padding-bottom: 10px;
    text-align: center;
    line-height: 35px;
    margin: 0
}

.equipment__heading.small {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 25px;
}

.equipment__grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.equipment__item {
    flex-basis: 33.3%;
    background: url(../images/equip-item-bg.png) no-repeat center left;
    position: relative
}

.equipment__item:after {
    content: '+';
    font-weight: 700;
    position: absolute;
    right: 16%;
    top: 37%;
    font-size: 50px;
    color: #d3d1d1
}

.equipment__item:last-child .equipment__img img {
    padding-left: 20px
}

.equipment__item.last:after {
    content: ''
}

.equipment__img {
    text-align: left;
    line-height: 230px
}

.equipment__img img {
    padding-left: 35px;
    vertical-align: bottom
}

.equipment__descr {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.equipment__descr-text {
    padding-left: 5px
}

.equipment__descr-num {
    flex-basis: 35%;
    text-align: right
}

.equipment__descr-house{
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #414751;
    padding-bottom: 10px;
    margin: 0
}

.equipment__descr-name {
    font-size: 20px;
    font-weight: 700;
    color: #0054a3;
    padding-bottom: 15px;
    margin: 0
}

.equipment__descr-about {
    font-size: 16px;
    color: #000000;
    margin: 0
}

.equipment__number {
    font-size: 56px;
    font-weight: 700;
    color: #0054a3;
    padding-top: 14px;
    background: #ffffff;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    height: 73px;
    box-sizing: border-box;
    width: 73px;
    text-align: center;
    margin: 0
}

.equipment__grid .slick-arrow {
    display: block;
    position: absolute;
    bottom: 47%;
    width: 40px;
    height: 40px;
    border: 3px solid #ffad18;
    color: #ffad18;
    background: 0 0;
    border-radius: 5px;
    transition: .25s;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.equipment__grid .slick-arrow.slick-next {
    right: 0
}

.equipment__grid .slick-arrow:hover {
    border-color: #002357;
    color: #002357
}

.equipment__grid .slick-slide img {
    display: inline-block;
}

.equipment__grid .slick-dots {
    margin: 0;
    padding: 0 55px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: 1
}

.equipment__grid .slick-dots>li {
    padding: 0 3px
}

.equipment__grid .slick-dots button {
    display: block;
    border: none;
    padding: 0;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #002357;
    border-radius: 50%;
    cursor: pointer
}


.equipment__grid .slick-dots .slick-active button {
    background: #ffad18
}

.equipment__plus {
    display: none;
    font-weight: 700;
    position: absolute;
    left: 16%;
    top: 37%;
    font-size: 50px;
    color: #d3d1d1
}

.equipment__center {
    text-align: center;
}

.equipment__button {
    margin-top: 60px;
}

@media(max-width: 992px) {
    .equipment__item {
        padding-left: 55px;
        background: url(../images/equip-item-bg.png) no-repeat 39% 50%
    }
    .equipment__descr-text {
        flex-basis: 70%;
    }
    .equipment__descr-num {
        flex-basis: 30%;
    }
    .equipment__item.last:after {
        content: '+'
    }
}

@media(max-width: 767px) {
    .equipment__button {
        display: none;
    }
    .equipment__item {
        padding-left: 0;
        background: url(../images/equip-item-bg.png) no-repeat 55% 50%
    }
    .equipment__img {
        text-align: center;
    }
    .equipment__item:last-child .equipment__img img {
        padding-left: 0;
    }
    .equipment__descr-num {
        text-align: center;
    }
    .equipment__grid .slick-arrow {
        bottom: -50px
    }
    .equipment__descr-house {
        display: none;
    }
    .equipment__number {
        position: relative;
        margin-left: -240px;
    }
    .equipment__number:after {
        content: 'Для квартиры';
        font-size: 16px;
        position: absolute;
        width: 126px;
        left: 120px;
        text-transform: uppercase;
        color: #414751;
    }
    .equipment__number.home:after {
        content: 'Для дома';
    }
    .equipment__descr {
        display: block;
    }
    .equipment__descr-text {
        max-width: 300px;
        margin: 0 auto
    }
    .equipment__item {
        background: url(../images/equip-item-bg-mob.png) no-repeat center center;
        z-index: 0;
    }
    .equipment__item:before {
        content: url("../images/equip-white.png");
        position: absolute;
        top: 55%;
        left: 33%;
        z-index: -1;
    }
    .equipment__plus {
        display: block;
    }
}

@media(max-width: 560px) {
    .equipment__item:before {
        left: 22%;
    }
    .equipment__heading {
        font-size: 27px;
    }

    .equipment__heading.small {
        font-size: 18px;
        line-height: 22px;
    }
}

@media(max-width: 360px) {
    .equipment__item:before {
        left: 7%;
    }
    .equipment__number {
        margin-left: -215px;
    }
    .equipment__plus {
        left: 0;
        top: 42%;
        font-size: 36px;
    }
    .equipment__item:after {
        right: 0;
        top: 42%;
        font-size: 36px;
    }
}

/*
    how start
*/

.how {
    padding: 60px 0;
    background-color: #feac20;
}

.how__grid {
    display: flex;
    flex-wrap: nowrap;
}

.how__item {
    flex-basis: 20%;
    padding-top: 60px;
    display: flex!important;
    flex-wrap: nowrap;
    position: relative;
}

.how__item:after {
    content: url("../images/how-arr.png");
    position: absolute;
    top: 20px;
    left: 15px;
    transform: scale(.8);
}

.how__item.fifth:after {
    content: url("../images/how-arr-last.png");
}

.how__item-num {
    position: relative;
}

.how__item.second .how__item-num:after,
.how__item.fifth .how__item-num:after {
    content: "Бесплатно";
    color: #f40e0e;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 30px 20px 50px;
    background: url("../images/how-white.png") no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: 20px;
    transform: scale(.9);
    text-align: center;
    min-width: 170px;
}

.how__item.fifth .how__item-num:after {
    content: 'Гарантия 3 года!';
    color: #4bb902;
    padding-top: 10px;
}

.how__item-descr {
    padding-top: 65px;
    padding-left: 5px;
}

.how__num {
    font-size: 29px;
    background: #fff;
    box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.2);
    color: #0054a3;
    font-weight: 700;
    height: 50px;
    width: 50px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    padding-top: 7px;
}

.how__item-title {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px;
    color: #414751;
}

.how__item-text {
    font-size: 16px;
}

.how__heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
}

.how__heading span {
    font-size: 20px;
    font-weight: 400;
}

.how__grid .slick-arrow {
    display: block;
    position: absolute;
    bottom: -25px;
    width: 40px;
    height: 40px;
    border: 3px solid #fff;
    color: #fff;
    background: 0 0;
    border-radius: 5px;
    transition: .25s;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.how__grid .slick-arrow.slick-next {
    right: 0
}

.how__grid .slick-arrow:hover {
    border-color: #002357;
    color: #002357
}

.how__grid .slick-slide img {
    display: inline-block;
}

.how__grid .slick-dots {
    margin: 0;
    padding: 0 55px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    z-index: 1
}

.how__grid .slick-dots>li {
    padding: 0 3px
}

.how__grid .slick-dots button {
    display: block;
    border: none;
    padding: 0;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #002357;
    border-radius: 50%;
    cursor: pointer
}


.how__grid .slick-dots .slick-active button {
    background: #fff
}

.how__bottom {
    display: flex;
    justify-content: center;
    margin: 30px 50px 0;
}

.how__form {
    flex-basis: 49%;
    background: #fff;
    margin: 0 auto;
    padding-top: 50px;
    position: relative;
    z-index: 1;
    top: 10px;
    max-height: 320px;
}

.how__form:after {
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    left: -10px;
    bottom: -10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    z-index: -1;
}

.how__video {
    flex-basis: 49%;
    margin-right: 2%;
    max-height: 340px;
}

.how__video .videoPlaceholder{
    height: 340px;
    display: block;
    width: 100%;
}

.how__form-block {
    max-width: 320px;
    margin: 0 auto
}
.how__form-text {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 20px;
    margin: 0
}

.how__form .form-input {
    background: #f8f8f8;
    border: 2px solid rgba(0, 30, 88, .1);
}

.how__form.electric__form .form-field {
    width: inherit;
}

.how__video {
    position: relative;
}

.how__video .youtube {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    cursor: pointer;
    pointer-events: none;
}

.how__video .youtube.none {
    display: none;
}

@media(max-width: 992px) {
    .how__bottom {
        flex-flow: column;
        flex-grow: revert;
    }

    .how__video {
        max-width: 400px;
        margin: 0 auto;
        order: 2
    }
    .how__form {
        margin-bottom: 30px;
        padding-top: 0;
        order: 1
    }
    .how__form-block {
        max-width: 380px;
        padding: 10px;
    }
    .how__video .videoPlaceholder {
        height: auto;
    }
    .how__form-text {
        display: none;
    }
}

@media(max-width: 560px) {
    .how__bottom {
        margin: 50px auto 0
    }
    .how__video {
        max-width: 300px;
    }
    .how__form-block {
        max-width: 280px;
    }
    .how__form.electric__form .form-field {
        width: 100%;
    }
    .how__item:after {
        left: 23%;
        top: 0
    }
    .how__item-descr {
        max-width: 200px;
    }
    .how__item {
        justify-content: center;
        padding-top: 50px;
    }
    .how__heading {
        font-size: 30px;
        line-height: 30px;
    }
    .how__heading span {
        font-size: 18px;
    }
}

@media(max-width: 400px) {
    .how__item:after {
        left: 15%;
    }
}

/*
    review start
*/

.reviews {
    background: #fff;
}

.reviews__heading {
    font-size: 40px;
    line-height: 1;
    margin: 0 0 50px;
    font-weight: 700;
    text-align: center;
}

.reviews__item {
    padding: 30px 35px 25px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
    position: relative;
    margin-bottom: 40px;
}

.reviews__slides.hand .reviews__item,
.reviews__slides.video .reviews__item {
    background: unset;
    padding: 0;
    box-shadow: unset;
    text-align: center;
}

.reviews__slides.hand .reviews__item:after,
.reviews__slides.video .reviews__item:after {
    content: unset;
}

.reviews__slides.video .reviews__item-descr {
    border: unset;
    padding: 0;
    min-height: unset;
    margin: 0;
}

.reviews__slides.video .reviews__item-video {
    width: 450px;
    margin: 0 auto 20px;
}

.reviews__item-video{
    position: relative;
}

.reviews__item-video .youtube {
    content: url("../images/youtube.png");
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    cursor: pointer;
    pointer-events: none;
}

.reviews__item-video .youtube.none {
    display: none;
}

.reviews__slides.video .reviews__item-descr,
.reviews__slides.video .reviews__item-location {
    font-size: 17px;
    font-weight: 500;
}

.reviews__item:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #f2f2f2;
    position: absolute;
    top: -2px;
    right: -25px;
}

.reviews__item--1 .reviews__item-descr,
.reviews__item--2 .reviews__item-descr,
.reviews__item--3 .reviews__item-descr {
    min-height: 345px;
}

.reviews__item--4 .reviews__item-descr,
.reviews__item--5 .reviews__item-descr,
.reviews__item--6 .reviews__item-descr {
    min-height: 320px;
}

.reviews__item-descr {
    padding-bottom: 30px;
    border-bottom: 1px solid #ffad18;
}

.reviews__item-title {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 25px;
}

.reviews__item-text {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.reviews__item-more {
    color: #fd9c03;
    display: inline-block;
    cursor: pointer;
}

.reviews__item-text.active {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}

.reviews__item-person {
    padding-top: 15px;
    display: flex;
}

.reviews__item-icon {
    margin-right: 20px;
    margin-left: 5px;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    z-index: 1;
    position: relative;
}

.reviews__item-icon:before {
    content: '';
    width: 62px;
    height: 62px;
    background: #ffad18;
    z-index: 0;
    left: 0;
    position: absolute;
    border-radius: 50%;
}

.reviews__item-icon:after {
    content: '';
    width: 64px;
    height: 62px;
    background: transparent;
    border: 1px solid #000;
    z-index: 0;
    left: 14px;
    top: 0;
    position: absolute;
    border-radius: 50%;
}

.reviews__item-icon img {
    border-radius: 50%;
    position: relative;
    z-index: 0;
    width: 55px;
    height: 60px;
    right: -15px;
}

.reviews__item-info {
    padding-top: 10px;
}

.reviews__item-name {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.reviews__item-client {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.reviews__more {
    text-align: center;
}

.reviews__btn {
    color: #fd9c03;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}

.reviews__btn:after {
    content: url("../images/review-more.png");
    display: inline-block;
    margin-left: 10px;
}

.reviews__btn.active:after {
    transform: rotate(180deg);
}

.reviews__slides .slick-arrow {
    display: block;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 3px solid #ffad18;
    color: #ffad18;
    background: 0 0;
    border-radius: 5px;
    transition: .25s;
    overflow: hidden;
    cursor: pointer;
    z-index: 2
}

.reviews__slides .slick-arrow:hover {
    border-color: #002357;
    color: #002357
}

.reviews__slides .slick-prev {
    left: 15px
}

.reviews__slides .slick-next {
    right: 15px
}

.reviews__slides .slick-dots {
    margin: 0;
    padding: 0 55px;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.reviews__slides .slick-dots>li {
    padding: 0 3px
}

.reviews__slides .slick-dots button {
    display: block;
    border: none;
    padding: 0;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #002357;
    border-radius: 50%;
    cursor: pointer
}

.reviews .hidden {
    display: none;
}

.reviews__slides .slick-dots .slick-active button {
    background: #ffad18
}

@media(min-width: 992px) {
    .hidden-pc {
        display: none;
    }
}

@media(max-width: 991px) {
    .hidden-mob {
        display: none;
    }
    .reviews__item--1 .reviews__item-descr,
    .reviews__item--2 .reviews__item-descr {
        min-height: 390px;
    }
    .reviews__item--3 .reviews__item-descr,
    .reviews__item--4 .reviews__item-descr {
        min-height: 405px;
    }
    .reviews__item--5 .reviews__item-descr,
    .reviews__item--6 .reviews__item-descr {
        min-height: 325px;
    }
    /*.reviews__item-more {
        display: none;
    }*/
}

@media(max-width: 768px) {
    .reviews__item .reviews__item-descr {
        min-height: unset;
    }
    .reviews__item {
        margin-bottom: 15px;
        padding: 30px 20px;
    }
    .reviews__item-title {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .reviews__item-text {
        font-size: 15px;
    }
    .reviews__item-descr {
        padding-bottom: 25px;
    }
    .reviews__item-icon img {
        left: 15px;
    }
    .reviews__more {
        display: none;
    }
    .reviews__slides.hand .reviews__item img {
        display: inline-block;
    }
    .reviews__type-btn {
        min-width: 90px;
        margin: 0 3px;
    }
    .reviews__type-tabs {
        text-align: center;
    }
    .reviews__slides .slick-arrow,
    .reviews__slides .slick-dots {
        bottom: -30px;
    }
    .reviews__item-text.active:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: 0;
        content: "...";
        font-weight: bold;
        padding: 0 100px 1px 150px;
        position: absolute;
        right: 0;
    }
    .reviews__item-text {
        max-height: unset;
    }
    .reviews__item-text.active {
        max-height: 92px;
        display: block
    }
}

@media (max-width: 576px) {
    .reviews__heading {
        font-size: 27px;
        margin-bottom: 30px;
    }
    .reviews__slides.video .reviews__item-video {
        width: 290px;
    }
    .reviews__item-text.active {
        max-height: 128px;
    }
}

@media(max-width: 400px) {
    .reviews__item .reviews__item-descr {
        min-height: unset;
    }
}

@-moz-document url-prefix() {
    .reviews__item-text.active:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: 0;
        content: "...";
        font-weight: bold;
        padding: 0 100px 1px 150px;
        position: absolute;
        right: 0;
    }
    .reviews__item-text {
        max-height: unset;
    }
    .reviews__item-text.active {
        max-height: 221px;
    }

    @media(max-width: 992px) {
        .reviews__item-text.active {
            max-height: 201px;
        }
    }

    @media(max-width: 768px) {
        .reviews__item-text.active {
            max-height: 207px;
        }
    }
}

/*
    exit ----------
*/

.exit {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
    z-index: 1111;
}

.exit__grid {
    display: flex;
    flex-wrap: nowrap;
    max-width: 700px;
    background: #fff;
    position: absolute;
    top: 25%;
    left: calc(50% - 350px);
}

.exit__left {
    flex: 0 0 326px;
    position: relative;
    background: url("../images/exit-bg.png") no-repeat center center;
    background-size: cover;
}

.exit__left img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 392px;
}

.exit__right {
    text-align: center;
    padding: 35px 35px 40px;
}

.exit__title {
    color: #132b6e;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
}

.exit__descr {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 25px;
    margin: 0;
}

.exit__descr span {
    font-weight: 700;
}

.exit__right .form-field {
    margin-bottom: 14px;
}

.exit__right .calc__group {
    margin-bottom: 30px;
}

.exit__right .form-input {
    background: #f8f8f8;
    border: 2px solid rgba(0, 30, 88, .1);
    font-size: 15px;
    padding: 10px 40px;
}

.exit__right .form-input.area {
    width: 80%;
    padding: 10px 30px;
    margin-right: 7px;
}

.exit__right .form-input.area:focus::-webkit-input-placeholder { color:transparent; }
.exit__right .form-input.area:focus:-moz-placeholder { color:transparent; }
.exit__right .form-input.area:focus::-moz-placeholder { color:transparent; }
.exit__right .form-input.area:focus:-ms-input-placeholder { color:transparent; }

.exit__form {
    max-width: 240px;
    margin: 0 auto;
}

.exit .btn {
    font-size: 16px;
    padding: 10px 20px;
    height: 46px
}

.exit__close {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}

/*
    mai ----
*/

.mai {
    background: url("../images/mai-bg.jpg") no-repeat center center;
    background-size: cover;
    padding: 40px 0 80px
}

.mai__heading {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 45px 50px 55px;
    background: url("../images/mai-head-bg.png") no-repeat center center;
    background-size: contain;
    position: relative;
}

.mai__heading:before {
    content: 'Операция ';
    position: absolute;
    top: 0;
    left: calc(50% - 67px);
    color: #ba8002;
    font-size: 29px;
    font-weight: 400;
    text-transform: none;
}

.mai__form {
    max-width: 380px;
    margin-left: auto;
}

.mai__form-title {
    font-size: 30px;
    color: #3e3e3d;
    font-weight: 400;
    margin-bottom: 10px
}

.mai__form-title.bold{
    font-weight: 700;
    margin-bottom: 30px;
}

.mai__form-title span {
    font-size: 40px;
    text-transform: uppercase;
}

.mai__form .btn--red {
    width: 100%;
}

.mai__form .form-field {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .mai {
        background: url("../images/mai-bg.jpg") no-repeat 30% 50%;
    }
    .mai__heading {
        font-size: 22px;
        padding: 30px 0 35px;
        margin-bottom: 5px;
    }
    .mai__heading:before {
        font-size: 16px;
        left: calc(50% - 36px)
    }
    .mai__form {
        margin: 0 auto;
    }
    .mai__form-title {
        font-size: 18px;
        max-width: 190px;
        margin-left: auto;
    }
    .mai__form-title.bold {
        font-size: 21px;
        margin-bottom: 150px;
    }
    .mai__form-title.bold span {
        font-size: 28px;
        color: #e16b02;
        background: url("../images/mai-text-bg.png") no-repeat center center;
        background-size: cover;
    }
}

@media (max-width: 560px) {
    .mai {
        background: url("../images/mai-bg-mob.jpg") no-repeat center center;
        background-size: cover;
    }
}


/*
    pay ------------
*/

.pay {
    padding: 40px 0;
    background: url('http://robo-remont.ru/images/pay-bg.jpg') no-repeat center center;
    background-size: cover;
}

.pay__heading {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
}

.pay__heading.small {
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-align: center;
}

.pay__grid {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    padding-top: 45px;
}

.pay__item {
    text-align: center;
}

.pay__item-img:before {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    bottom: -10px;
    left: 0;
    background: transparent;
    border: 2px solid #ffba36;
    border-radius: 50%;
}

.pay__item-img {
    background: #fff;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    width: 170px;
    margin: 0 auto;
}

.pay__item-text {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    padding-top: 15px;
}

@media (max-width: 768px) {
    .pay__item-img img {
        width: 30px;
    }
    .pay__item-img {
        width: 80px;
        height: 80px;
    }
    .pay__item-img:before {
        top: 5px;
        bottom: -5px
    }
    .pay__item-text {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .pay__heading.small {
        font-size: 18px;
    }
    .pay__heading {
        font-size: 30px;
        padding-bottom: 5px;
    }
    .pay__grid {
        padding-top: 25px;
    }
}