@charset "UTF-8";
.bottom-icons-panel {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    background: var(--card_bg_black);
    box-shadow: 0px -3px 10px rgba(0, 0, 0, .1);
    z-index: 997;
    padding-bottom: calc(env(safe-area-inset-bottom) - 22px)
}

.bottom-icons-panel__content {
    display: flex;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: auto
}

.bottom-icons-panel__content-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    min-width: 75px;
    max-width: 200px;
    height: 56px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0 3px 2px
}

.bottom-icons-panel__content-link--active .bottom-icons-panel__content-text {
    color: #9e9e9e;
    color: var(--theme-base-color)
}

.bottom-icons-panel__content-link--active svg path {
    fill: #9e9e9e;
    fill: var(--theme-base-color)
}

.bottom-icons-panel__content-text {
    align-self: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bottom-icons-panel__content-link--display--block {
    display: block
}

.bottom-icons-panel__content-link--with-counter {
    gap: 5px 0
}

.bottom-icons-panel__content-picture-wrapper {
    position: relative
}

.bottom-icons-panel__content-picture-wrapper--mb-3 {
    margin-bottom: 2px;
    margin-top: 4px
}

.bottom-icons-panel__content::-webkit-scrollbar {
    -webkit-appearance: none
}

.bottom-icons-panel__content::-webkit-scrollbar:vertical {
    width: 6px
}

.bottom-icons-panel__content::-webkit-scrollbar:horizontal {
    height: 6px
}

.bottom-icons-panel__content::-webkit-scrollbar-thumb {
    background-color: rgba(153, 153, 153, 1);
    background: var(--gray_bg_black);
    border-radius: 10px;
    border: 2px solid #fff;
    border-color: var(--black_bg_black)
}

.bottom-icons-panel__content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
    background: 0 0
}

.bottom-icons-panel .header-cart__count, .bottom-icons-panel .icon-count {
    top: auto;
    bottom: 0
}

@media (min-width: 992px) {
    .bottom-icons-panel {
        display: none
    }
}

@media (max-width: 991px) {
    .bottom-icons-panel_y .footer {
        padding-bottom: 62px
    }
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-300.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-300.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-300.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-300.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-300.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-300.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-300italic.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-300italic.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-300italic.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-300italic.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-300italic.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-300italic.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-regular.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-regular.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-regular.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-regular.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-regular.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-regular.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-italic.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-italic.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-italic.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-italic.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-italic.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-italic.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-500.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-500.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-500.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-500.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-500.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-500.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-500italic.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-500italic.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-500italic.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-500italic.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-500italic.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-500italic.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-600.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-600.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-600.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-600.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-600.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-600.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-600italic.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-600italic.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-600italic.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-600italic.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-600italic.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-600italic.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-700.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-700.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-700.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-700.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-700.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-700.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(montserrat-v15-latin_cyrillic-ext-700italic.eot);
    src: local(''), url(montserrat-v15-latin_cyrillic-ext-700italic.eot?#iefix) format('embedded-opentype'), url(montserrat-v15-latin_cyrillic-ext-700italic.woff2) format('woff2'), url(montserrat-v15-latin_cyrillic-ext-700italic.woff) format('woff'), url(montserrat-v15-latin_cyrillic-ext-700italic.ttf) format('truetype'), url(montserrat-v15-latin_cyrillic-ext-700italic.svg#Montserrat) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-300.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-300.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-300.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-300.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-300.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-300.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-regular.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-regular.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-regular.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-regular.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-regular.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-regular.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-500.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-500.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-500.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-500.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-500.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-500.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-600.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-600.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-600.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-600.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-600.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-600.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-700.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-700.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-700.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-700.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-700.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-700.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-800.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-800.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-800.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-800.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-800.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-800.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-300italic.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-300italic.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-300italic.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-300italic.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-300italic.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-300italic.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-italic.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-italic.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-italic.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-italic.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-italic.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-italic.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-500italic.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-500italic.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-500italic.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-500italic.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-500italic.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-500italic.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-600italic.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-600italic.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-600italic.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-600italic.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-600italic.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-600italic.svg#Literata) format('svg')
}

@font-face {
    font-family: Literata;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(literata-v23-latin_cyrillic-ext-700italic.eot);
    src: local(''), url(literata-v23-latin_cyrillic-ext-700italic.eot?#iefix) format('embedded-opentype'), url(literata-v23-latin_cyrillic-ext-700italic.woff2) format('woff2'), url(literata-v23-latin_cyrillic-ext-700italic.woff) format('woff'), url(literata-v23-latin_cyrillic-ext-700italic.ttf) format('truetype'), url(literata-v23-latin_cyrillic-ext-700italic.svg#Literata) format('svg')
}

textarea.bxeditor-textarea {
    line-height: normal !important
}

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

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

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

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: 0 0
}

a:focus {
    outline: thin dotted
}

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

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

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

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

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

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

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

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

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 2cm .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

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

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #ccc;
    text-decoration: none
}

a:hover, a:focus {
    color: #a6a6a6;
    text-decoration: underline
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-muted {
    color: #999
}

.text-primary {
    color: #ccc
}

.text-primary:hover {
    color: #b3b3b3
}

.text-warning {
    color: #c09853
}

.text-warning:hover {
    color: #a47e3c
}

.text-danger {
    color: #b94a48
}

.text-danger:hover {
    color: #953b39
}

.text-success {
    color: #468847
}

.text-success:hover {
    color: #356635
}

.text-info {
    color: #3a87ad
}

.text-info:hover {
    color: #2d6987
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
    font-size: 65%
}

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.list-inline > li:first-child {
    padding-left: 0
}

dl {
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.428571429
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

    .dl-horizontal dd:before, .dl-horizontal dd:after {
        content: " ";
        display: table
    }

    .dl-horizontal dd:after {
        clear: both
    }

    .dl-horizontal dd:before, .dl-horizontal dd:after {
        content: " ";
        display: table
    }

    .dl-horizontal dd:after {
        clear: both
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

blockquote p {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote small {
    display: block;
    line-height: 1.428571429;
    color: #999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    padding-right: 16px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
    text-align: right
}

blockquote.pull-right small:before, blockquote.pull-right .small:before {
    content: ''
}

blockquote.pull-right small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

blockquote:before, blockquote:after {
    content: ""
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429
}

code, kbd, pre, samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px
}

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

.container:after {
    clear: both
}

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

.container:after {
    clear: both
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

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

.row:after {
    clear: both
}

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

.row:after {
    clear: both
}

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

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

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

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

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

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

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

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

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

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

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

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

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }
}

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

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

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

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

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

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

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

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }
}

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

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

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

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

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

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

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

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5
}

table col[class*=col-] {
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

@media (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

select[multiple], select[size] {
    height: auto
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle
}

.form-control:-moz-placeholder {
    color: #999
}

.form-control::-moz-placeholder {
    color: #999
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    vertical-align: middle
}

.radio label, .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    float: left;
    margin-left: -20px
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled], input[type=checkbox][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm {
    height: auto
}

.input-lg {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 45px;
    line-height: 45px
}

textarea.input-lg {
    height: auto
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #c09853
}

.has-warning .form-control {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}

.has-warning .input-group-addon {
    color: #c09853;
    border-color: #c09853;
    background-color: #fcf8e3
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #b94a48
}

.has-error .form-control {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392
}

.has-error .input-group-addon {
    color: #b94a48;
    border-color: #b94a48;
    background-color: #f2dede
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #468847
}

.has-success .form-control {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}

.has-success .input-group-addon {
    color: #468847;
    border-color: #468847;
    background-color: #dff0d8
}

.form-control-static {
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
        float: none;
        margin-left: 0
    }
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .form-group {
    margin-left: -16px;
    margin-right: -16px
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

.form-horizontal .form-control-static {
    padding-top: 7px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-primary {
    color: #fff;
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #b8b8b8;
    border-color: #a1a1a1
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #ccc;
    border-color: #bfbfbf
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #d2322d;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #47a447;
    border-color: #398439
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #39b3d7;
    border-color: #269abc
}

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-link {
    color: #ccc;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #a6a6a6;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #999;
    text-decoration: none
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm, .btn-xs {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #ccc
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
}

.btn-default .caret {
    border-top-color: #333
}

.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {
    border-top-color: #fff
}

.dropup .btn-default .caret {
    border-bottom-color: #333
}

.dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret {
    border-bottom-color: #fff
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    outline: none
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn-group {
    float: left
}

.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group-xs > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 1px 5px
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after {
    clear: both
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after {
    clear: both
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child > .btn:last-child, .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified .btn {
    float: none;
    display: table-cell;
    width: 1%
}

[data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox] {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group.col {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 45px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 45px;
    line-height: 45px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    white-space: nowrap
}

.input-group-btn:first-child > .btn {
    margin-right: -1px
}

.input-group-btn:last-child > .btn {
    margin-left: -1px
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -4px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:active {
    z-index: 2
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

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

.nav:after {
    clear: both
}

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

.nav:after {
    clear: both
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 16px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #999
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #ccc
}

.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
    border-top-color: #a6a6a6;
    border-bottom-color: #a6a6a6
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #ccc
}

.nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav .caret {
    border-top-color: #ccc;
    border-bottom-color: #ccc
}

.nav a:hover .caret {
    border-top-color: #a6a6a6;
    border-bottom-color: #a6a6a6
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

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

.navbar:after {
    clear: both
}

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

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 16px;
    padding-left: 16px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

    .navbar-collapse .navbar-nav.navbar-left:first-child {
        margin-left: -16px
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -16px
    }

    .navbar-collapse .navbar-text:last-child {
        margin-right: 0
    }
}

.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -16px;
    margin-left: -16px
}

@media (min-width: 768px) {
    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 16px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand {
        margin-left: -16px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 16px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -16px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

.navbar-form {
    margin-left: -16px;
    margin-right: -16px;
    padding: 10px 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

    .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
        float: none;
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-text {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        margin-left: 16px;
        margin-right: 16px
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555
}

.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #999
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #999
}

.navbar-inverse .navbar-nav > li > a {
    color: #999
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #fff
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #999;
    border-bottom-color: #999
}

.navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.breadcrumb {
    padding: 8px 16px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb > .active {
    color: #999
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #eee
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
    cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

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

.pager:after {
    clear: both
}

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

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #999;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background: #999
}

.label[href]:hover, .label[href]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.label-default {
    background-color: #999
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: gray
}

.label-primary {
    background-color: #ccc
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #b3b3b3
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px
}

.badge:empty {
    display: none
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.btn .badge {
    position: relative;
    top: -1px
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #ccc;
    background-color: #fff
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eee
}

.jumbotron h1 {
    line-height: 1;
    color: inherit
}

.jumbotron p {
    line-height: 1.4
}

.container .jumbotron {
    border-radius: 6px
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #ccc
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable {
    padding-right: 35px
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #356635
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #2d6987
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #c09853
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #a47e3c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #b94a48
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #953b39
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ccc;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media, .media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 16px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
    color: #fff
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item {
    border-width: 1px 0
}

.panel > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel > .list-group .list-group-item:last-child {
    border-bottom: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive {
    margin-bottom: 0
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.panel-title > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading > .dropdown .caret {
    border-color: #333 transparent
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #ccc
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ccc
}

.panel-primary > .panel-heading > .dropdown .caret {
    border-color: #fff transparent
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ccc
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading > .dropdown .caret {
    border-color: #468847 transparent
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading > .dropdown .caret {
    border-color: #c09853 transparent
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading > .dropdown .caret {
    border-color: #b94a48 transparent
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ebccd1
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading > .dropdown .caret {
    border-color: #3a87ad transparent
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #bce8f1
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: none
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-control.left {
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -16px;
        margin-left: -16px;
        font-size: 30px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

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

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

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

.visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    th.visible-xs.visible-sm, td.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    th.visible-xs.visible-md, td.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    th.visible-xs.visible-lg, td.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
    display: none !important
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    th.visible-sm.visible-xs, td.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    th.visible-sm.visible-md, td.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    th.visible-sm.visible-lg, td.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md, tr.visible-md, th.visible-md, td.visible-md {
    display: none !important
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    th.visible-md.visible-xs, td.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    th.visible-md.visible-sm, td.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    th.visible-md.visible-lg, td.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
    display: none !important
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    th.visible-lg.visible-xs, td.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    th.visible-lg.visible-sm, td.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    th.visible-lg.visible-md, td.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

th.hidden-xs, td.hidden-xs {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm, td.hidden-sm {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md, td.hidden-md {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg, td.hidden-lg {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print, tr.visible-print, th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
        display: none !important
    }
}

a.thumb-info {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    max-width: 100%
}

a.thumb-info:hover span.thumb-info-action-icon {
    right: 0;
    top: 0
}

a.thumb-info:hover span.thumb-info-action {
    filter: alpha(opacity=100);
    opacity: 1
}

a.thumb-info span.thumb-info-action-icon {
    -moz-border-radius: 0 0 0 25px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-border-radius: 0 0 0 25px;
    -webkit-transition: all .3s;
    background: #ccc;
    border-radius: 0 0 0 25px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: -100px;
    text-align: center;
    top: -100px;
    transition: all .3s;
    width: 50px
}

a.thumb-info span.thumb-info-action-icon i {
    font-size: 24px;
    left: 3px;
    position: relative;
    top: -4px
}

a.thumb-info:hover span.thumb-info-title {
    background: #000
}

a.thumb-info span.thumb-info-action {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    background: rgba(36, 27, 28, .9);
    bottom: 0;
    color: #fff;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    width: 100%
}

a.thumb-info span.thumb-info-inner {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    transition: all .3s;
    white-space: nowrap
}

a.thumb-info span.thumb-info-title {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    background: rgba(36, 27, 28, .9);
    bottom: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    transition: all .3s;
    z-index: 1
}

a.thumb-info span.thumb-info-type {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #ccc;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 8px -2px -15px;
    padding: 2px 9px;
    text-transform: none
}

a.thumb-info:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

a.thumb-info img {
    -moz-border-radius: 3px;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-border-radius: 3px;
    -webkit-transition: all .2s linear;
    border-radius: 3px;
    position: relative;
    transition: all .2s linear
}

span.thumb-info-caption {
    padding: 10px 0
}

span.thumb-info-caption p {
    font-size: .9em;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 10px
}

span.thumb-info-social-icons {
    border-top: 1px dotted #ddd;
    margin: 0;
    padding: 15px 0;
    display: block
}

span.thumb-info-social-icons a {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    background: #ccc;
    border-radius: 25px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px
}

span.thumb-info-social-icons a:hover {
    text-decoration: none
}

span.thumb-info-social-icons a span {
    display: none
}

span.thumb-info-social-icons a i {
    color: #fff;
    font-size: .9em;
    font-weight: 400
}

a.thumb-info.secundary span.thumb-info-title {
    background: 0 0;
    bottom: auto;
    left: 0;
    right: 0;
    top: 35%;
    text-align: center;
    opacity: 0
}

a.thumb-info.secundary span.thumb-info-type {
    float: none
}

a.thumb-info.secundary:hover span.thumb-info-title {
    top: 42%;
    opacity: 1
}

ul.thumbnail-gallery {
    list-style: none;
    margin: 10px 0;
    padding: 0
}

ul.thumbnail-gallery li {
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 0
}

ul.nav-list.primary > li {
    margin: 0;
    padding: 0
}

ul.nav-list.primary > li a {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    background-image: url(../img/list-primary.png);
    background-position: 9px 16px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ededde;
    padding: 8px 20px;
    transition: all .3s
}

.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;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    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;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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(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);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    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);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    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);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    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);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    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);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    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);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    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: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    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: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    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 {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    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 {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    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 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    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
}

.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);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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)
}

.has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ripple {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background: #fff;
    opacity: 1
}

.ripple-animate {
    -webkit-animation: ripple;
    -o-animation: ripple;
    animation: ripple
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2)
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }
    60%, 80% {
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }
    60%, 80% {
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50%, to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50%, to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.transition {
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.animated.duration03 {
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

.animated.duration04 {
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s
}

.animated.duration05 {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.animated.duration06 {
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s
}

.animated.duration07 {
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -o-animation-duration: .7s;
    animation-duration: .7s
}

.animated.duration08 {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s
}

.animated.duration09 {
    -webkit-animation-duration: .9s;
    -moz-animation-duration: .9s;
    -o-animation-duration: .9s;
    animation-duration: .9s
}

.animated.duration10 {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.delay01 {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.delay03 {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.delay05 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.delay055 {
    -webkit-animation-delay: .55s;
    -moz-animation-delay: .55s;
    -o-animation-delay: .55s;
    animation-delay: .55s
}

.delay06 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.delay065 {
    -webkit-animation-delay: .65s;
    -moz-animation-delay: .65s;
    -o-animation-delay: .65s;
    animation-delay: .65s
}

.delay07 {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.delay08 {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.delay09 {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.delay11, .delay011 {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.delay12, .delay012 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay13, .delay013 {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.delay15, .delay015 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay17, .delay017 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay19, .delay019 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay21, .delay021 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

@-webkit-keyframes toggle_opacity {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes toggle_opacity {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: .65
    }
    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .65
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rota {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes opa {
    0% {
        opacity: 1
    }
    50%, 100% {
        opacity: 0
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }
    33% {
        width: .2em;
        width: 4px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }
    100% {
        width: .2em;
        width: 4px;
        height: .5em;
        height: 8px;
        border-color: #fff;
        transform: translate3d(0, -8px, 0) rotate(45deg)
    }
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }
    33% {
        transform: scale(.85)
    }
    100% {
        transform: scale(1)
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.btn.btn-default {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: #fff
}

.btn.btn-default:hover, .btn-default:active, .btn-default:focus {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-default.white:hover, .btn-default.white:active, .btn-default.white:focus {
    color: #fff !important;
    border-color: var(--theme-base-color);
    background: var(--theme-base-color)
}

.btn.btn-default.white.white-bg:hover, .btn-default.white.white-bg:active, .btn-default.white.white-bg:focus {
    color: var(--theme-base-color) !important;
    border-color: var(--theme-base-color);
    background: #fff
}

.btn.btn-default.btn-transparent-bg:not(:hover) {
    color: #9e9e9e;
    color: var(--fill_dark_light_white_hover);
    border-color: var(--fill_dark_light_white_hover)
}

.btn.btn-default.btn-transparent-bg:not(:hover) * {
    fill: var(--fill_dark_light_white_hover)
}

.btn.btn-white {
    color: #9e9e9e;
    color: var(--theme-base-color);
    background-color: #fff
}

.btn.btn-white * {
    fill: var(--theme-base-color)
}

.btn.btn-white:hover {
    color: #fff
}

.btn.btn-white:hover * {
    fill: #fff
}

.btn.btn-white.btn-transparent {
    background-color: rgba(255, 255, 255, .1)
}

.btn.btn-white.btn-transparent:hover, .btn.btn-white.btn-transparent:active, .btn.btn-white.btn-transparent:focus {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-white.btn-transparent-border {
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff
}

.btn.btn-white.btn-transparent-border:hover, .btn.btn-white.btn-transparent-border:active, .btn.btn-white.btn-transparent-border:focus {
    background-color: #fff;
    border-color: #fff
}

.btn.btn-white.btn-transparent-border:not(:hover) * {
    fill: #fff
}

.btn.btn-white.btn-transparent-border:hover {
    color: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-border:hover * {
    fill: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:hover {
    color: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:hover * {
    fill: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:not(:hover) {
    color: #fff
}

.btn.btn-white.btn-transparent-bg:not(:hover) * {
    fill: #fff
}

.btn.btn-warning {
    background-color: #f38b04;
    border-color: #f38b04
}

.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent {
    background-color: rgba(243, 139, 4, .1)
}

.btn.btn-warning.btn-transparent:hover, .btn.btn-warning.btn-transparent:active, .btn.btn-warning.btn-transparent:focus {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent-border {
    border: 1px solid rgba(243, 139, 4, .35);
    color: #f38b04
}

.btn.btn-warning.btn-transparent-border:hover, .btn.btn-warning.btn-transparent-border:active, .btn.btn-warning.btn-transparent-border:focus {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent-border:not(:hover) * {
    fill: #f38b04
}

.btn.btn-warning.btn-transparent-bg:not(:hover) {
    color: #f38b04
}

.btn.btn-warning.btn-transparent-bg:not(:hover) * {
    fill: #f38b04
}

.btn.btn-primary {
    background-color: #00b290;
    border-color: #00b290
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent {
    background-color: rgba(0, 178, 144, .1)
}

.btn.btn-primary.btn-transparent:hover, .btn.btn-primary.btn-transparent:active, .btn.btn-primary.btn-transparent:focus {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent-border {
    border: 1px solid rgba(0, 178, 144, .35);
    color: #00b290
}

.btn.btn-primary.btn-transparent-border:hover, .btn.btn-primary.btn-transparent-border:active, .btn.btn-primary.btn-transparent-border:focus {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent-border:not(:hover) * {
    fill: #00b290
}

.btn.btn-primary.btn-transparent-bg:not(:hover) {
    color: #00b290
}

.btn.btn-primary.btn-transparent-bg:not(:hover) * {
    fill: #00b290
}

.btn.btn-info {
    background-color: #0ca9e3;
    border-color: #0ca9e3
}

.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent {
    background-color: rgba(12, 169, 227, .1)
}

.btn.btn-info.btn-transparent:hover, .btn.btn-info.btn-transparent:active, .btn.btn-info.btn-transparent:focus {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent-border {
    border: 1px solid rgba(12, 169, 227, .35);
    color: #0ca9e3
}

.btn.btn-info.btn-transparent-border:hover, .btn.btn-info.btn-transparent-border:active, .btn.btn-info.btn-transparent-border:focus {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent-border:not(:hover) * {
    fill: #0ca9e3
}

.btn.btn-info.btn-transparent-bg:not(:hover) {
    color: #0ca9e3
}

.btn.btn-info.btn-transparent-bg:not(:hover) * {
    fill: #0ca9e3
}

.btn.btn-danger {
    background-color: #dc130d;
    border-color: #dc130d
}

.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent {
    background-color: rgba(220, 19, 13, .1)
}

.btn.btn-danger.btn-transparent:hover, .btn.btn-danger.btn-transparent:active, .btn.btn-danger.btn-transparent:focus {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent-border {
    border: 1px solid rgba(220, 19, 13, .35);
    color: #dc130d
}

.btn.btn-danger.btn-transparent-border:hover, .btn.btn-danger.btn-transparent-border:active, .btn.btn-danger.btn-transparent-border:focus {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent-border:not(:hover) * {
    fill: #dc130d
}

.btn.btn-danger.btn-transparent-bg:not(:hover) {
    color: #dc130d
}

.btn.btn-danger.btn-transparent-bg:not(:hover) * {
    fill: #dc130d
}

.btn.btn-success {
    background-color: #84bc29;
    border-color: #84bc29
}

.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent {
    background-color: rgba(132, 188, 41, .1)
}

.btn.btn-success.btn-transparent:hover, .btn.btn-success.btn-transparent:active, .btn.btn-success.btn-transparent:focus {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent-border {
    border: 1px solid rgba(132, 188, 41, .35);
    color: #84bc29
}

.btn.btn-success.btn-transparent-border:hover, .btn.btn-success.btn-transparent-border:active, .btn.btn-success.btn-transparent-border:focus {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent-border:not(:hover) * {
    fill: #84bc29
}

.btn.btn-success.btn-transparent-bg:not(:hover) {
    color: #84bc29
}

.btn.btn-success.btn-transparent-bg:not(:hover) * {
    fill: #84bc29
}

.btn.btn-transparent {
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .1);
    color: #9e9e9e;
    color: var(--fill_dark_light_white_hover);
    border-color: transparent
}

.btn.btn-transparent .fill-theme path {
    fill: var(--fill_dark_light_white_hover)
}

.btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-transparent:hover {
    color: #fff
}

.btn.btn-transparent-border {
    background-color: transparent;
    color: #9e9e9e;
    color: var(--fill_dark_light_white_hover);
    border: 1px solid;
    border-color: hsla(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .35)
}

.btn.btn-transparent-border:hover, .btn.btn-transparent-border:active, .btn.btn-transparent-border:focus {
    border-color: #9e9e9e;
    background-color: #9e9e9e;
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-transparent-border:not(:hover):not(.active) * {
    fill: var(--fill_dark_light_white_hover)
}

.btn.btn-transparent-border:hover, .btn.btn-transparent-border.active {
    color: #fff;
    background-color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color)
}

.btn.btn-responsive-nav {
    background-color: var(--theme-base-color)
}

.btn.btn-responsive-nav:hover {
    color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color);
    background-color: #fff;
    padding: 4px 7px 2px
}

.btn.btn-link {
    color: var(--theme-base-color);
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + 35%))
}

.btn.btn-link:hover {
    color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: transparent
}

.btn.btn-link:active {
    color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) - 16%))
}

.btn.btn-default.wc.vert .fa {
    background-color: var(--theme-base-color)
}

.btn.btn-default.wc.vert:hover .fa {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

body header.light .logo_and_menu-row .confirm_region .buttons .btn.btn-default.btn-transparent-bg:not(:hover) {
    color: var(--theme-base-color) !important
}

.btn {
    font-size: .933em;
    font-size: calc(.933em - var(--theme-button-font-size));
    font-weight: 700;
    text-transform: none;
    text-transform: var(--theme-text-transform);
    letter-spacing: normal;
    letter-spacing: var(--theme-letter-spacing);
    text-decoration: none;
    margin: 0;
    border: 1px solid;
    border-radius: 4px;
    border-radius: var(--theme-border-radius);
    padding: 9px 20px 10px;
    padding-top: calc(9px + var(--theme-button-padding-2px));
    padding-bottom: calc(10px + var(--theme-button-padding-1px));
    overflow: hidden;
    transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    -ms-transition: background-color .1s ease;
    -o-transition: background-color .1s ease;
    -webkit-transition: background-color .1s ease
}

.btn > * {
    -moz-transition: background-color .1s;
    -ms-transition: background-color .1s;
    -o-transition: background-color .1s;
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}

.mobile .btn, .mobile .btn > * {
    transition: none
}

.btn-lg {
    padding: 13px 24px 14px;
    padding-top: calc(13px + var(--theme-button-padding-1px))
}

.btn-elg {
    padding: 16px 26px 14px;
    padding-bottom: calc(14px + var(--theme-button-padding-2px));
    font-size: 1.06666em;
    font-size: calc(1.06666em - var(--theme-button-font-size));
    line-height: calc(1em + 7px)
}

.btn.btn-lg {
    font-size: 1em;
    font-size: calc(1em - var(--theme-button-font-size));
    line-height: calc(1em + 4px)
}

.btn.btn-md {
    font-size: .8667em;
    font-size: calc(.8667em - var(--theme-button-font-size));
    line-height: calc(1em + 3px);
    padding: 9px 15px 11px;
    padding-top: calc(9px + var(--theme-button-padding-2px))
}

.btn.btn-sm {
    font-size: .8em;
    font-size: calc(.8em - var(--theme-button-font-size));
    line-height: calc(1em + 3px);
    padding: 9px 15px 10px;
    padding-top: calc(9px + var(--theme-button-padding-2px))
}

.btn.active, .btn:active {
    box-shadow: none
}

.btn-xs {
    font-size: 11px;
    line-height: 11px;
    padding: 9px 14px 9px
}

.btn.btn-xs {
    font-size: .733em;
    padding: 9px 14px 9px;
    font-size: calc(.733em - var(--theme-button-font-size));
    font-weight: 400
}

.btn[disabled], .btn.disabled {
    background: 0 0 !important;
    border: 1px solid #bbb !important;
    color: #bbb !important
}

.btn[disabled] > *, .btn.disabled > * {
    background: 0 0 !important;
    border: none !important;
    color: #bbb !important
}

.btn-lg[disabled], .btn-lg.disabled {
    border-width: 2px
}

.btn-icon i {
    margin-right: 10px
}

.btn-icon-right i {
    margin-right: 0;
    margin-left: 10px
}

.btn-default.wc {
    padding: 0 !important;
    font-size: 0
}

.btn-default.wc .fa {
    display: inline-block;
    height: 31px;
    line-height: 32px;
    vertical-align: top;
    width: 32px;
    *display: inline;
    zoom: 1;
    font-size: 13px
}

.btn-default.wc span {
    display: inline-block;
    padding: 6px 12px 5px 0;
    line-height: 19px;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    font-size: 13px
}

.btn-default.btn-xs.wc .fa {
    width: 25px;
    height: 26px;
    line-height: 27px;
    font-size: 14px;
    font-weight: 700
}

.btn-default.btn-xs.wc span {
    line-height: 16px;
    padding: 5px 10px 4px 0;
    font-size: 11px
}

.btn-default.wc.vert {
    background: 0 0;
    border: none;
    padding: 0;
    min-width: 100px;
    width: 100%
}

.btn-default.wc.vert .fa {
    background-color: #cdd8dd;
    border: none;
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 39px;
    border-radius: 1px 1px 0 0;
    width: 100%
}

.btn-default.wc.vert span {
    color: #1d2029;
    background: #dfeaed;
    border-bottom: 1px solid #c8d2d5;
    border-top: 1px solid #eaf1f3;
    display: block;
    padding: 10px 12px 10px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 0 0 1px 1px;
    white-space: normal;
    text-shadow: none
}

.btn-default.wc.vert:hover span {
    background: #cdd8dd;
    border-bottom: 1px solid #b8c2c6;
    border-top: 1px solid #dde5e8
}

.btn.btn-responsive-nav {
    color: #fff;
    padding: 5px 8px 3px;
    margin: 0;
    border: medium none
}

.btn.btn-responsive-nav .fa {
    font-size: 21px
}

.btn.btn-transparent-bg:not(:hover) {
    background: 0 0
}

.btn.btn-theme.btn-transparent-bg {
    color: #9e9e9e;
    color: var(--theme-more-color);
    border-color: #9e9e9e;
    border-color: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg * {
    fill: #9e9e9e;
    fill: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg:hover {
    color: #fff;
    background: #9e9e9e;
    background: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg:hover * {
    fill: #fff
}

.btn.btn-default.white2:not(:hover) {
    background: #fff;
    border-color: #fff;
    color: #333
}

.btn.btn-wide {
    width: 100%
}

.btn--thin {
    padding-left: 18px;
    padding-right: 18px
}

body .btn.btn-default.in_cart {
    background-color: var(--theme-more-color);
    border-color: rgba(0, 0, 0, .1);
    padding: 0
}

body .btn.btn-more-theme {
    background-color: var(--theme-more-color);
    border-color: var(--theme-more-color)
}

body .btn.btn-more-theme:hover {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))
}

.svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center
}

.svg-drag {
    background-image: url(../images/svg/drag.svg);
    width: 5px;
    height: 17px;
    top: -5px
}

.bx-firefox svg, .bx-ie svg {
    transform: translateZ(0)
}

.svg svg {
    display: block
}

.svg.inline.white svg path {
    fill: #fff
}

.svg.inline.dark svg path {
    fill: #222
}

.svg-phone {
    margin: 0 9px 0 0;
    min-width: 9px;
    min-height: 12px;
    background-image: url(../images/svg/Phone_black.svg)
}

.svg-burger {
    background-image: url(../images/svg/burger_black.svg)
}

.svg-burger.mask {
    background-color: #222;
    background-image: url(../images/svg/Burger_mask.svg)
}

.svg-burger.white {
    background-image: url(../images/svg/burger_white.svg)
}

.svg-burger.white.lg {
    background-image: url(../images/svg/Burger_big_white.svg)
}

.svg-basket {
    background-color: #222;
    background-image: url(../images/svg/Basket_mask.svg)
}

.svg-basket.white {
    min-width: 18px;
    min-height: 17px;
    background: 0 0;
    background-image: url(../images/svg/Basket_white.svg)
}

.svg-basket.white.lg {
    background: 0 0;
    background-image: url(../images/svg/Basket_big_white.svg)
}

.svg-spinner {
    background-image: url(../images/svg/Spinner.svg);
    margin-right: 5px
}

.svg-print {
    background: url(../images/svg/allcorp3.svg) -38px -92px no-repeat;
    width: 16px;
    height: 16px;
    top: 1px
}

.svg-print {
    background-image: url(../images/svg/Print.svg)
}

.svg-fullsize {
    background: 0 0;
    background-image: url(Fullsize.svg)
}

.svg-social-vk {
    background-image: url(Vk_mask.svg);
    background-color: #222
}

.svg-social-fb {
    background-image: url(Facebook_mask.svg);
    background-color: #222
}

.svg-social-twitter {
    background-image: url(Twitter_mask.svg);
    background-color: #222
}

.svg-social-instagram {
    background-image: url(Instagram_mask.svg);
    background-color: #222
}

.svg-social-telegram {
    background-image: url(Telegram_mask.svg);
    background-color: #222
}

.svg-social-ytb {
    background-image: url(Youtube_mask.svg);
    background-color: #222
}

.svg-social-odn {
    background-image: url(Odnoklassniki_mask.svg);
    background-color: #222
}

.svg-social-gplus {
    background-image: url(Googleplus_mask.svg);
    background-color: #222
}

.svg-social-mail {
    background-image: url(Mailru_mask.svg);
    background-color: #222
}

.header {
    color: #333;
    color: var(--white_text_black);
    position: relative;
    z-index: 100;
    background-color: #f8f8f8;
    background-color: var(--darkerblack_bg_black)
}

body:not(.front_page) .header--white {
    background: linear-gradient(180deg, rgba(18, 18, 18, .03) 0%, rgba(248, 248, 248, 0) 100%)
}

body.front_page .header:not(.header--fon) {
    background: linear-gradient(180deg, rgba(18, 18, 18, .03) 0%, rgba(248, 248, 248, 0) 100%)
}

.header--paddings {
    padding: 32px 32px 0
}

.header--offset-top-32 {
    padding-top: 32px
}

body.header_opacity.front_page .header__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

body .pos-static {
    position: static
}

.hide-dotted:not(.dotted-complete) * {
    opacity: 0
}

.header__inner--parted {
    display: flex
}

.header__inner--parted.header__inner--margins .header__sub-inner.header--color_dark .header__top-part, .header__inner--parted.header__inner--margins .header__sub-inner.header--color_colored .header__top-part {
    border-color: rgba(255, 255, 255, .102)
}

.header__inner--parted.header--color_dark .header__top-part, .header__inner--parted.header--color_colored .header__top-part {
    border-color: rgba(255, 255, 255, .102)
}

.phones__phones-wrapper .phones__dropdown.position_block {
    right: -5px;
    left: auto
}

body.header_opacity.front_page .header.header--offset .block_with_bg.bg_none {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, .102);
    border-radius: 0
}

.header__inner--paddings {
    padding: 32px 32px 0
}

.header__inner--margins {
    margin: 0 32px 0;
    padding-top: 32px
}

.header__inner--margins-side-none {
    margin-left: 0;
    margin-right: 0
}

.header__inner--shadow {
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
    border-radius: 4px
}

.header__inner--bordered {
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

.header__sub-inner {
    display: flex;
    width: 100%;
    position: relative
}

.header--shadow {
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
    border-radius: 4px
}

.header__main-inner--height_91 {
    height: 91px
}

.header__left-part {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-right: 16px
}

.header__left-part--color_light {
    background-color: #fff
}

.header__right-part {
    display: flex;
    flex-direction: column;
    flex: 1
}

.header__top-part {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 60px
}

.header__top-part--height_46 {
    height: 46px
}

.header__top-part--height_50 {
    height: 50px
}

.header__top-part--height_56 {
    height: 56px
}

.header__top-part--height_66 {
    height: 66px
}

.header__top-part--height_80 {
    height: 80px
}

.header__top-part--height_81 {
    height: 81px
}

.header__top-part--height_89 {
    height: 89px
}

.header__top-part--no_border {
    border-bottom: none
}

.header__top-part--bordered {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black)
}

.header__top-part--items-bottom {
    align-items: flex-end;
    padding-bottom: 8px
}

.header__top-part--paddings {
    padding-left: 32px;
    padding-right: 32px
}

.header--color_colored {
    background-color: #9e9e9e
}

.header__top-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px;
    flex: 1;
    width: calc(100% + 32px)
}

.header__top-item {
    margin: 0 16px
}

.header__top-item--w45 {
    width: 45%
}

.header__top-item--no-shrink {
    flex-shrink: 0
}

.header__top-item--shinked {
    flex-shrink: 1
}

.left-part-icons-block.header__top-item {
    margin-left: 0
}

.header__main-part {
    position: relative;
    z-index: 1;
    height: 100px;
    display: flex;
    align-items: center
}

.header__main-part--shadow {
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
    border-radius: 4px
}

.header__main-part--height_66 {
    height: 66px
}

.header__main-part--height_61 {
    height: 61px
}

.header__main-part--height_91 {
    height: 91px
}

.header__main-part--header_7 {
    height: 148px
}

.header__main-part--offset-left {
    margin-left: -32px
}

.header__main-part--margin {
    margin-left: 32px;
    margin-right: 32px
}

.header__main-part--bordered {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black)
}

.slogan_min_width_header6 {
    min-width: 200px
}

@media (max-width: 1200px) {
    .header__main-part--no-radius-bottom-1200 {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media (max-width: 1100px) {
    .header__main-part--offset_16-1100 {
        padding-left: 16px;
        padding-right: 16px
    }

    .header__main-part--offset_16-1100 .header__main-item {
        margin: 0 16px
    }
}

.header__main-inner {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__main-inner--top-with-padding {
    align-items: flex-start;
    padding: 37px 0
}

.header__main-inner--margin {
    margin: 0 -32px
}

.header__main-inner--color_light {
    background-color: #fff
}

.header__main-inner--shadow {
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
    border-radius: 4px
}

.header__main-item {
    margin: 0 32px;
    flex-shrink: 0
}

.header__main-item--shinked {
    flex-shrink: 1
}

.header__main-item--flex {
    flex-shrink: 1
}

@media (max-width: 1200px) {
    .header__main-inner--no-shadow-1200 {
        box-shadow: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.header__flex-part {
    display: flex;
    align-items: center
}

.header__flex-part--left {
    flex: 1;
    justify-content: flex-start
}

.header__flex-part--right {
    flex: 1;
    justify-content: flex-end
}

@media (min-width: 1401px) {
    .header__flex-part--right.header__flex-part--collapse {
        flex-basis: auto;
        flex-shrink: 0
    }

    .header__flex-part--left.header__flex-part--collapse {
        flex-basis: auto
    }
}

.header__side-column-part {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 271px;
    border-right: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    padding: 24px 32px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    background-color: var(--black_bg_black)
}

.header__side-item {
    display: flex;
    flex-direction: column
}

.header__side-item--row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header__side-item--margin {
    margin-top: 40px;
    margin-bottom: 40px
}

.header__side-item--paddings {
    padding: 16px 0
}

.header__side-item--margined {
    margin: -16px 0
}

.dropdown {
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    background: #fff;
    background-color: var(--card_bg_black);
    border-radius: 4px;
    position: absolute;
    top: 100%;
    left: 0
}

.dropdown--relative {
    position: relative
}

.dropdown--no-shadow {
    box-shadow: none
}

.logo {
    max-width: 182px;
    height: 50px;
    display: flex;
    align-items: center
}

.logo a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.logo a img {
    max-height: 100%;
    max-width: 100%
}

.address {
    display: flex;
    align-items: center
}

.address__text {
    font-size: .867em;
    line-height: 1.5379em;
    max-width: 320px
}

.address__text--large {
    font-size: 1em;
    line-height: inherit
}

.phones {
    display: flex;
    align-items: center;
    position: relative
}

.phones__inner {
    display: flex;
    align-items: center;
    position: relative
}

.phones__icon {
    display: none;
    margin-right: 11px;
    margin-top: 1px
}

.phones--with_icon .phones__icon {
    display: block
}

.phones__phone-link {
    font-weight: 600
}

.phones__arrow {
    display: none;
    margin-left: 8px
}

.phones__inner--with_dropdown .phones__arrow {
    display: flex
}

.phones__dropdown {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    top: -19px;
    left: -19px
}

.icon-block--with_icon .phones__dropdown {
    left: 0
}

.phones__dropdown .dropdown {
    z-index: 2;
    padding: 25px;
    background: #fff;
    background-color: var(--card_bg_black);
    min-width: 278px;
    left: -6px
}

.phones__inner:hover {
    z-index: 1000
}

.phones__inner:hover .phones__dropdown {
    opacity: 1;
    visibility: visible
}

.phones__dropdown .dropdown__item {
    padding: 6.5px 0
}

.phones__dropdown .dropdown__item--first {
    padding-top: 0;
    margin-top: -6px
}

.phones__dropdown .dropdown__item--last {
    padding-bottom: 0
}

.phones__dropdown--top {
    bottom: -36px;
    top: auto
}

.phones__dropdown--top .dropdown {
    display: flex;
    flex-direction: column-reverse
}

.phones__dropdown--top .dropdown .phones__dropdown-item:last-child {
    margin-top: 0
}

.phones__dropdown--top .dropdown .schedule__title {
    margin-top: 6px
}

.phones__dropdown--top .dropdown__item--first {
    padding-top: 6.5px;
    padding-bottom: 0;
    margin-bottom: -6px
}

.phones__dropdown--top .dropdown__item--last {
    padding-top: 0;
    padding-bottom: 6.5px
}

.phones__dropdown--top .dropdown__item--last + .phones__dropdown-item {
    padding-top: 19px;
    padding-bottom: 17px
}

.phones__callback {
    font-size: .867em;
    line-height: 1.5379em;
    margin-left: 19px;
    margin-top: -1px
}

.phones__phone-descript {
    display: block;
    margin-top: -2px;
    font-weight: 400
}

.phones__dropdown-item {
    margin-top: 14px
}

.dropdown__item--last + .phones__dropdown-item {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 4px
}

.social-item {
    margin-top: 19px
}

.callback-item {
    margin-top: 24px
}

.phones__dropdown-title {
    font-size: 12px;
    line-height: 19px;
    color: #999
}

.phones__dropdown-value {
    margin-top: 1px;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    color: var(--white_text_black)
}

.header-cabinet {
    position: relative
}

.header-cabinet__icon {
    margin-top: -2px
}

.header-cabinet__link.avt .header-cabinet__icon {
    margin-right: -4px
}

.header-cabinet__link {
    display: flex;
    align-items: center
}

.header-cabinet__link.avt {
    margin-right: -4px
}

.header__icon-name {
    font-size: 13px;
    line-height: 20px;
    margin-left: 7px
}

.icon-block-with-counter--count ~ .header__icon-name {
    margin-left: 11px
}

.active > .dark_link {
    color: var(--fill_dark_light_hover)
}

.cabinet-dropdown {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    top: 100%;
    padding-top: 15px;
    right: -1px
}

.cabinet-dropdown--top {
    top: auto;
    bottom: 100%;
    padding-top: 0;
    padding-bottom: 12px
}

.mega-fixed-menu .cabinet-dropdown {
    margin: 0 0 0 -127px
}

.cabinet-dropdown .dropdown {
    padding: 18px 24px 0;
    width: 190px
}

.header-cabinet:hover .cabinet-dropdown {
    opacity: 1;
    visibility: visible
}

#main #headerfixed .header-cabinet .cabinet-dropdown {
    padding-top: 8px
}

.cabinet-dropdown__item {
    margin-bottom: 13px
}

.cabinet-dropdown__item a {
    display: block
}

.cabinet-dropdown__item--last {
    margin-bottom: 0;
    border-top: 1px solid #ececec;
    border-top: 1px solid var(--stroke_black);
    margin: 0 -24px;
    background: #fafafa;
    background-color: var(--card_bg_hover_black);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: 20px
}

.cabinet-dropdown__item--last a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 18px 23px 20px
}

.header-cart__inner {
    position: relative;
    margin-right: 4px;
    display: inline-block;
    line-height: 0
}

.header-cart__inner--empty {
    margin-right: 0
}

.header-cart__count, .icon-count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(46%, -60%);
    color: #fff;
    font-size: 11px;
    border-radius: 15px;
    text-align: center;
    line-height: 15px;
    min-width: 15px;
    padding: 0 4px;
    background-color: #49b822;
    z-index: 2
}

.icon-count--compare {
    top: 3px;
    right: auto;
    left: 0
}

.header-cart__inner--empty .header-cart__count, .icon-count {
    display: none
}

.icon-block-with-counter--count .icon-count {
    display: block
}

.header-cart__inner i.svg-inline-basket {
    margin-top: -3px
}

.hide-basket-message .header-cart__name {
    display: none
}

.header-cart__name {
    display: inline-block;
    transform: translateY(-1px)
}

.header--color_colored .header-cart .header-cart__count, .header--color_colored .icon-block-with-counter .icon-count {
    background-color: #fff;
    color: #333
}

#main .mobileheader--color-colored .header-cart .header-cart__count, #main .mobileheader--color-colored .icon-block-with-counter .icon-count {
    background-color: #fff !important;
    color: #333
}

.slogan__text {
    opacity: .5;
    max-width: 250px;
    font-size: 13px
}

.burger {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    margin: -20px
}

.more-arrow {
    display: flex;
    margin-left: 8px;
    margin-top: 2px
}

.header-search {
    cursor: pointer;
    line-height: 0
}

.menu-topest {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.menu-topest__item {
    margin: 0 12px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
    white-space: normal;
    flex-shrink: 0
}

.menu-topest__item--first {
    margin-left: 0
}

.menu-topest__item--last {
    margin-right: 0
}

.menu-topest__more {
    margin-left: 12px;
    padding: 0;
    flex-shrink: 0
}

.header__top-part .menu-topest:hover {
    overflow: visible
}

.header__top-part .menu-topest li.menu-topest__more {
    position: relative;
    cursor: pointer;
    z-index: 999;
    padding: 10px 0 16px;
    margin-bottom: 0;
    width: 20px
}

.header__top-part .menu-topest li.menu-topest__more .dropdown {
    margin: 0;
    padding: 0;
    left: -17px;
    width: 191px;
    margin: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 45px;
    z-index: 999
}

.header__top-part .menu-topest li.menu-topest__more:hover > .dropdown, .header__top-part .menu-topest li.menu-topest__more.hover > .dropdown {
    opacity: 1;
    visibility: visible;
    background: #fff
}

.header__top-part .menu-topest li.menu-topest__more.hover {
    background: 0 0
}

.header__top-part .menu-topest li.menu-topest__more .dropdown > li {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%
}

.header__top-part .menu-topest li.menu-topest__more .dropdown > li:before {
    display: none
}

.header__top-part .menu-topest li.menu-topest__more .dropdown > li > a {
    padding: 0 23px;
    margin-bottom: 9px;
    display: block
}

#main .menu-topest .menu-topest__more .menu-topest__link {
    opacity: 1;
    color: #333
}

.header__top-part .menu-topest li.menu-topest__more .dropdown > li:last-of-type > a {
    margin-bottom: 0
}

.header__top-part .menu-topest li.menu-topest__more > span {
    display: block;
    letter-spacing: 1.5px
}

.header__top-part .menu-topest li.menu-topest__more .menu-topest__item {
    display: block
}

.header__top-part .menu-topest li.menu-topest__more .dropdown {
    padding: 18px 0
}

.btn.btn-header-topest {
    width: 100%;
    border-radius: 0;
    padding-top: 14px;
    padding-bottom: 16px;
    font-size: 13px;
    font-weight: 700
}

@media all and (max-width: 1600px) {
    .hide-name-1600 .header__icon-name {
        display: none
    }
}

@media all and (max-width: 1400px) {
    .hide-name-narrow .header__icon-name {
        display: none
    }
}

@media (max-width: 1200px) {
    .header__top-part--paddings {
        padding-left: 24px;
        padding-right: 24px
    }

    .header__main-item {
        margin: 0 24px
    }

    .header__main-part--offset-left {
        margin-left: -24px
    }
}

.header--color_colored.header__top-part--bordered, .header--color_colored.header__main-part--bordered, .header--color_dark.header__top-part--bordered, .header--color_dark.header__main-part--bordered {
    border-bottom: 1px solid rgba(0, 0, 0, .071)
}

.header--color_dark.header__top-part--bordered {
    border-bottom: 1px solid var(--stroke_black)
}

.header--color_light {
    background-color: #fff;
    background-color: var(--black_bg_black);
    background-color: var(--card_bg_black)
}

.header--color_dark {
    background-color: #232323
}

.header--color_gray {
    background-color: #fafafa;
    background-color: var(--light_bg_black)
}

#main .header--color_colored:not(.bg_none) .menu-light-text {
    color: #fff
}

#main .header--color_colored:not(.bg_none) .menu-light-icon-fill * {
    fill: #fff
}

#main .header--color_colored:not(.bg_none) .header-cabinet__link .menu-light-icon-fill .fill-more-theme {
    fill: #fff !important
}

#main .header--color_colored:not(.bg_none) .menu-light-icon-stroke * {
    stroke: #fff
}

#main .header--color_dark:not(.bg_none) .menu-light-text {
    color: #fff
}

#main .header--color_dark:not(.bg_none) .menu-light-icon-fill * {
    fill: #fff
}

#main .header--color_dark:not(.bg_none) .menu-light-icon-stroke * {
    stroke: #fff
}

.light-opacity-hover {
    opacity: 1;
    transition: opacity .1s ease-in-out
}

#main .header--color_colored:not(.bg_none) .light-opacity-hover:hover {
    opacity: .5
}

#main .header--color_dark:not(.bg_none) .light-opacity-hover:hover {
    opacity: .5
}

#main .header--color_colored:not(.bg_none) .header-menu__item--more-items .light-opacity-hover:hover, #main .header--color_dark:not(.bg_none) .header-menu__item--more-items .light-opacity-hover:hover {
    opacity: 1
}

#main .header--color_colored:not(.bg_none) .header-menu__item--more-items .menu-light-text:not(:hover), #main .header--color_dark:not(.bg_none) .header-menu__item--more-items .menu-light-text:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

#main:not(.header_opacity) .header--color_colored.bg_none .menu-light-text {
    color: #fff
}

#main:not(.header_opacity) .header--color_colored.bg_none .menu-light-icon-fill * {
    fill: #fff
}

#main:not(.header_opacity) .header--color_colored.bg_none .header-cabinet__link .menu-light-icon-fill .fill-more-theme {
    fill: #fff !important
}

#main:not(.header_opacity) .header--color_colored.bg_none .menu-light-icon-stroke * {
    stroke: #fff
}

#main:not(.header_opacity) .header--color_dark.bg_none .menu-light-text {
    color: #fff
}

#main:not(.header_opacity) .header--color_dark.bg_none .menu-light-icon-fill * {
    fill: #fff
}

#main:not(.header_opacity) .header--color_dark.bg_none .menu-light-icon-stroke * {
    stroke: #fff
}

#main:not(.header_opacity) .header--color_colored.bg_none .light-opacity-hover:hover {
    opacity: .5
}

#main:not(.header_opacity) .header--color_dark.bg_none .light-opacity-hover:hover {
    opacity: .5
}

#main:not(.header_opacity) .header--color_colored.bg_none .header-menu__item--more-items .light-opacity-hover:hover, #main:not(.header_opacity) .header--color_dark.bg_none .header-menu__item--more-items .light-opacity-hover:hover {
    opacity: 1
}

#main:not(.header_opacity) .header--color_colored.bg_none .header-menu__item--more-items .menu-light-text:not(:hover), #main:not(.header_opacity) .header--color_dark.bg_none .header-menu__item--more-items .menu-light-text:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

#main:not(.header_opacity) .header--color_colored.bg_none .header-menu__item--more-items .menu-light-text:hover, #main:not(.header_opacity) .header--color_dark.bg_none .header-menu__item--more-items .menu-light-text:hover {
    color: #9e9e9e;
    color: var(--fill_dark_light_hover)
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .banner-light-text, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .banner-light-text {
    color: #333
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .banner-light-text:not(.address__text):hover, body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .color-theme-hover:hover, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .banner-light-text:not(.address__text):hover, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .color-theme-hover:hover {
    color: var(--theme-base-color)
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .banner-light-icon-fill *, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .banner-light-icon-fill * {
    fill: #888;
    opacity: 1
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .fill-dark-light-block:not(.svg) path, body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .menu-light-icon-fill .fill-dark-light {
    fill: #333
}

body.header_opacity.front_page .header:not(.light) .header__top-part.header__top-part--can-transparent.bg_none .menu-light-icon-fill .fill-dark-light {
    fill: #333
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .menu-light-icon-fill .fill-theme-svg, body.header_opacity.front_page .header:not(.light) .header__top-part.header__top-part--can-transparent.bg_none .menu-light-icon-fill .fill-theme-svg {
    fill: var(--theme-base-color)
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .fill-theme-hover:hover *, body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .fill-theme-parent:hover > .fill-theme-target *, body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part.header__top-part--can-transparent .fill-theme-parent-all:hover .fill-theme-target *, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .fill-theme-hover:hover *, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .fill-theme-parent:hover > .fill-theme-target *, body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.header__top-part--can-transparent.bg_none .fill-theme-parent-all:hover .fill-theme-target * {
    fill: var(--theme-base-color)
}

body.header_opacity.front_page .header.header--offset .header__top-part.header__top-part--can-transparent {
    background-color: transparent;
    border-bottom: none
}

body.header_opacity.front_page .header.header--offset.light .header__top-part.header__top-part--can-transparent .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__top-part.header__top-part--can-transparent .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__top-part.header__top-part--can-transparent .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__top-part.header__top-part--can-transparent .light-opacity-hover:hover {
    opacity: .5
}

body.header_opacity.front_page .header:not(.header--offset) .header__top-part.bg_none.header__top-part--can-transparent {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .102)
}

body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part.bg_none.header__top-part--can-transparent {
    border-bottom: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.bg_none.header__top-part--can-transparent .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.bg_none.header__top-part--can-transparent .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.bg_none.header__top-part--can-transparent .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.bg_none.header__top-part--can-transparent .light-opacity-hover:hover {
    opacity: .5
}

body.header_opacity.front_page .header:not(.header--offset) .header__top-part.header__top-part--no_border.header__top-part--can-transparent {
    background-color: transparent;
    border-bottom: none
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.header__top-part--no_border.header__top-part--can-transparent .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.header__top-part--no_border.header__top-part--can-transparent .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.header__top-part--no_border.header__top-part--can-transparent .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__top-part.header__top-part--no_border.header__top-part--can-transparent .light-opacity-hover:hover {
    opacity: .5
}

body.header_opacity .header.light .btn-search:hover * {
    fill: #fff
}

.header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .fill-dark-light, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .more-arrow path, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none div.fill-dark-light-block:not(:hover) path {
    fill: #333
}

.header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none div.fill-dark-light-block:hover path, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .fill-theme-parent:hover path, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .fill-theme-parent-all:hover .fill-theme-target path, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .fill-theme-hover:not(.banner-light-text):hover * {
    fill: var(--theme-base-color)
}

.header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .banner-light-text {
    color: #333
}

.header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .banner-light-text:hover, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .color-theme-parent-all:hover .color-theme-target, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .color-theme-hover:hover * {
    color: var(--theme-base-color)
}

#main.header_opacity .header:not(.light) .dropdown .color-theme-hover:hover * {
    color: var(--fill_dark_light_hover)
}

body.header_opacity.front_page .header:not(.header--offset) .header__main-part.header__main-part--can-transparent {
    border-bottom: 1px solid rgba(255, 255, 255, .102)
}

body.header_opacity.front_page .header:not(.header--offset) .header__main-part.header__main-part--can-transparent {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__top-part + .header__main-part.header__main-part--can-transparent {
    border-bottom: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__main-part.header__main-part--can-transparent {
    border-bottom: none
}

body.header_opacity.front_page .header:not(.header--offset).light .header__main-part.header__main-part--can-transparent .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__main-part.header__main-part--can-transparent .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__main-part.header__main-part--can-transparent .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__main-part.header__main-part--can-transparent .light-opacity-hover:hover {
    opacity: .5
}

body.header_opacity.front_page .header.header--offset .header__main-part.bg_none.header__main-part--can-transparent {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .102);
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__main-part.bg_none.header__main-part--can-transparent {
    border-bottom: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header.header--offset.header--save-margin .header__main-part.bg_none.header__main-part--can-transparent {
    border-bottom: none
}

body.header_opacity.front_page .header.header--offset .header__top-part ~ .header__main-part.bg_none.header__main-part--can-transparent {
    border-top: 1px solid rgba(255, 255, 255, .102)
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part ~ .header__main-part.bg_none.header__main-part--can-transparent {
    border-top: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header.header--offset:not(.header--save-margin) .header__main-part.bg_none.header__main-part--can-transparent .header__main-inner {
    margin-left: -32px;
    margin-right: -32px
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .banner-light-text, body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .banner-light-icon-fill *, body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .banner-light-icon-stroke *, body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .light-opacity-hover:hover, body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .light-opacity-hover:hover * {
    opacity: .5;
    opacity: .8
}

body.header_opacity.front_page .header.header--offset .block_with_bg.bg_none .header__top-part {
    border-bottom: 1px solid rgba(255, 255, 255, .102)
}

body.header_opacity.front_page .header.header--offset:not(.light) .block_with_bg.bg_none .header__top-part {
    border-bottom: 1px solid #00000012
}

body.header_opacity.front_page .header.header--offset:not(.light) .block_with_bg.bg_none {
    border-bottom: 1px solid #00000012
}

body.header_opacity.front_page .header.header--offset .header__top-part + .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none {
    border-bottom: 1px solid rgba(255, 255, 255, .102)
}

body.header_opacity.front_page .header.header--offset .header__main-part--can-transparent .header__main-inner.bg_none {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__main-part--can-transparent .header__main-inner.bg_none {
    border-bottom: none
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part + .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none {
    border-bottom: 1px solid #00000012
}

body.header_opacity.front_page .header.header--offset .header__top-part ~ .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none {
    border-top: 1px solid rgba(255, 255, 255, .102)
}

body.header_opacity.front_page .header.header--offset:not(.light) .header__top-part ~ .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none {
    border-top: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header.header--offset.light .header__main-part.header__main-part--can-transparent .header__main-inner.bg_none .light-opacity-hover:hover {
    opacity: .5
}

body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .banner-light-text {
    color: #333
}

body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-dark-light, .header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-dark-light-block:not(.svg):not(:hover) path {
    fill: #333
}

body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-dark-light-block:not(.svg):hover path, body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-theme-hover:not(.menu-light-text):hover * {
    fill: var(--theme-base-color)
}

body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-theme-parent:hover > .fill-theme-target *, body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-theme-parent-all:hover .fill-theme-target * {
    fill: var(--theme-base-color)
}

body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .color-theme-hover:hover, body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .banner-light-text:not(.address__text):not(.slogan__text):hover {
    color: var(--theme-base-color)
}

body.header_opacity.front_page .header:not(.header--offset) .header__inner.header__inner--can-transparent {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .102);
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header:not(.header--offset) .header__inner.header__inner--can-transparent .header__top-part {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .102);
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__inner.header__inner--can-transparent {
    border-bottom: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header:not(.header--offset):not(.light) .header__inner.header__inner--can-transparent .header__top-part {
    border-bottom: 1px solid rgba(0, 0, 0, .071)
}

body.header_opacity.front_page .header:not(.header--offset) .header__inner.header__inner--can-transparent .header__main-part {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header:not(.header--offset) .header__inner.header__inner--can-transparent .header__left-part {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0
}

body.header_opacity.front_page .header:not(.header--offset).light .header__inner.header__inner--can-transparent .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__inner.header__inner--can-transparent .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__inner.header__inner--can-transparent .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header:not(.header--offset).light .header__inner.header__inner--can-transparent .light-opacity-hover:hover {
    opacity: .5
}

body.header_opacity.front_page .header__main-part--can-transparent .header-menu.bg_none {
    background-color: transparent
}

@media (max-width: 1200px) {
    body.header_opacity.front_page .header__main-part--can-transparent .header-menu--bottom-1200.bg_none {
        border-top: none;
        border-bottom: 1px solid rgba(255, 255, 255, .102);
        box-shadow: none;
        border-radius: 0
    }

    .padding-bottom-62-1200 {
        padding-bottom: 62px
    }

    body.header_opacity.front_page .header:not(.header--offset) .header__main-part.header__main-part--can-transparent .header-menu {
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, .102)
    }

    body.header_opacity.front_page .header.header--offset .header__main-part.bg_none.header__main-part--can-transparent .header-menu {
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, .102)
    }

    body.header_opacity.front_page .header.header--offset .header__main-part--can-transparent .header__main-inner.bg_none .header-menu {
        background-color: transparent;
        border-bottom: 1px solid rgba(255, 255, 255, .102)
    }

    .header__main-part--menu-compact-1200 .header-menu.header__main-item {
        margin-left: 0;
        margin-right: 14px
    }

    .header__main-part--menu-compact-1200 .header-menu.header__main-item + .header__main-item {
        margin-left: 0
    }

    .header__main-part--menu-compact-1200 .header-menu.header__main-item:first-of-type {
        margin-right: 14px
    }

    .header .header__main-part--menu-compact-1200 .header-menu__item {
        margin: 0 10px
    }
}

.header:not(:hover) .header-menu:not(.header-menu--column), .header:not(:hover) .header-menu .header-menu__dropdown-menu {
    overflow: hidden
}

body.header_opacity.front_page .header.header--offset .header__top-part.header__top-part--can-transparent .search .search-input, body.header_opacity.front_page .header:not(.header--offset) .header__top-part.bg_none.header__top-part--can-transparent .search .search-input, body.header_opacity.front_page .header:not(.header--offset) .header__top-part.header__top-part--no_border.header__top-part--can-transparent .search .search-input {
    background: rgba(255, 255, 255, .15) !important;
    border-color: rgba(0, 0, 0, .06) !important;
    color: #000
}

body.header_opacity.front_page .header.light.header--offset .header__top-part.header__top-part--can-transparent .search .search-input, body.header_opacity.front_page .header.light:not(.header--offset) .header__top-part.bg_none.header__top-part--can-transparent .search .search-input, body.header_opacity.front_page .header.light:not(.header--offset) .header__top-part.header__top-part--no_border.header__top-part--can-transparent .search .search-input {
    color: #fff
}

body.header_opacity.front_page .header.header--offset .header__top-part.header__top-part--can-transparent .search .search-input::placeholder, body.header_opacity.front_page .header:not(.header--offset) .header__top-part.bg_none.header__top-part--can-transparent .search .search-input::placeholder, body.header_opacity.front_page .header:not(.header--offset) .header__top-part.header__top-part--no_border.header__top-part--can-transparent .search .search-input::placeholder {
    color: #333
}

body.header_opacity.front_page .header.light.header--offset .header__top-part.header__top-part--can-transparent .search .search-input::placeholder, body.header_opacity.front_page .header.light:not(.header--offset) .header__top-part.bg_none.header__top-part--can-transparent .search .search-input::placeholder, body.header_opacity.front_page .header.light:not(.header--offset) .header__top-part.header__top-part--no_border.header__top-part--can-transparent .search .search-input::placeholder {
    color: #fff
}

.header7_logo {
    margin-top: -5px
}

.footer {
    --d2d_dark_light: var(--light, #2d2d2d) var(--dark, #121212);
    --d3_dark_light: var(--light, #333) var(--dark, #121212);
    --df4_dark_light: var(--light, #f4f4f4) var(--dark, #121212);
    --d1b_dark_light: var(--light, #333) var(--dark, #1b1b1b);
    --d6t9_dark_light: var(--light, #666) var(--dark, #999);
    --d3t9_dark_light: var(--light, #333) var(--dark, #999);
    --df_opacity_dark_light: var(--light, #ffffff1a) var(--dark, #3a3a3a);
    --dff_opacity_dark_light: var(--light, #00000026) var(--dark, #ffffff26)
}

.footer {
    border-top: 1px solid #ffffff1a;
    border-top-color: var(--df_opacity_dark_light);
    background: #333;
    background: var(--d1b_dark_light)
}

.footer--nowrap {
    white-space: nowrap
}

.footer--mw500 {
    max-width: 500px
}

.footer--mw-290 {
    max-width: 290px
}

.footer--mt-3 .icon-block--with_icon {
    margin-top: 3px
}

.footer__top-part {
    background: #2d2d2d;
    background: var(--d2d_dark_light);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-bottom-color: var(--df_opacity_dark_light);
    padding: 49px 0
}

.footer__main-part {
    position: relative
}

.footer__main-part-inner {
    display: flex;
    justify-content: space-between;
    padding: 56px 0 16px
}

.footer__main-part-inner--pb42 {
    padding-bottom: 42px
}

.footer__bottom-part-inner {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-top-color: var(--df_opacity_dark_light);
    padding: 47px 0
}

.footer__bottom-part-inner--no-border {
    border: none;
    padding: 60px 0
}

.footer__bottom-part-inner--big-padding {
    padding: 77px 0 63px
}

.footer .js-padding {
    padding: 40px 0 40px;
    border-top-color: transparent
}

.footer__bottom-part {
    position: relative
}

.footer__main-part .footer__part-item {
    flex: 1
}

.footer__bottom-part .footer__part-item {
    margin: 16px
}

.footer__bottom-part .footer__bottom-part-items-wrapper {
    margin: -16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

#bx-composite-banner:empty {
    display: none
}

.footer__part-item--subscribe {
    background: #333;
    background: var(--d1b_dark_light)
}

.footer__part-item--subscribe .btn.btn-transparent-border {
    border-color: rgba(255, 255, 255, .1)
}

.footer--color-light .footer__part-item--subscribe {
    background: #fafafa;
    background: var(--light_bg_black)
}

.footer--color-light .footer__part-item--subscribe .btn.btn-transparent-border {
    border-color: rgba(51, 51, 51, .1)
}

.footer .footer__part-item--subscribe .btn .svg-inline-subscribe * {
    fill: none
}

.footer__main-part-inner--bordered {
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 58px 67px 38px
}

.bottom-menu .item-link > span {
    display: none
}

.bottom-menu .items {
    padding: 0 20px 40px 0
}

.bottom-menu .items .item-link {
    line-height: normal
}

.bottom-menu .items .item {
    line-height: normal;
    display: inline-block
}

.bottom-menu--normal .items > .item-link a:not(:hover) {
    color: #fff
}

.bottom-menu--normal .wrap .title a:not(:hover) {
    color: #999
}

.footer--color-dark .bottom-menu .item:hover .title a, .footer--color-dark .bottom-menu .item.active .title a {
    color: #999 !important
}

.footer--color-dark .wrap_compact_mobile .item:hover .title a, .footer--color-dark .wrap_compact_mobile .item.active .title a {
    color: #fff !important
}

.footer--color-dark .footer__license .dark_link:hover {
    color: #fff
}

.bottom-menu--normal .items > .wrap {
    margin: 20px 0 0
}

.bottom-menu--normal .items > .wrap .item-link {
    margin: 8px 0
}

.bottom-menu--normal .items > .wrap .item-link--first {
    margin-top: 0
}

.bottom-menu--normal .items > .wrap .item-link--last {
    margin-bottom: 0
}

.bottom-menu--bold .item-link {
    margin: 20px 0
}

.bottom-menu--bold .items {
    margin: -20px 0
}

.bottom-menu--bold .item-link a:not(:hover) {
    color: #fff
}

.footer--menu-padding .items {
    padding: 0 0 33px
}

.footer__info {
    margin: -15px 0
}

.footer__info-item {
    margin: 15px 0
}

.footer__info--pt-2 {
    padding-top: 2px
}

.footer__info--row {
    padding: 47px 0 42px
}

.footer__info--row-paddings {
    padding: 54px 0 65px
}

.footer__phone .phones {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 2px
}

.footer__phone .phones .phones__inner > .phones__phone-link {
    color: #fff
}

.footer__phone .phones .more-arrow svg * {
    fill: #fff
}

.footer__phone .phones .phones__dropdown {
    left: 8px
}

.footer__phone .phones .phones__callback:not(:hover) {
    color: #999
}

.footer__phone .phones .phones__callback {
    margin-left: 27px
}

.footer__phone .icon-block__icon {
    margin-right: 19px
}

.footer__email {
    display: flex
}

.footer__email .svg-inline-email {
    margin-top: 4px;
    margin-right: 17px
}

.footer__email .svg-inline-email * {
    stroke: #ddd
}

.footer__email a:not(:hover) {
    color: #fff
}

.footer--color-dark .footer__email a:hover {
    color: #999
}

.footer__address .icon-block__icon {
    margin-left: 1px;
    margin-top: -3px;
    margin-right: 18px
}

.footer__address .address__text {
    color: #fff;
    max-width: none;
    font-size: 14px
}

.footer__social .social__items {
    margin: -4.5px
}

.footer__social .social__item {
    padding: 0;
    border-radius: 4px;
    margin: 4.5px;
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #474747
}

.footer__social .social__link {
    width: 37px;
    height: 37px;
    transition: opacity .3s ease-in-out
}

.footer__social .social__link:hover {
    filter: grayscale(0)
}

.footer__info--part-right .footer__social {
    margin-top: 13px
}

.footer__part-item .footer__social {
    margin-top: 23px
}

.subscribe-block__part--left {
    display: flex;
    align-items: center;
    margin-right: 122px;
    margin-top: 2px
}

.subscribe-block__part--right {
    width: 40%
}

.subscribe-block {
    display: flex;
    justify-content: center;
    align-items: center
}

.subscribe-block__text {
    color: #fff;
    margin-left: 23px
}

.svg-inline-subscribe svg * {
    stroke: #fff;
    opacity: .5
}

.icon-block:hover svg path {
    opacity: 1
}

.subscribe-form {
    position: relative;
    display: flex;
    align-items: center
}

.subscribe-form__save {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    cursor: pointer
}

.subscribe-btn {
    background: 0 0;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    z-index: 1
}

.subscribe-input {
    height: 46px;
    background: #fff;
    background: var(--dff_dark_light);
    border: 1px solid rgba(0, 0, 0, .15);
    border-color: var(--dff_opacity_dark_light);
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 17px;
    color: #888
}

.footer--color-dark .subscribe-edit:not(:hover) .subscribe-input:not(:focus) {
    background-color: #333;
    background-color: var(--d3_dark_light);
    border-color: rgba(255, 255, 255, .15)
}

.subscribe-form__right-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.subscribe-form__right-arrow-line {
    background: #cacaca;
    height: 2px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 41px);
    transition: left ease .5s
}

.footer--color-dark .subscribe-edit .svg path {
    stroke: #7a7a7a
}

.footer--color-dark .subscribe-edit .subscribe-form__right-arrow-line {
    background: #7a7a7a
}

.subscribe-edit:hover .subscribe-form__right-arrow-line, .subscribe-input:focus ~ .subscribe-form__save .subscribe-form__right-arrow-line {
    left: calc(100% - 56px);
    background-color: var(--theme-base-color)
}

.subscribe-edit:hover .svg path, .subscribe-input:focus ~ .subscribe-form__save .svg path {
    stroke: var(--theme-base-color)
}

.footer__pays {
    margin: -5px -10px 4px
}

.footer__pays i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: url("../images/svg/payment.svg") 0px 0px no-repeat
}

.footer__pays i:hover {
    opacity: 1
}

.footer__pays i.cacsh {
    width: 20px;
    height: 20px;
    background-position: 0 -298px
}

.footer__pays i.cacsh:hover {
    background-position: 0 -198px
}

.footer__pays i.mastercard {
    width: 24px;
    height: 16px;
    background-position: -279px -300px
}

.footer__pays i.mastercard:hover {
    background-position: -327px -200px
}

.footer__pays i.visa {
    width: 32px;
    height: 10px;
    background-position: -40px -304px
}

.footer__pays i.visa:hover {
    background-position: -40px -204px
}

.footer__pays i.yandex_money {
    width: 25px;
    height: 19px;
    background-position: -534px -298px
}

.footer__pays i.yandex_money:hover {
    background-position: -626px -198px
}

.footer__pays i.webmoney {
    width: 17px;
    height: 18px;
    background-position: -127px -299px
}

.footer__pays i.webmoney:hover {
    background-position: -127px -199px
}

.footer__pays i.qiwi {
    width: 19px;
    height: 20px;
    background-position: -165px -298px
}

.footer__pays i.qiwi:hover {
    background-position: -165px -198px
}

.footer__pays i.sbrf {
    width: 19px;
    height: 20px;
    background-position: -240px -298px
}

.footer__pays i.sbrf:hover {
    background-position: -240px -198px
}

.footer__pays i.alfa {
    width: 14px;
    height: 19px;
    background-position: -323px -298px
}

.footer__pays i.alfa:hover {
    background-position: -415px -198px
}

.footer__pays i.mir {
    width: 36px;
    height: 20px;
    background-position: -357px -298px
}

.footer__pays i.mir:hover {
    background-position: -449px -198px
}

.footer__pays i.jcb {
    width: 22px;
    height: 19px;
    background-position: -412px -298px
}

.footer__pays i.jcb:hover {
    background-position: -504px -198px
}

.footer__pays i.paypal {
    width: 15px;
    height: 19px;
    background-position: -205px -298px
}

.footer__pays i.paypal:hover {
    background-position: -205px -198px
}

.footer__pays i.maestro {
    width: 24px;
    height: 16px;
    background-position: -279px -300px
}

.footer__pays i.maestro:hover {
    background-position: -371px -200px
}

.footer__pays i.yoomoney {
    width: 25px;
    height: 18px;
    background-position: -534px -299px
}

.footer__pays i.yoomoney:hover {
    background-position: -626px -199px
}

.footer__pays i.yookassa {
    width: 25px;
    height: 18px;
    background-position: -534px -299px
}

.footer__pays i.yookassa:hover {
    background-position: -671px -199px
}

.footer__pays i.belkart {
    width: 20px;
    height: 20px;
    background-position: -579px -298px
}

.footer__pays i.belkart:hover {
    background-position: -716px -198px
}

.footer__pays i.halva {
    width: 18px;
    height: 18px;
    background-position: -619px -299px
}

.footer__pays i.halva:hover {
    background-position: -756px -199px
}

.footer__pays i.tinkoff {
    width: 63px;
    height: 16px;
    background-position: -657px -300px
}

.footer__pays i.tinkoff:hover {
    background-position: -657px -300px
}

.footer__lang .sites__current:not(:hover) {
    color: #999
}

.footer__lang .more-arrow * {
    fill: #888
}

.footer--color-dark .color-theme-parent-all:hover .color-theme-target, .footer__part-item--subscribe .color-theme-parent-all:hover .color-theme-target {
    color: #fff
}

.footer--color-dark .stroke-theme-parent-all:hover .stroke-theme-target *, .footer__part-item--subscribe .stroke-theme-parent-all:hover .stroke-theme-target * {
    stroke: #fff
}

.footer--color-dark .fill-theme-parent-all:hover .fill-theme-target * {
    fill: #fff
}

.footer.footer--color-light {
    border-color: #e5e5e5;
    border-color: var(--stroke_black);
    background: linear-gradient(0deg, #fafafa, #fafafa), #fff;
    background: var(--light_bg_black)
}

.footer--color-light .footer__top-part {
    background: #f4f4f4;
    background: var(--df4_dark_light);
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

.footer--color-light .footer__main-part-inner--bordered {
    border-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.footer--color-light .footer__bottom-part-inner {
    border-top-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.footer--color-light .footer__phone .phones .phones__inner > .phones__phone-link {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .footer__phone .phones .more-arrow svg * {
    fill: #333;
    fill: var(--white_text_black)
}

.footer--color-light .footer__email .svg-inline-email * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.footer--color-light .footer__email a:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .footer__address .address__text {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-dark .footer__phone .phones__callback:hover {
    color: #fff
}

.footer--color-light .bottom-menu--normal .items > .item-link a:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .bottom-menu--bold .item-link a:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

.footer--color-light .bottom-menu--normal .wrap .title a:not(:hover) {
    color: #666;
    color: var(--d6t9_dark_light)
}

.footer--color-light .svg-inline-subscribe svg * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.footer--color-light .subscribe-block__text {
    color: #333;
    color: var(--white_text_black)
}

.subscribe {
    cursor: pointer;
    font-weight: 400
}

.btn .subscribe__text {
    color: #fff;
    position: relative;
    top: 1px
}

.footer--color-light .btn .subscribe__text {
    color: #333
}

.developer {
    display: flex;
    align-items: center;
    --developer_logo_hover_filter: var(--light, none) var(--dark, brightness(110%) contrast(150%))
}

a.developer:not(:hover) {
    color: #999
}

.footer--color-dark a.developer:hover {
    color: #fff
}

.footer--color-light a.developer:hover {
    color: #555;
    color: var(--fill_dark_light_white_hover)
}

.developer__title {
    margin: 0 15px 0 0
}

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

.developer__logo svg {
    max-height: 40px;
    max-width: 90px
}

.developer__logo img {
    max-width: 100%;
    max-height: 40px
}

.footer--color-light a.developer:hover .developer__logo {
    filter: none;
    filter: var(--developer_logo_hover_filter)
}

.footer--color-dark a.developer:hover .developer__logo {
    filter: brightness(110%) contrast(150%)
}

.footer--color-light .footer__social .social__item {
    background: #e6e6e6
}

.footer__pays i.cacsh:not(:hover) {
    background-position: 0 -248px
}

.footer__pays i.mastercard:not(:hover) {
    background-position: -279px -250px
}

.footer__pays i.visa:not(:hover) {
    background-position: -40px -254px
}

.footer__pays i.yandex_money:not(:hover) {
    background-position: -534px -248px
}

.footer__pays i.webmoney:not(:hover) {
    background-position: -127px -249px
}

.footer__pays i.qiwi:not(:hover) {
    background-position: -165px -248px
}

.footer__pays i.sbrf:not(:hover) {
    background-position: -240px -248px
}

.footer__pays i.alfa:not(:hover) {
    background-position: -323px -248px
}

.footer__pays i.mir:not(:hover) {
    background-position: -357px -248px
}

.footer__pays i.jcb:not(:hover) {
    background-position: -412px -248px
}

.footer__pays i.paypal:not(:hover) {
    background-position: -205px -248px
}

.footer__pays i.maestro:not(:hover) {
    background-position: -279px -250px
}

.footer__pays i.yoomoney:not(:hover) {
    background-position: -534px -249px
}

.footer__pays i.yookassa:not(:hover) {
    background-position: -534px -249px
}

.footer__pays i.belkart:not(:hover) {
    background-position: -579px -248px
}

.footer__pays i.halva:not(:hover) {
    background-position: -619px -249px
}

.footer__pays i.tinkoff:not(:hover) {
    background-position: -657px -249px
}

.footer__pays i.tinkoff:hover {
    background-position: -794px -199px
}

.footer--color-light .footer__lang .sites__current {
    color: #333;
    color: var(--d3t9_dark_light)
}

@media (max-width: 1200px) {
    .footer__main-part-inner {
        flex-wrap: wrap
    }

    .footer__info--row > .line-block {
        flex-wrap: wrap
    }

    .footer .flex-33-1200 {
        width: 33%;
        flex: auto
    }

    .footer .flex-50-1200 {
        width: 50%;
        flex: auto
    }

    .footer .flex-100-1200 {
        width: 100%;
        flex: auto
    }

    .footer__main-part .offset-top-1200 {
        margin-top: 48px
    }
}

@media (max-width: 991px) {
    .footer .flex-50-991 {
        width: 50%
    }

    .footer .flex-100-991 {
        width: 100%
    }
}

@media (min-width: 768px) {
    .footer__pays--on-line {
        position: absolute;
        bottom: -11px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        padding: 0 23px;
        background: #333;
        background: var(--d1b_dark_light)
    }

    .footer--color-light .footer__pays--on-line {
        background: #fafafa;
        background: var(--light_bg_black)
    }

    .footer__part-item--subscribe {
        position: absolute;
        top: -39px;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        padding: 0 23px
    }
}

@media (max-width: 767px) {
    .subscribe-block {
        justify-content: space-between
    }

    .subscribe-block__part--left {
        margin-right: 32px
    }

    .subscribe-block__part--right {
        flex: 1
    }

    .footer__top-part {
        padding: 24px 0
    }

    .footer__main-part-inner {
        padding: 32px 0 16px;
        flex-direction: column;
        border: none
    }

    .footer__bottom-part-inner {
        padding: 16px 0
    }

    .footer__info--row {
        padding: 24px 0 0
    }

    .footer__info--row-paddings {
        padding-bottom: 24px
    }

    .footer .flex-33-1200, .footer .flex-50-1200, .footer .flex-100-767 {
        width: 100%
    }

    .footer__info--part-left > .line-block {
        flex-wrap: wrap;
        display: block
    }

    .footer__main-part .offset-top-1200 {
        margin-top: 0;
        margin-bottom: 16px
    }

    .bottom-menu .items {
        padding: 0
    }

    .bottom-menu .item-link > span {
        display: block;
        cursor: pointer
    }

    .bottom-menu .items > .item-link {
        position: relative
    }

    .bottom-menu--normal {
        margin-bottom: 15px
    }

    .bottom-menu.bottom-menu--bold {
        padding-bottom: 16px
    }

    .bottom-menu .items .fa {
        position: absolute;
        right: -5px;
        padding: 10px 5px;
        top: -10px
    }

    .bottom-menu--normal .items > .wrap {
        margin-top: 16px
    }

    .bottom-menu--bold .item-link {
        margin: 16px 0
    }
}

@media (max-width: 600px) {
    .subscribe-block {
        flex-direction: column;
        align-items: flex-start
    }

    .subscribe-block__part--left {
        margin-bottom: 16px
    }

    .subscribe-block__part--right {
        width: 100%
    }

    .footer__bottom-part .footer__bottom-part-items-wrapper {
        margin: -8px
    }

    .footer__bottom-part .footer__part-item {
        margin: 8px
    }

    [class*=footer--mw] {
        max-width: none
    }
}

.menu-row {
    position: relative
}

.menu-row.with-color .menu-only {
    border-radius: 3px
}

.menu-row .right-icons + .menu-only table td:last-of-type {
    border-radius: 0
}

.menu-row .menu-only table td:last-of-type {
    border-radius: 0 3px 3px 0
}

.mega-menu table td .wrap > .more-items > span {
    font-size: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 3px
}

.mega-menu table td .wrap > .more-items > span svg {
    display: block
}

.mega-menu table td .wrap > .more-items > span svg path {
    fill: #222
}

.header_opacity header.light .phone svg path {
    fill: #222 !important
}

.bgcolored .mega-menu.sliced table td .wrap > .more-items > span svg path, .header_opacity header.light .mega-menu.sliced table td .wrap > .more-items > span svg path {
    fill: #fff
}

.menu-row.bgcolored .mega-menu table td .wrap > .more-items {
    padding-left: 18px;
    padding-right: 18px
}

.menu-row.bgcolored .mega-menu table td .wrap > .more-items > span:before {
    background-position: -1px -337px;
    background-color: transparent;
    left: 0
}

.mega-menu table td .wrap .line-wrapper {
    visibility: hidden
}

.menu-row.with-color .line-wrapper {
    display: none
}

.menu-row.with-color .marker-nav {
    display: none
}

.menu-row.with-color .mega-menu table td .wrap > .more-items > span {
    left: 2px
}

.menu-row.with-color .wrap_icon {
    font-size: 0px
}

.menu-row.with-color .wrap_icon > a {
    position: relative;
    z-index: 10;
    padding: 0 21px 0;
    display: block;
    height: 59px
}

.menu-row.with-color .wrap_icon .basket-link .js-basket-block {
    position: relative;
    top: 18px
}

.menu-row.with-color .wrap_icon .basket-link .js-basket-block .svg {
    min-width: 24px
}

.menu-row.with-color .wrap_icon .personal-link {
    position: relative;
    z-index: 10;
    padding: 0 21px 0;
    display: block;
    height: 59px
}

.menu-row.with-color .wrap_icon .personal-link .svg {
    min-width: 16px;
    min-height: 17px;
    top: 17px
}

.menu-row.with-color .basket-link .count {
    margin: 2px 0 0;
    padding: 0 7px;
    border-radius: 10px;
    vertical-align: top;
    min-width: 20px;
    width: auto;
    height: 19px;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px
}

.menu-row.with-color .basket-link:not(.basket-count) .count {
    background: #fff;
    color: #222
}

.menu-row.with-color .logo_and_menu-row .right-icons {
    margin-left: 1px;
    margin-right: 1px
}

.logo-row .menu-row, .logo-row .menu-row .menu-only {
    position: static
}

.logo-row .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu {
    width: auto;
    left: 40px !important;
    right: 40px;
    margin: 0
}

.fill_bg_n .menu-row {
    z-index: 3
}

.logo-row .menu-row.maxwidth-theme:before, .logo-row .menu-row.maxwidth-theme:after {
    display: none
}

.menu-only {
    position: relative;
    z-index: 2
}

.mega-menu {
    z-index: 10
}

.mega-menu ul.nav {
    padding: 0;
    clear: both;
    float: none;
    position: static;
    display: block;
    font-size: 13px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3)
}

.mega-menu ul.nav li {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    display: block
}

.mega-menu ul.nav li:before {
    display: none
}

.mega-menu ul.nav li, .mega-menu ul.nav .dropdown-menu {
    background-color: #fafafa
}

.mega-menu ul.nav li > a {
    padding: 9px 45px 9px 10px;
    text-shadow: none !important;
    border-top: 1px solid #e1e4e6;
    border-bottom: 1px solid transparent;
    margin: 0;
    line-height: 24px;
    text-decoration: none;
    position: relative;
    border-radius: 0;
    clear: both;
    float: none;
    display: block;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    white-space: normal;
    color: #444
}

.mega-menu ul.nav li > a i.fa-angle-down {
    position: absolute;
    right: -10px;
    top: 0;
    font-size: 20px;
    width: 64px;
    height: 44px;
    text-align: center;
    line-height: 44px
}

.mega-menu ul.nav li:first-of-type > a {
    border-top: medium none !important
}

.mega-menu ul.nav li.active > a, .mega-menu ul.nav li:hover > a {
    border-top: 1px solid #e1e4e6;
    border-bottom: 1px solid #e1e4e6;
    margin: 0;
    padding: 9px 55px 9px 10px;
    background: 0 0;
    color: #fff
}

.mega-menu ul.nav li.active > a i.fa-angle-down, .mega-menu ul.nav li:hover > a i.fa-angle-down {
    right: 0
}

.mega-menu ul.nav li.active + li > a, .mega-menu ul.nav li:hover + li > a {
    border-top: 1px solid transparent
}

.mega-menu ul.nav li > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)
}

.mega-menu ul.nav .dropdown-menu {
    font-size: 13px;
    position: static;
    clear: both;
    float: none;
    display: none !important;
    box-shadow: none;
    border: none !important;
    border-radius: 0;
    margin: 0;
    padding: 0 0 0 20px
}

.mega-menu ul.nav .dropdown-menu li:first-of-type > a {
    border-top: 1px solid transparent
}

.mega-menu table .wrap > .dropdown-menu > li:first-of-type:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dedede;
    display: block;
    content: "";
    -webkit-transition-property: "right";
    transition-property: "right";
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.mega-menu ul.nav .dropdown-menu li:last-of-type > a {
    border-bottom: 1px solid transparent
}

.mega-menu ul.nav li.resp-active > ul.dropdown-menu {
    display: block !important
}

.mega-menu table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%
}

.bx-mac .mega-menu table, .bx-ios .mega-menu table {
    max-width: inherit
}

.mega-menu table a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    white-space: nowrap
}

.mega-menu table td {
    padding: 0;
    text-align: center;
    position: static
}

.mega-menu table td.unvisible {
    visibility: hidden;
    opacity: 0
}

.mega-menu table td.dropdown > .wrap {
    position: relative
}

.mega-menu table td:hover > .wrap > .dropdown-menu {
    display: block;
    opacity: 1;
    animation: toggle_opacity .3s
}

.mega-menu table td > .wrap > a .fa {
    vertical-align: middle;
    display: none
}

.mega-menu table td > .wrap > a .fa.fa-angle-down:before {
    font-size: 12px;
    font-weight: 700;
    vertical-align: top;
    display: block
}

.mega-menu table .tail {
    display: none
}

.mega-menu table .dropdown-menu {
    border-radius: 0;
    border: none;
    margin: -1px 0 0;
    top: auto;
    padding: 0;
    text-align: left;
    opacity: 0;
    min-width: 100%
}

.mega-menu table .dropdown-menu li > a {
    color: #222;
    padding: 14px 37px 14px 19px;
    border-top: 1px solid #f0f0f0
}

.mega-menu table .wrap > .dropdown-menu li:first-of-type > a {
    border-top-color: transparent !important
}

.mega-menu table .wrap > .dropdown-menu li:first-of-type > .dropdown-menu {
    top: 0
}

.mega-menu table .wrap > .dropdown-menu li:first-of-type > .dropdown-menu li:first-of-type > a {
    padding-top: 15px !important
}

.mega-menu table .dropdown-submenu, .dropdown-menu li {
    position: relative;
    padding: 0;
    margin-bottom: 0
}

.mega-menu table .dropdown-submenu:before, .dropdown-menu li:before {
    display: none
}

.mega-menu table .dropdown-submenu > a:after {
    display: block;
    font-family: FontAwesome;
    content: "\f105";
    right: 14px;
    position: absolute;
    top: 50%;
    margin: -10px 0 0;
    color: #898989
}

.mega-menu table .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    animation: toggle_opacity .3s
}

.mega-menu table .dropdown-submenu .dropdown-menu {
    top: 1px;
    left: 100%
}

.mega-menu table .dropdown-submenu .dropdown-menu > li:first-of-type > a {
    border-top: none
}

.mega-menu table .dropdown.js-dropdown .fa {
    display: none
}

.mega-menu table .more-items > span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    vertical-align: top;
    padding-right: 21px
}

.mega-menu table td.search-item .wrap > a {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 13px !important;
    padding-bottom: 18px !important
}

.mega-menu table td.search-item .wrap > a .fa {
    font-size: 15px
}

.mega-menu table td .wrap > a {
    border: none;
    font-weight: 700;
    padding: 0 20px;
    position: relative;
    text-transform: none;
    color: #222;
    width: auto;
    vertical-align: middle;
    height: 100px;
    line-height: 98px;
    font-size: 1.067em
}

.menu-row.with-color .mega-menu {
    height: 59px
}

.menu-row.with-color .mega-menu table td .wrap > a {
    height: 59px;
    line-height: 58px;
    color: #fff
}

.mega-menu table td.dropdown .wrap > a i {
    display: inline-block;
    padding-left: 7px;
    opacity: .6
}

.menu-row.with-color .mega-menu table td.active .wrap > a, .menu-row.with-color .mega-menu table td:not(.search-item):hover .wrap > a {
    color: #fff
}

.menu-row.with-color .mega-menu table .dropdown-menu {
    margin-top: 0
}

.menu-row.with-color .mega-menu table .wrap > .dropdown-menu > li:first-of-type:before {
    display: none
}

.logo_and_menu-row .logo-row .menu-row .mega-menu {
    height: 100px
}

.mega-menu table td .wrap > a .line-wrapper {
    position: relative;
    visibility: visible
}

.mega-menu td .wrap > a .line-wrapper .line {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 2px;
    background: #dedede;
    right: 100%;
    opacity: 1;
    -webkit-transition-property: "right";
    transition-property: "right";
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#headerfixed .mega-menu td .wrap > a .line-wrapper .line {
    bottom: -1px
}

.mega-menu table td.active .wrap > a .line-wrapper .line, .mega-menu table td .wrap > a:hover .line-wrapper .line {
    right: 0
}

.mega-menu table td:last-child .wrap > a:after {
    display: none
}

.mega-menu table .dropdown-submenu > a:hover:after {
    color: #fff
}

.mega-menu table .dropdown-submenu .dropdown-menu:after {
    display: none
}

.mega-menu ul.nav .search {
    right: inherit;
    top: inherit;
    width: 100%;
    display: block !important;
    padding: 13px;
    background: none repeat scroll 0 0 #e0e7ec
}

.mega-menu ul.nav .search .search-input-div {
    padding-right: 0
}

.mega-menu ul.nav .search .search-button-div {
    right: 13px;
    top: 13px;
    width: 74px
}

.mega-menu ul.nav .search .search-button-div .btn-search {
    right: 0;
    top: 0
}

.menu-row.with-color.colored_all .wrap_icon .svg > svg > path, .menu-row.with-color.colored_all .wrap_icon:hover .svg > svg > path {
    fill: #fff
}

header.light .menu-row.with-color.colored_all .wrap_icon:hover .svg.inline > svg > path {
    fill: #fff !important
}

.header_opacity .menu-row.with-color.colored_all .right-icons > div:first-of-type .wrap_icon {
    border-radius: 0 3px 3px 0
}

.header_opacity .menu-row.with-color.colored_all .menu-only table td:first-child {
    border-radius: 3px 0 0 3px
}

.header_nopacity.header_fill_colored header.light .menu-row .wrap_icon:hover .svg.inline svg path {
    fill: #fff !important
}

.header_fill_colored header .logo_and_menu-row.full-fill .logo-row .logo svg path, .header_fill_colored header .logo_and_menu-row.full-fill .logo-row .wrap_icon:not(:hover) .svg > svg > path, .header_fill_colored header .logo_and_menu-row.full-fill .mega-menu table td .wrap > .more-items > span svg path {
    fill: #fff
}

.header_fill_colored header > .full-fill .mega-menu table td .wrap > a {
    color: #fff
}

.header_fill_colored header.light > .full-fill .wrap_icon:hover .svg.inline svg path {
    fill: #fff !important
}

header .menu-row.bgdark .menu-only, body.header_nopacity.header_fill_dark.fill_bg_n header .menu-row, body.header_nopacity.header_fill_dark.fill_bg_y.visible_banner header .menu-row > .maxwidth-theme {
    background: #424f60
}

header .menu-row.bgdark .menu-only td:hover, header .menu-row.with-color.bgdark .wrap_icon:hover {
    background-color: #556170
}

body.header_nopacity.fill_bg_y.visible_banner .logo_and_menu-row, body.header_nopacity.fill_bg_y.visible_banner .menu-row {
    background: 0 0
}

body.header_nopacity.fill_bg_y.visible_banner .logo_and_menu-row .maxwidth-theme, body.header_nopacity.fill_bg_y.visible_banner.header_fill_light .menu-row > .maxwidth-theme {
    background: #fff
}

.header_fill_dark header .top-block + .logo_and_menu-row .logo-row, .header_fill_dark header .top-block + .logo_and_menu-row .logo-row .maxwidth-theme {
    background: #424f60
}

.fill_bg_n.header_fill_dark header .logo_and_menu-row.full-fill .logo-row, .header_fill_dark header .logo_and_menu-row.full-fill .logo-row .maxwidth-theme {
    background: #424f60
}

.header_fill_dark header .logo_and_menu-row.full-fill .logo-row .logo svg path, .header_fill_dark header .logo_and_menu-row.full-fill .logo-row .wrap_icon:not(:hover) .svg > svg > path, .header_fill_dark header .logo_and_menu-row.full-fill .mega-menu table td .wrap > .more-items > span svg path {
    fill: #fff
}

.header_fill_dark header > .full-fill .mega-menu table td .wrap > a {
    color: #fff
}

.header_opacity.header_fill_light header.light > .full-fill .wrap_icon:not(:hover) .svg > svg > path {
    fill: #222 !important
}

.header_opacity.header_fill_light header.light > .full-fill .mega-menu table td .wrap > a.more-items:not(:hover) svg path, .header_opacity.header_fill_light header.light > .full-fill .logo svg path.text-path {
    fill: #222 !important
}

.menu-row.bglight .menu-only {
    background: #fff
}

.fill_bg_n.header_fill_light:not(.header_opacity) header .logo-row, .header_fill_light:not(.header_opacity) header .logo-row .maxwidth-theme {
    background: #fff
}

.header_fill_light header .top-block + .logo_and_menu-row .logo-row, .header_fill_light header .top-block + .logo_and_menu-row .logo-row .maxwidth-theme {
    background: #fff
}

.fill_bg_n.header_fill_light header .logo_and_menu-row.full-fill .logo-row, .header_fill_light header .logo_and_menu-row.full-fill .logo-row .maxwidth-theme {
    background: #fff
}

.header_fill_light header.light > .full-fill .more-items:not(:hover) svg path {
    fill: #222 !important
}

.menu-row.with-color.colored_dark .mega-menu table td .wrap > a {
    color: #222
}

.menu-row.with-color.bgnone .mega-menu table td .wrap > a .line-wrapper {
    display: block
}

.menu-row.with-color.bgnone .mega-menu table td .wrap > a .line-wrapper .line {
    bottom: -1px
}

.menu-row.with-color.colored_dark .mega-menu table .wrap > .dropdown-menu > li:first-of-type:before {
    content: "";
    display: block
}

.menu-row.with-color.bgnone .mega-menu table .dropdown-menu {
    margin-top: -1px
}

.menu-row.with-color.bgnone .mega-menu table .dropdown-menu .dropdown-menu {
    margin-top: 0
}

.menu-row .mega-menu table td.dropdown.wide_menu > .wrap {
    position: static
}

body .menu-row.with-color .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li:first-of-type:before, .mega-menu table td.wide_menu .wrap > .dropdown-menu > li:first-of-type:before {
    display: none
}

.menu-row .mega-menu table td.wide_menu:hover > .wrap > .dropdown-menu, .menu-row .mega-menu table td.wide_menu.hover > .wrap > .dropdown-menu {
    display: block;
    width: 100%;
    margin-top: 0;
    border-top: 1px solid #f2f2f2;
    padding: 30px 4px 0;
    left: 0 !important
}

.menu-row .mega-menu table td.wide_menu:hover > .wrap > .dropdown-menu, .menu-row .mega-menu table td.wide_menu.hover > .wrap > .dropdown-menu {
    max-height: 485px;
    overflow: auto
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar {
    width: 8px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar-track {
    border-radius: 8px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #999;
    border: 2px solid #fff
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar-thumb:window-inactive {
    background: #999;
    border: 2px solid #fff
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li, .menu-row .mega-menu .catalog_icons_N table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li.clicked_exp {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu > li, .menu-row .mega-menu .catalog_icons_N table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu > li.clicked_exp {
    display: block
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li a {
    padding-right: 0 !important
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li:not(.has_img) > .dropdown-menu li a {
    font-size: 12px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li a:hover, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li a:focus, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li.active > a {
    color: #222
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li.collapsed:not(.clicked_exp) {
    display: none
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img {
    min-height: 60px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > a, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu {
    padding-left: 82px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img .menu_img {
    display: block;
    width: 60px;
    position: absolute;
    top: 0;
    left: 32px
}

.mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > a {
    font-size: 15px;
    font-weight: 700;
    padding: 0
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li a {
    white-space: normal
}

.mega-menu table td.wide_menu .dropdown-menu li > a {
    border: none
}

.mega-menu table td.wide_menu .dropdown-submenu > a:after {
    display: none
}

.mega-menu table td.wide_menu .dropdown-submenu:hover > .dropdown-menu {
    animation: none
}

.mega-menu table td.wide_menu .wrap > .dropdown-menu li:first-of-type > .dropdown-menu li:first-of-type > a {
    padding-top: 2px !important
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu a {
    padding-top: 4px !important
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu {
    font-size: 0px;
    margin-top: 0;
    border-top: 1px solid #f2f2f2
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 28px 40px
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.count_4 {
    width: 25%
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.count_3 {
    width: 33.33%
}

.menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.count_2 {
    width: 50%
}

.menu-row .mega-menu table td.wide_menu .dropdown-submenu .dropdown-menu {
    display: block;
    position: static;
    opacity: 1;
    box-shadow: none;
    margin-top: -3px
}

.menu-row .mega-menu table td.wide_menu.hover .dropdown-submenu .dropdown-menu {
    display: block !important;
    opacity: 1 !important
}

.mega-menu table td.wide_menu .dropdown-submenu .dropdown-menu > li.collapsed {
    display: none
}

.menu-row .mega-menu table td.wide_menu .dropdown-submenu .dropdown-menu > li > a {
    font-size: 13px;
    padding: 2px 0 !important
}

.menu-row .mega-menu table td.wide_menu .dropdown-submenu .dropdown-submenu .dropdown-menu {
    margin: 0 0 0 20px;
    float: none
}

.menu-row .mega-menu .catalog_icons_N table td.wide_menu .dropdown-submenu .dropdown-submenu .dropdown-menu {
    display: none
}

.mega-menu table td .more_items {
    display: none
}

.mega-menu table td.wide_menu .more_items {
    cursor: pointer;
    position: relative;
    display: inline-block
}

.menu-row .mega-menu table td.wide_menu .more_items {
    padding: 0;
    font-size: 13px
}

.menu-row .mega-menu table td.wide_menu .more_items:not(:hover) {
    color: #666
}

.mega-menu table td.wide_menu .with_dropdown svg path {
    fill: #222 !important
}

.mega-menu table td.dropdown .wrap > a i {
    position: relative;
    top: -1px
}

.header-menu__item--wide .header-menu__wide-right-part .loading-state * {
    opacity: 0
}

.mega-fixed-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    padding: 32px 64px;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    background-color: var(--black_bg_black);
    background-size: cover !important
}

.mega-fixed-menu--dark:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: .6
}

.mega-fixed-menu__row {
    display: flex;
    justify-content: space-between;
    margin: 32px 0
}

.mega-fixed-menu__row .bx-context-toolbar-empty-area {
    width: 100%
}

.mega-fixed-menu__row--overflow {
    overflow: hidden
}

.mega-fixed-menu__row.mega-fixed-menu__main-part {
    margin-top: 0;
    margin-bottom: 0
}

.mega-fixed-menu__close {
    position: absolute;
    top: 21px;
    left: 21px;
    cursor: pointer;
    padding: 20px;
    margin: -20px
}

.mega-fixed-menu__close--right {
    right: 21px;
    left: auto
}

.mega-fixed-menu--dark .mega-fixed-menu__close * {
    stroke: #fff;
    opacity: .7;
    transition: opacity .2s ease-in-out
}

.mega-fixed-menu--dark .mega-fixed-menu__close:hover * {
    stroke: #fff;
    opacity: 1
}

.mega-fixed-menu .header-button .btn-transparent-border, .mega-fixed-menu .header-button .btn-transparent {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.mega-fixed-menu .header-button .btn-transparent-border:hover, .mega-fixed-menu .header-button .btn-transparent:hover {
    color: #fff;
    border-color: #fff;
    border-color: var(--theme-base-color)
}

.mega-fixed-menu *[id^=bx_incl] {
    width: 100%
}

.mega-fixed-menu__row .logo a {
    z-index: 2
}

.mega-fixed-menu__row .header-button {
    z-index: 2;
    position: relative
}

@media (max-width: 1200px) {
    .mega-fixed-menu {
        padding: 16px 32px
    }
}

#mobileheader {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 995
}

#mobileheader.filter-none {
    z-index: 998
}

.mobileheader {
    height: 62px;
    padding: 0 27px 0 20px
}

.mobileheader__inner {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -16px
}

.mobileheader--color-white {
    background-color: #fff;
    background-color: var(--darkerblack_bg_black)
}

.mobileheader--color-dark {
    background-color: #333
}

.mobileheader--color-colored {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.mobileheader--color-grey {
    background-color: #fafafa;
    background-color: var(--light_bg_black)
}

.mobileheader--color-white, .mobileheader--color-grey {
    box-shadow: 0px 1px 0px #e5e5e5;
    box-shadow: 0px 1px 0px var(--stroke_black)
}

body.mfixed_y #mobileheader {
    position: sticky;
    top: 0
}

body.mfixed_y.mfixed_view_scroll_top #mobileheader {
    top: -63px;
    transition: top .3s ease
}

body.mfixed_y.mfixed_view_scroll_top #mobileheader.fixed {
    top: 0
}

.bx-ie body.mfixed_y #mobileheader {
    position: relative;
    top: 0 !important
}

.mobileheader__item {
    margin: 0 16px
}

div[data-ajax-load-block=HEADER_MOBILE_TOGGLE_COMPARE] {
    display: none
}

#main .mobileheader--color-dark .menu-light-icon-fill svg *, #main .mobileheader--color-colored .menu-light-icon-fill svg * {
    fill: #fff
}

#main .mobileheader--color-dark .fill-theme-hover:hover svg *, #main .mobileheader--color-colored .fill-theme-hover:hover svg * {
    opacity: .5
}

#main .header-cabinet__fill-white-link svg .fill-more-theme {
    fill: #fff !important
}

.mobileheader__item--right-icons .burger {
    margin-right: -27px
}

.mobileheader .logo {
    max-width: 135px
}

.mobileheader .line-block__item:not(.hidden) + .logo {
    padding-left: 4px;
    max-width: 123px
}

@media (max-width: 600px) {
    .mobileheader__item--right-icons .line-block {
        margin-right: -10px
    }

    .mobileheader__item--right-icons .line-block > .line-block__item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 340px) {
    .mobileheader__item--right-icons {
        width: 100%
    }

    .mobileheader__item--right-icons .line-block {
        justify-content: space-between;
        margin: 0 -4px 0 -6px
    }

    .mobileheader__item--right-icons .line-block > .line-block__item {
        padding-left: 0;
        padding-right: 0
    }
}

.mobileheader .phones {
    cursor: pointer
}

.mobileheader .phones, .mobileheader .phones__inner {
    position: inherit
}

#mobilephones {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3000;
    background: #fff;
    background: var(--black_bg_black);
    display: none;
    opacity: 1;
    visibility: visible;
    padding: 0;
    cursor: default
}

.mobileheader--color-white #mobilephones, .mobileheader--color-grey #mobilephones {
    top: calc(100% + 1px)
}

.mobileheader .phones__dropdown .dropdown {
    left: 0 !important;
    box-shadow: none;
    display: block;
    padding: 17px 0 23px
}

.mobilephones__menu-item.mobilephones__menu-item--title {
    padding: 18px 23px 18px
}

.mobilephones__menu-item a {
    padding: 10px 23px;
    display: block
}

.mobilephones__menu-item--callback {
    padding: 9px 23px;
    margin: 8px 0 0
}

.mobilephones__close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 24px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.mobileheader .header-cabinet__link.avt .header-cabinet__icon {
    margin-right: 0
}

.mobileheader .header-cart .header-cart__name {
    display: none
}

.mobileheader .basket-dropdown {
    display: none
}

#mobilemenu {
    background: #fff;
    background: var(--black_bg_black);
    position: relative;
    transition: left .4s ease 0s, opacity .4s ease 0s;
    position: fixed;
    z-index: 3002;
    overflow: hidden;
    overflow-y: auto
}

.mobilemenu {
    overflow: hidden
}

.mobilemenu__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    padding: 20px 0 48px
}

body.mmenu_dropdown #mobilemenu {
    top: 62px;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    border-top-color: var(--darkerblack_bg_black);
    opacity: 0;
    visibility: hidden
}

body.mmenu_dropdown #mobilemenu.show {
    opacity: 1;
    visibility: visible
}

body.mmenu_leftside #mobilemenu {
    left: -100%;
    top: 0;
    bottom: 0;
    width: 375px;
    max-width: 100%
}

body.mmenu_leftside #mobilemenu.show {
    left: 0;
    box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, .45)
}

.mobilemenu__item {
    padding: 27px 0 0
}

.mobilemenu__menu > ul {
    padding: 0;
    margin: 0;
    display: block
}

.mobilemenu__menu-dropdown {
    left: 100%;
    top: 0;
    width: 100%;
    border: medium none;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    display: none;
    position: absolute;
    z-index: 5;
    background: #fff;
    background: var(--black_bg_black);
    margin: 0;
    padding: 40px 0
}

.mobilemenu__menu-item--expanded > .mobilemenu__menu-dropdown {
    display: block
}

.mobilemenu__menu-item {
    list-style: none;
    display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    line-height: 0
}

.mobilemenu__menu-item > .link-wrapper {
    position: relative
}

.mobilemenu__menu-item > .link-wrapper a {
    padding: 10px 40px;
    display: block;
    position: relative;
    word-break: break-word
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper a {
    padding: 10px 40px
}

.mobilemenu__menu-item--back {
    margin: 0
}

.mobilemenu__menu-item--back > .link-wrapper {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 40px
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item--back > .link-wrapper a {
    padding: 8px 40px;
    height: 28px
}

.mobilemenu__menu-item--back .arrow-all {
    position: relative;
    top: inherit;
    right: inherit
}

.mobilemenu__menu-item--back a {
    position: relative
}

.mobilemenu__menu-item--back .svg {
    right: inherit;
    left: 0;
    top: 8px
}

.mobilemenu__menu-item--back svg {
    transform: rotate(180deg)
}

.mobilemenu__menu-item--back .arrow-all__item-line {
    left: 0;
    right: calc(100% - 18px);
    transition: right ease .5s
}

.mobilemenu__menu-item--back .arrow-all--wide .arrow-all__item-line {
    left: 0;
    right: calc(100% - 25px);
    top: 13px
}

.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all__item-line {
    left: 0;
    right: calc(100% - 34px)
}

.mobilemenu__menu-item--back .animate-arrow-hover:hover .arrow-all--wide .arrow-all__item-line {
    left: 0;
    right: calc(100% - 42px)
}

.mobilemenu__menu-item--title {
    margin: 27px 0 8px
}

.mobilemenu__menu-item--parent > .link-wrapper a {
    padding-right: 75px !important
}

.mobilemenu .menu-arrow.svg {
    width: 17px;
    height: 17px;
    border-radius: 10px;
    line-height: 13px;
    right: 34px;
    top: 14px
}

.mobilemenu .menu-arrow svg {
    vertical-align: middle
}

.mobilemenu .toggle_block {
    width: 75px
}

.mobilemenu__menu-item--selected {
    position: static
}

.mobilemenu__menu-item--selected > .link-wrapper a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    margin-top: -2px
}

.mobilemenu__menu-item--expanded {
    position: static
}

.mobilemenu .logo {
    margin-top: -18px;
    padding: 0 40px;
    max-width: 262px
}

.mobilemenu__menu--top {
    margin-top: -3px
}

.mobilemenu__menu--top > .mobilemenu__menu-list > .mobilemenu__menu-item > .link-wrapper a {
    padding: 10px 40px 11px
}

.mobilemenu__button {
    padding: 23px 40px 12px;
    margin: 0 0 16px
}

.mobilemenu__button .btn {
    display: block;
    padding: 9px 20px 10px
}

.mobilemenu .phones {
    position: inherit
}

.mobilemenu__menu-item--callback {
    padding: 9px 40px;
    margin: 9px 0 0
}

.mobilemenu__menu-item--with-icon > .link-wrapper a {
    padding-left: 77px !important;
    font-size: 1em;
    line-height: calc(1em + 7px)
}

.mobilemenu__menu .mobilemenu__menu-item-svg {
    position: absolute;
    top: 13px;
    left: 40px
}

.mobilemenu__menu--compare .mobilemenu__menu-item-svg {
    left: 43px
}

.mobilemenu__menu-item--with-icon > .link-wrapper > div > div + div {
    margin-top: -20px
}

.mobilemenu__menu--cart .basket-link .js-basket-block {
    position: absolute
}

.mobilemenu__menu--contacts .address__text, .mobilemenu__menu--contacts .schedule__text {
    padding: 10px 40px 10px 77px;
    max-width: inherit;
    font-size: 1em;
    line-height: calc(1em + 7px)
}

.mobilemenu .social {
    padding: 13px 40px 0
}

.mobilemenu div + div > .social {
    padding-top: 28px
}

.mobilemenu__separator {
    height: 1px;
    background: #e5e5e5;
    background: var(--stroke_black);
    margin: 28px 40px 0
}

.mobilemenu__overlay {
    display: none;
    background: #3a3f44;
    opacity: .7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2999
}

.mobilemenu__close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 31px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

#headerfixed .header-cart .header-cart__name {
    display: none
}

@media not print {
    #headerfixed {
        display: none;
        opacity: 0;
        transition: opacity ease .01s;
        display: none
    }

    #headerfixed.fixed {
        opacity: 1
    }

    .header__inner--shadow-fixed {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, .1)
    }

    header.fixed, #headerfixed.fixed {
        position: fixed;
        margin: 0;
        width: 100%;
        top: 0;
        z-index: 995;
        right: 0;
        left: 0;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    #main #headerfixed .header__inner {
        position: static
    }
}

@media (min-width: 992px) {
    #headerfixed.fixed {
        display: block
    }

    body #headerfixed > .maxwidth-theme > .logo-row {
        padding-left: 16px;
        padding-right: 16px
    }

    body.fill_bg_y.visible_banner #headerfixed {
        background: 0 0;
        box-shadow: none
    }

    body.fill_bg_y.visible_banner #headerfixed > .maxwidth-theme {
        box-shadow: 0 1px 5px rgba(0, 0, 0, .136)
    }

    #headerfixed .header {
        background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness)/80%)
    }

    html:not(.bx-ie) #headerfixed .header__inner {
        background: 0 0
    }
}

.inline-search-block {
    position: absolute;
    right: 0;
    top: -150px;
    width: 100%;
    z-index: 1000;
    transition: all ease .3s;
    background: #fff;
    background: var(--black_bg_black)
}

.inline-search-block.show {
    top: 0
}

.inline-search-block.fixed {
    position: fixed;
    z-index: 2999
}

.inline-search-block--big .search .search-button-div {
    right: -22px
}

.inline-search-block--big .search .btn-search {
    padding: 0 12px
}

.inline-search-block--big .search .search-input {
    color: #666;
    color: var(--light_basic_text_black);
    display: block;
    height: 130px;
    padding: 0 50px 0 0;
    font-size: 28px;
    width: 100%;
    background: #fff;
    background: var(--black_bg_black);
    border: none;
    border-radius: 0;
    line-height: 36px
}

.inline-search-block--big input::-webkit-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big input::-moz-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big input::-ms-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big input::-o-input-placeholder {
    color: #d9d9d9
}

.inline-search-block--big .search .search-button-div {
    position: static;
    display: flex;
    flex-shrink: 0;
    align-items: center
}

.inline-search-block--big form.search {
    display: flex
}

.inline-search-block--big .top-close.inline-search-hide {
    position: static;
    transform: translateX(4px)
}

.search-icon-before {
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0
}

.inline-search-block--cover {
    transition: none;
    display: none
}

.inline-search-block--cover.show {
    bottom: 0;
    display: block
}

.inline-search-block--cover .search-wrapper {
    max-width: 991px;
    margin: 152px auto 0px
}

.inline-search-block--cover .search-title {
    padding-bottom: 37px
}

.inline-search-block--cover .search .search-input {
    height: 48px
}

.inline-search-block--cover .search .search-input:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .015) inset;
    border-color: #999
}

div.title-search-result {
    margin-left: 1px;
    margin-top: -2px;
    display: none;
    overflow: visible;
    z-index: 100;
    padding: 0;
    border: none;
    position: absolute
}

.title-search-input-fixed:not(.title-type-cover) {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0
}

.searche-result {
    background-color: #fff;
    background-color: var(--card_bg_black);
    box-shadow: 0px -1px 0px var(--stroke_black), 0px 20px 20px rgba(0, 0, 0, .1);
    max-height: 350px;
    overflow: auto
}

.searche-result__item {
    display: block;
    padding: 2px 0
}

.searche-result__item:first-of-type {
    padding-top: 22px
}

.searche-result__item-image {
    width: 40px;
    height: 40px;
    margin-right: 16px;
    align-self: start;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background: #fff
}

.searche-result__item-image img {
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.searche-result__inner {
    align-items: center
}

.searche-result__item--find {
    padding: 23px 0 24px
}

@media (max-width: 600px) {
    .inline-search-block--cover .search-wrapper {
        margin-top: 24px
    }

    .inline-search-block--cover .search-title, .inline-search-block.fixed .btn-search {
        display: none
    }

    #title-search-fixed .top-close {
        top: 22px;
        right: 22px
    }

    .inline-search-block.fixed #title-search-fixed .top-close {
        top: 19px
    }

    .inline-search-block--cover #title-search-fixed .top-close {
        top: 25px;
        right: 25px
    }

    .inline-search-block.fixed.inline-search-block--big .search .search-input {
        height: 85px;
        font-size: 1em
    }

    .inline-search-block--big .search .search-input {
        padding-right: 10px
    }
}

.container .page-top-wrapper {
    margin-left: -16px;
    margin-right: -16px
}

body:not(.has-long-banner) .page-top-wrapper--grey {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    margin-bottom: 48px;
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

section.page-top {
    padding: 37px 24px 40px;
    min-height: 56px;
    position: relative
}

.page-top-wrapper--top-breadcrumb section.page-top {
    padding-top: 38px;
    padding-bottom: 36px
}

body:not(.has-long-banner) .page-top-wrapper--grey .page-top-wrapper--top-breadcrumb section.page-top {
    padding-bottom: 52px
}

.title_position_centered section.page-top {
    text-align: center
}

section.page-top.center {
    text-align: center
}

.topic__heading #pagetitle {
    margin: 0;
    padding-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
    vertical-align: middle;
    line-height: calc(1em + 15px)
}

.cowl {
    position: relative;
    margin-bottom: 7px
}

.cowl > div:not(.topic):not(#navigation) {
    margin: 3px -13px 0 19px;
    width: 41px;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: right
}

.cowl .download .title {
    margin: 0 16px 0 10px;
    color: #999
}

body:not(.has-long-banner) .cowl .download:hover .title {
    color: var(--fill_dark_light_hover)
}

.page-top-wrapper--top-breadcrumb .cowl {
    margin-bottom: 11px
}

.page-top-wrapper--top-breadcrumb .cowl > div:not(.topic):not(#navigation) {
    margin-top: 3px
}

.cowl > .topic, .cowl > #navigation {
    text-overflow: ellipsis;
    overflow: hidden
}

.element-count {
    border: 1px solid rgba(153, 153, 153, .35);
    padding: 0 7px 0;
    position: relative;
    top: 4px;
    margin-left: 15px;
    margin-bottom: 6px;
    display: inline-block
}

.block-wo-title section.page-top .cowl {
    margin-bottom: 0
}

.block-wo-title section.page-top {
    padding-top: 24px
}

.block-wo-title section.page-top {
    padding-bottom: 37px
}

.block-wo-title .page-top-wrapper--grey section.page-top {
    padding-bottom: 27px
}

.bottom_nav {
    margin: 0;
    text-align: center
}

.ajax_load_btn {
    text-align: center;
    margin: 20px 0 0;
    cursor: pointer;
    display: inline-block
}

.more_text_ajax {
    color: #333;
    color: var(--fill_dark_light_ccc);
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding: 19px 0 16px 33px
}

body .more_text_ajax:hover {
    color: var(--theme-base-color)
}

.more_text_ajax .svg {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 6px;
    top: 22px
}

.more_text_ajax.loading .svg {
    -webkit-animation: spinner .5s linear infinite !important;
    animation: spinner .5s linear infinite !important;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.more_text_ajax:hover .svg, .ajax_load_btn:hover .more_text_ajax .svg {
    -webkit-animation: spinner .5s ease-out 1;
    animation: spinner .5s ease 1;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.module-pagination {
    margin-top: 32px;
    position: relative
}

.ajax_load_btn + .module-pagination {
    margin-top: 13px
}

.module-pagination__item {
    display: inline-block;
    width: 56px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    color: #333;
    color: var(--white_text_black)
}

module-pagination__item--all {
    width: auto;
    margin: 0 10px
}

.module-pagination .cur:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    bottom: -1px;
    position: absolute;
    width: 100%
}

.arrows-pagination__item {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 92px
}

.arrows-pagination__prev {
    left: 0
}

.arrows-pagination__next {
    right: 0
}

.arrows-pagination__item .arrow-all {
    left: 50%;
    transform: translateX(-50%);
    top: 27px
}

@media (min-width: 601px) {
    .bottom_nav.mobile_slider {
        display: none
    }

    .has-long-banner .page-top .fill-theme-hover .title {
        color: #fff
    }

    .has-long-banner .page-top .fill-theme-hover:hover .title {
        opacity: .5
    }
}

@media (min-width: 769px) {
    .cowl .download {
        width: initial !important
    }
}

@media (max-width: 768px) {
    .cowl .download .title {
        display: none
    }
}

@media (max-width: 600px) {
    #main .bottom_nav.mobile_slider {
        width: auto
    }

    .bottom_nav.mobile_slider .ajax_load_btn {
        padding: 0 !important;
        height: 100%;
        display: block;
        margin: 0;
        border: none;
        width: calc(99px + 16px)
    }

    .bottom_nav.mobile_slider .more_text_ajax {
        height: 100%;
        margin: 0 0 0 1px;
        white-space: normal;
        padding: 26px 15px 0;
        display: flex;
        align-items: center;
        background: 0 0;
        line-height: 16px;
        border: none
    }

    .bottom_nav.mobile_slider .module-pagination {
        display: none
    }

    .bottom_nav.mobile_slider .svg {
        top: calc(50% - 27px);
        left: calc(50% - 10px);
        width: auto;
        height: auto
    }

    .bottom_nav.mobile_slider .svg svg {
        width: 18px;
        height: 18px
    }

    .topic__heading #pagetitle {
        font-size: 2em;
        line-height: calc(1em + 6px)
    }
}

@media (max-width: 450px) {
    .module-pagination__item {
        width: 36px
    }

    .cowl .download {
        display: none
    }
}

.social-icons ul {
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 0
}

.social-icons li, .soc-avt .row a {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    padding: 0;
    margin: 0
}

.social-icons li a:not(:hover) svg path {
    fill: #666
}

.social-icons li:before {
    display: none
}

.social-icons li a, .soc-avt .row a {
    border-radius: 4px;
    display: block;
    width: 39px;
    height: 39px;
    margin: 4px 0 4px 8px;
    overflow: hidden;
    position: relative;
    transition: all .3s ease 0s;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    font-size: 0
}

.soc-avt .row a i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/svg/social.svg) -2px -190px no-repeat
}

.soc-serv-accounts table tr .bx-ss-icons .icon i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/svg/social.svg) -2px -190px no-repeat
}

.social-icons li a:hover, .soc-avt .row a:hover {
    opacity: .8
}

.soc-avt .row a {
    display: inline-block
}

.social__item.social__item--image a {
    background-color: #4f5a6b;
    background: url(../images/svg/social.svg) -5px -193px no-repeat;
    width: 33px;
    height: 33px;
    border-radius: 4px;
    display: block
}

.social__item.social__item--image a:hover {
    opacity: .8;
    transition: opacity .3s ease-in-out
}

.social__item.social__item--image.fb a {
    background-position: -99px -193px
}

.social__item.social__item--image.tw a {
    background-position: -4px -240px
}

.social__item.social__item--image.inst a {
    background-position: -146px -334px
}

.social__item.social__item--image.tel a {
    background-position: -334px -334px
}

.social__item.social__item--image.yt a {
    background-position: -99px -334px
}

.social__item.social__item--image.ok a {
    background-position: -52px -193px
}

.social__item.social__item--image.ml a {
    background-position: -381px -240px
}

.social__item.social__item--image.vi a {
    background-position: -334px -193px
}

.social__item.social__item--image.wh a {
    background-position: -334px -240px
}

.social__item.social__item--image.pt a {
    background-position: -193px -193px
}

.social__item.social__item--image.zen a {
    background-position: -475px -334px
}

.social__item.social__item--image.tt a {
    background-position: -522px -334px
}

.social__item.social__item--image.sc a {
    background-position: -522px -287px
}

.social__item.social__item--image.li a {
    background-position: -99px -287px
}

.social__items--size-large .social__item.social__item--image a {
    width: 39px;
    height: 39px;
    background-position: -2px -190px
}

.social__items--size-large .social__item.social__item--image.fb a {
    background-position: -96px -190px
}

.social__items--size-large .social__item.social__item--image.tw a {
    background-position: -2px -237px
}

.social__items--size-large .social__item.social__item--image.inst a {
    background-position: -143px -331px
}

.social__items--size-large .social__item.social__item--image.tel a {
    background-position: -331px -331px
}

.social__items--size-large .social__item.social__item--image.yt a {
    background-position: -96px -331px
}

.social__items--size-large .social__item.social__item--image.ok a {
    background-position: -49px -190px
}

.social__items--size-large .social__item.social__item--image.ml a {
    background-position: -378px -237px
}

.social__items--size-large .social__item.social__item--image.vi a {
    background-position: -331px -190px
}

.social__items--size-large .social__item.social__item--image.wh a {
    background-position: -331px -237px
}

.social__items--size-large .social__item.social__item--image.pt a {
    background-position: -190px -190px
}

.social__items--size-large .social__item.social__item--image.zen a {
    background-position: -472px -331px
}

.social__items--size-large .social__item.social__item--image.tt a {
    background-position: -519px -331px
}

.social__items--size-large .social__item.social__item--image.sc a {
    background-position: -519px -285px
}

.social__items--size-large .social__item.social__item--image.li a {
    background-position: -96px -284px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image a:not(:hover) {
    background-position-y: -378px;
    opacity: .5
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.fb a:not(:hover) {
    background-position-y: -378px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.tw a:not(:hover) {
    background-position-y: -425px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.inst a:not(:hover) {
    background-position-y: -519px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.tel a:not(:hover) {
    background-position-y: -519px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.yt a:not(:hover) {
    background-position-y: -519px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.ok a:not(:hover) {
    background-position-y: -378px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.ml a:not(:hover) {
    background-position-y: -425px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.vi a:not(:hover) {
    background-position-y: -378px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.wh a:not(:hover) {
    background-position-y: -425px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.pt a:not(:hover) {
    background-position-y: -378px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.zen a:not(:hover) {
    background-position-y: -519px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.tt a:not(:hover) {
    background-position-y: -519px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.sc a:not(:hover) {
    background-position-y: -472px
}

.social-dark .social__items--size-large.social__items--type-icon .social__item.social__item--image.li a:not(:hover) {
    background-position-y: -472px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image a:not(:hover) {
    background-position-y: -566px;
    opacity: .5
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.fb a:not(:hover) {
    background-position-y: -566px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.tw a:not(:hover) {
    background-position-y: -613px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.inst a:not(:hover) {
    background-position-y: -707px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.tel a:not(:hover) {
    background-position-y: -707px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.yt a:not(:hover) {
    background-position-y: -707px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.ok a:not(:hover) {
    background-position-y: -566px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.ml a:not(:hover) {
    background-position-y: -613px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.vi a:not(:hover) {
    background-position-y: -566px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.wh a:not(:hover) {
    background-position-y: -613px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.pt a:not(:hover) {
    background-position-y: -566px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.zen a:not(:hover) {
    background-position-y: -707px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.tt a:not(:hover) {
    background-position-y: -707px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.sc a:not(:hover) {
    background-position-y: -661px
}

.social-light .social__items--size-large.social__items--type-icon .social__item.social__item--image.li a:not(:hover) {
    background-position-y: -661px
}

.social__items.social__items--type-image-bg {
    margin: 0;
    width: 100%
}

.social__items--type-image-bg .social__link {
    display: block;
    width: 100%;
    background-color: #4a76a8;
    border-radius: 4px;
    min-width: 41px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center
}

.social__items--type-image-bg .social__item {
    padding: 0
}

.social__items--type-image-bg .social__link:before {
    content: "";
    width: 21px;
    height: 20px;
    display: block !important;
    position: relative;
    background: url("../images/svg/social.svg") -11px -388px no-repeat
}

.social__items--type-image-bg .mymailru .social__link {
    background-color: #168de2
}

.social__items--type-image-bg .mymailru .social__link:before {
    background-position-x: -152px
}

.social__items--type-image-bg .openid .social__link {
    background-color: #f17d13
}

.social__items--type-image-bg .openid .social__link:before {
    background-position-y: -528px
}

.social__items--type-image-bg .liveinternet .social__link {
    background-color: #f3f3f3
}

.social__items--type-image-bg .liveinternet .social__link:before {
    background-position: -434px -623px
}

.social__items--type-image-bg .blogger .social__link {
    background-color: #ff4500
}

.social__items--type-image-bg .blogger .social__link:before {
    background-position: -59px -482px
}

.social__items--type-image-bg .livejournal .social__link {
    background-color: #00688a
}

.social__items--type-image-bg .livejournal .social__link:before {
    background-position: -152px -434px
}

.social__items--type-image-bg .twitter .social__link {
    background-color: #1da1f2
}

.social__items--type-image-bg .twitter .social__link:before {
    background-position-y: -434px
}

.social__items--type-image-bg .yandex .social__link {
    background-color: #ffdb4c
}

.social__items--type-image-bg .yandex .social__link:before {
    background-position: -575px -434px
}

.social__items--type-image-bg .facebook .social__link {
    background-color: #3b5998
}

.social__items--type-image-bg .facebook .social__link:before {
    background-position-x: -105px
}

.social__items--type-image-bg .office365 .social__link {
    background-color: #ea3c00
}

.social__items--type-image-bg .office365 .social__link:before {
    background-position: -434px -481px
}

.social__items--type-image-bg .odnoklassniki .social__link {
    background-color: #ff9205
}

.social__items--type-image-bg .odnoklassniki .social__link:before {
    background-position-x: -58px
}

.social__items--type-image-bg .dropbox .social__link {
    background-color: #007ee5
}

.social__items--type-image-bg .dropbox .social__link:before {
    background-position: -387px -528px
}

.social__items--type-image-bg .joomla24 .social__link {
    background-color: #3ebdf4
}

.social__items--type-image-bg .joomla24 .social__link:before {
    background-position: -387px -482px
}

.social__items--type-image-bg .liveid .social__link {
    background-color: #46aade
}

.social__items--type-image-bg .liveid .social__link:before {
    background-position: -152px -482px
}

.social__items--type-image-bg .box .social__link {
    background-color: #22a7f0
}

.social__items--type-image-bg .box .social__link:before {
    background-position-x: -434px
}

.social__items--type-image-bg .google .social__link {
    background-color: #f3f3f3
}

.social__items--type-image-bg .google .social__link:before {
    background-position: -575px -482px
}

.social__items--type-image-bg .google-plus .social__link {
    background-color: #db4437
}

.social__items--type-image-bg .google-plus .social__link:before {
    background-position: -58px -528px
}

.social__items--type-image-bg .mailru2 .social__link {
    background-color: #168de2
}

.social__items--type-image-bg .mailru2 .social__link:before {
    background-position: -482px -482px
}

.social__items--type-image-bg .openid-mail-ru .social__link {
    background-color: #ffbc3b
}

.social__items--type-image-bg .openid-mail-ru .social__link:before {
    background-position: -387px -434px
}

.social__item span {
    display: none
}

#main .social .social__items.social__items--grid {
    grid-template-columns:repeat(auto-fit, minmax(60px, 1fr));
    grid-gap: 8px;
    display: grid
}

#bx_auth_servform .form-control {
    margin: 10px 0
}

.soc-avt a i.openid-mail-ru, .soc-serv-accounts table tr .bx-ss-icons .icon i.openid-mail-ru {
    background-position: -472px -284px
}

.soc-avt a i.mailru2, .soc-serv-accounts table tr .bx-ss-icons .icon i.mailru2 {
    background-position: -378px -237px
}

.soc-avt a i.livejournal, .soc-serv-accounts table tr .bx-ss-icons .icon i.livejournal {
    background-position: -143px -237px
}

.soc-avt a i.liveinternet, .soc-serv-accounts table tr .bx-ss-icons .icon i.liveinternet {
    background-position: -425px -237px
}

.soc-avt a i.openid, .soc-serv-accounts table tr .bx-ss-icons .icon i.openid {
    background-position: -2px -331px
}

.soc-avt a i.joomla24, .soc-serv-accounts table tr .bx-ss-icons .icon i.joomla24 {
    background-position: -378px -284px
}

.soc-avt a i.box, .soc-serv-accounts table tr .bx-ss-icons .icon i.box {
    background-position: -425px -190px
}

.soc-avt a i.dropbox, .soc-serv-accounts table tr .bx-ss-icons .icon i.dropbox {
    background-position: -378px -331px
}

.soc-avt a i.google, .soc-serv-accounts table tr .bx-ss-icons .icon i.google {
    background-position: -49px -237px
}

.soc-avt a i.google-plus, .soc-serv-accounts table tr .bx-ss-icons .icon i.google-plus {
    background-position: -49px -331px
}

.soc-avt a i.liveid, .soc-serv-accounts table tr .bx-ss-icons .icon i.liveid {
    background-position: -143px -284px
}

.soc-avt a i.office365, .soc-serv-accounts table tr .bx-ss-icons .icon i.office365 {
    background-position: -426px -284px
}

.soc-avt a i.odnoklassniki, .soc-serv-accounts table tr .bx-ss-icons .icon i.odnoklassniki {
    background-position: -49px -190px
}

.soc-avt a i.yandex, .soc-serv-accounts table tr .bx-ss-icons .icon i.yandex {
    background-position: -97px -237px
}

.soc-avt a i.blogger, .soc-serv-accounts table tr .bx-ss-icons .icon i.blogger {
    background-position: -49px -284px
}

.soc-avt a i.facebook, .soc-serv-accounts table tr .bx-ss-icons .icon i.facebook {
    background-position: -96px -190px
}

.soc-avt a i.twitter, .soc-serv-accounts table tr .bx-ss-icons .icon i.twitter {
    background-position: -2px -237px
}

.soc-avt a i.mymailru, .soc-serv-accounts table tr .bx-ss-icons .icon i.mymailru {
    background-position: -143px -190px
}

.sidebar, .sidearea {
    margin-bottom: 20px
}

.sidearea .nav-list {
    margin-bottom: 32px
}

.sidearea div.banner {
    margin-bottom: 20px
}

.sidearea div.banner img {
    border: 0
}

.slide-block__head:not(.closed) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.slide-block__head.closed .svg-inline-down {
    transform: rotate(180deg)
}

.slide-block__head.closed + .slide-block__body {
    display: none
}

.slide-block__head {
    padding: 17px 23px 18px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-weight: 700;
    margin-bottom: -1px
}

.slide-block__head .svg-inline-down {
    position: absolute;
    right: 15px;
    top: 27px;
    transition: transform .2s;
    width: 20px;
    height: 20px;
    margin: -10px 0 0;
    text-align: center;
    border-radius: 3px;
    line-height: 16px
}

.slide-block__head.active-filter .svg.svg-inline-down:before {
    display: none
}

.slide-block__head .svg-inline-down svg {
    display: inline-block
}

.slide-block__head:not(.closed) + .slide-block__body .bordered {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.side-menu {
    overflow: hidden
}

.side-menu li {
    padding: 0;
    margin-bottom: 0
}

.side-menu .link-wrapper {
    display: block;
    position: relative
}

.side-menu li a {
    position: relative;
    display: block
}

#main .side-menu li:before {
    display: none
}

.side-menu > li:not(:first-of-type) {
    border-top: 1px solid #e5e5e5;
    border-top: 1px solid var(--stroke_black)
}

.side-menu > li .top-level-link {
    padding: 17px 47px 16px 23px
}

.side-menu > li .top-level-link:hover, .side-menu > li .top-level-link:focus {
    background-color: transparent
}

.side-menu__link-text {
    margin-right: 5px
}

.side-menu__link-count {
    background: #f0f0f0;
    background: var(--darkerblack_bg_black);
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    padding: 1px 6px 2px;
    color: #333;
    color: var(--white_text_black);
    font-weight: 400
}

.menu-arrow.svg {
    position: absolute;
    right: 18px;
    top: 21px;
    width: 15px;
    height: 14px;
    text-align: center;
    line-height: 8px;
    border-radius: 3px;
    margin: 0
}

.menu-arrow.svg svg {
    display: inline-block
}

.submenu .menu-arrow.svg {
    top: 6px
}

.active > .menu-arrow-wrapper > .menu-arrow {
    transform: rotate(180deg)
}

.bg-theme-parent-hover:hover .svg-inline-down path {
    fill: #fff
}

.side-menu .submenu > li.child .sublink--child {
    padding-right: 47px
}

.side-menu li.active .link--active {
    font-weight: 700
}

.toggle_block {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 50px;
    height: 100%;
    bottom: 0;
    cursor: pointer
}

.side-menu .submenu-wrapper {
    padding: 0 0 15px 22px;
    display: none;
    user-select: none
}

.side-menu .submenu {
    padding: 0;
    list-style: none
}

.side-menu .submenu .submenu-wrapper {
    padding: 0 0 0 11px;
    margin-top: -1px
}

.side-menu .submenu .submenu {
    padding: 7px 0 9px;
    margin: 0;
    border: none
}

.side-menu .submenu > li {
    margin-bottom: 0
}

.side-menu .submenu > li:last-child {
    margin: 0
}

.side-menu .submenu > li:last-child .submenu {
    padding-bottom: 0
}

.side-menu .submenu > li a {
    text-decoration: none;
    padding: 3px 22px 3px 0
}

.sidebar.dropdown-menu {
    border-radius: 0;
    border: none;
    margin: -1px 0 0;
    top: auto;
    padding: 0;
    text-align: left;
    opacity: 0;
    display: none;
    right: auto;
    left: auto;
    width: 200px;
    background: #fff !important
}

.sidebar.dropdown-menu .side-menu > li > a {
    padding: 15px 17px
}

.side-menu > li.opened.child .top-level-link {
    padding-bottom: 10px
}

.side-menu li.opened.child > .link-wrapper .menu-arrow.svg {
    transform: rotate(180deg)
}

.link-with-flag:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 24px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: #9e9e9e;
    z-index: 2;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 0 50% 50% 0/0 50% 50% 0;
    width: 3px
}

.opened .link-with-flag:before {
    opacity: 1
}

.side-menu li.opened.child > .submenu-wrapper {
    display: block
}

.link-with-flag > svg path {
    stroke: var(--fill_dark_light)
}

.link-with-flag:hover > svg path {
    stroke: var(--fill_dark_light_hover)
}

.header-menu {
    flex: 1
}

.header-menu__wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100px
}

.header-menu--centered .header-menu__wrapper {
    justify-content: center
}

.header-menu.header-menu--left .header-menu__wrapper {
    justify-content: left
}

.header-menu__item {
    margin: 0 28px;
    position: relative;
    height: 100px;
    display: flex;
    align-items: center
}

.header-menu--80 .header-menu__item {
    margin: 0 40px
}

.header-menu--64 .header-menu__item {
    margin: 0 32px
}

.header-menu--32 .header-menu__item {
    margin: 0 16px
}

.header-menu .header-menu__item--first {
    margin-left: 0
}

.header-menu .header-menu__item--last {
    margin-right: 0
}

.header-menu--height_61 .header-menu__item, .header-menu--height_61 .header-menu__wrapper {
    height: 61px
}

.header-menu--height_66 .header-menu__item, .header-menu--height_66 .header-menu__wrapper {
    height: 66px
}

.header-menu--height_81 .header-menu__item, .header-menu--height_81 .header-menu__wrapper {
    height: 81px
}

.header-menu--height_91 .header-menu__item, .header-menu--height_91 .header-menu__wrapper {
    height: 91px
}

.header-menu__item--more-items {
    display: none;
    opacity: 0;
    margin-right: 0;
    cursor: pointer
}

.header-menu__item--more-items:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__item {
    height: auto
}

.header-menu__item--more-items .header-menu__title {
    font-weight: 400
}

.header-menu__item--more-items .header-menu__item > .header-menu__link .header-menu__wide-submenu-right-arrow {
    display: block
}

#main .header-menu__item--more-items .header-menu__link {
    color: #333;
    color: var(--white_text_black);
    opacity: 1
}

.header-menu__item--more-items .header-menu__dropdown-menu-inner {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu {
    padding: 17px 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu {
    position: absolute;
    right: 100%;
    left: auto;
    top: -51px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu.dropdown {
    top: -17px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu .dropdown {
    right: 100%;
    left: auto
}

#main .header-menu__item--more-items li {
    padding: 7px 28px;
    margin: 0
}

.header-menu__item--more-items .dropdown-submenu:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__title {
    font-size: 1em;
    line-height: 1.429em;
    font-weight: 700
}

.header-menu__item > .header-menu__link .header-menu__wide-submenu-right-arrow {
    display: none
}

body.menu_lowercase_n .header-menu__title {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: .08em
}

body.menu_lowercase_n .header-menu__dropdown-menu .header-menu__title {
    text-transform: none;
    font-size: 1em;
    line-height: calc(1em + 7px);
    letter-spacing: 0em
}

.header-menu__link {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.header-menu__dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    transition-delay: .2s
}

.header-menu__dropdown-menu.dropdown {
    min-width: 240px
}

.header-menu__item--more-items > .header-menu__dropdown-menu.dropdown {
    left: -30px
}

.header-menu__dropdown-menu > .dropdown {
    min-width: 240px;
    padding: 17px 0;
    left: -29px
}

.header-menu__dropdown-item {
    padding: 7px 28px;
    white-space: nowrap;
    margin: 0
}

.header-menu__dropdown-item.active > a {
    font-weight: 700
}

.header-menu__dropdown-item > a {
    display: block;
    word-break: break-word;
    max-width: 100%;
    white-space: normal;
    position: relative
}

.header-menu__arrow {
    margin-left: 7px;
    color: #333
}

.header-menu__dropdown-item--with-dropdown:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__dropdown-item--with-dropdown > a {
    padding-right: 7px
}

.header-menu__dropdown-menu--submenu, .header-menu__dropdown-menu--submenu.dropdown {
    position: absolute;
    left: 100%;
    top: -17px;
    width: 100%
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu {
    width: auto
}

.header-menu__dropdown-menu--submenu > .dropdown {
    left: 0
}

.header-menu__dropdown-menu--submenu.dropdown {
    z-index: 2
}

.header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu {
    z-index: 2
}

.header-menu__dropdown-menu.header-menu__dropdown-menu--submenu .header-menu__dropdown-item--with-dropdown .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu {
    padding: 17px 0
}

.svg.header-menu__dropdown-right-arrow {
    position: absolute;
    top: calc(1em - 4px);
    transform: translateY(-50%);
    right: 0
}

.header-menu__item--dropdown:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__dropdown-menu-inner {
    margin-bottom: 0
}

.header--narrow:not(.header--offset) .header-menu__item--wide > .header-menu__dropdown-menu {
    left: 50%;
    right: auto;
    width: 100vw;
    transform: translateX(-50%)
}

.header-menu__wide-limiter {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px
}

.header--narrow .header-menu__wide-limiter {
    padding-left: 0;
    padding-right: 0
}

.header-menu__wide-right-part {
    width: 300px
}

.header-menu__wide-right-part + .header-menu__dropdown-menu--grids {
    width: calc(100% - 340px)
}

@media (max-width: 1500px) {
    .header-menu--bottom-1500 {
        position: absolute;
        top: calc(100% + 1px);
        left: -32px;
        right: -32px;
        border-bottom: 1px solid #e5e5e5
    }

    .header--offset .header-menu--bottom-1500 {
        left: 0;
        right: 0
    }

    .header--narrow.header--offset .header-menu--bottom-1500 {
        border-bottom: none;
        box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
        border-radius: 0 0 4px 4px
    }

    .header-menu--bottom-1500.header-menu--color_dark {
        background-color: #333
    }

    .header-menu--bottom-1500.header-menu--color_light {
        background-color: #fff
    }

    .header-menu--bottom-1500.header-menu--color_gray {
        background-color: #fafafa
    }
}

@media (max-width: 1200px) {
    .header-menu--bottom-1200 {
        position: absolute;
        top: 100%;
        left: -32px;
        right: -32px;
        border-bottom: 1px solid #e5e5e5
    }

    .header-menu--color_dark.header-menu--bottom-1200 {
        border-bottom: 1px solid #00000012
    }

    .header-menu--color_colored.header-menu--bottom-1200 {
        border-bottom: 1px solid #ffffff1a
    }

    .header--offset .header-menu--bottom-1200 {
        left: 8px;
        right: 8px
    }

    .header--narrow.header--offset .header-menu--bottom-1200 {
        left: 32px;
        right: 32px
    }

    .header--offset:not(.header--narrow) .header-menu--bottom-1200 {
        left: -24px;
        right: -24px
    }

    .header--offset .header-menu--bottom-1200 {
        border-bottom: none;
        border-top: 1px solid #e5e5e5;
        box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
        border-radius: 0 0 4px 4px
    }

    .header--offset .header-menu--color_dark.header-menu--bottom-1200 {
        border-top: 1px solid #00000012
    }

    .header--offset .header-menu--color_colored.header-menu--bottom-1200 {
        border-top: 1px solid #ffffff1a
    }

    .header-menu--bottom-1200.header-menu--color_dark {
        background-color: #333
    }

    .header-menu--bottom-1200.header-menu--color_light {
        background-color: #fff
    }

    .header-menu--bottom-1200.header-menu--color_gray {
        background-color: #fafafa
    }
}

.side_banners__item {
    overflow: hidden
}

.side_banners__item-img {
    width: 100%;
    height: 200px;
    background-size: cover !important;
    border-radius: 4px;
    margin-bottom: 18px
}

.side_banners__item-date {
    color: #999;
    margin-top: 12px
}

.header-menu__item--wide {
    position: static
}

.header-menu__item--wide > .header-menu__dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 1px;
    border-radius: 0;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
    max-height: 520px
}

.header-menu__item--wide > .header-menu__dropdown-menu.maxwidth-theme {
    box-shadow: none
}

.header-menu__item--wide > .header-menu__dropdown-menu.maxwidth-theme > div {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);
    background: #fff;
    background: var(--card_bg_black)
}

@media (max-height: 800px) {
    .header-menu__item--wide:hover > .header-menu__dropdown-menu {
        max-height: calc(80vh - 100px)
    }
}

.header-menu__item--wide .header-menu__dropdown-menu > .dropdown {
    padding: 0;
    left: 0
}

.header-menu__dropdown-menu--grids {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 40px;
    width: 100%
}

html.bx-ie .header-menu__dropdown-menu--grids {
    display: flex;
    flex-wrap: wrap
}

html.bx-ie .header-menu__item--wide .header-menu__dropdown-item {
    padding: 40px;
    width: 25%
}

@media (max-width: 1200px) {
    html.bx-ie .header-menu__item--wide .header-menu__dropdown-item {
        padding: 24px;
        width: 33%
    }
}

.header-menu__item--wide .header-menu__dropdown-item {
    padding: 0;
    display: flex;
    flex-direction: column
}

.header-menu__item--wide .header-menu__dropdown-item--img-LEFT {
    flex-direction: row
}

.header-menu__wide-submenu-item--more_items {
    padding-left: 0;
    margin: 3px 0 0;
    cursor: pointer
}

.header-menu__wide-submenu-item--more_items .with_dropdown {
    position: relative
}

.header-menu__wide-submenu-item--more_items .with_dropdown svg {
    position: absolute;
    top: 2px;
    right: 0;
    margin: auto;
    bottom: 0;
    transform: rotate(90deg)
}

.header-menu__wide-submenu-item--more_items.opened svg {
    transform: rotate(-90deg)
}

.header-menu__wide-item-wrapper {
    overflow: hidden;
    white-space: normal
}

.header-menu__dropdown-item--centered {
    align-items: center
}

.header-menu__dropdown-item--centered.header-menu__dropdown-item--img-TOP {
    justify-content: center
}

.header-menu__dropdown-item--centered .header-menu__dropdown-item-img--TOP {
    justify-content: center
}

.header-menu__dropdown-item--img-LEFT .header-menu__wide-item-wrapper {
    margin-top: -4px
}

.header-menu__dropdown-item-img {
    width: 90px;
    height: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.header-menu__dropdown-item-img--LEFT {
    margin-right: 24px;
    flex-shrink: 0
}

.header-menu__dropdown-item-img--TOP {
    margin-bottom: 18px;
    width: auto;
    justify-content: flex-start
}

.header-menu__dropdown-item-img .svg svg {
    max-height: 40px;
    max-width: 40px
}

.header-menu__dropdown-item-img-inner {
    position: relative;
    width: auto;
    height: 60px;
    border-radius: 4px;
    overflow: hidden
}

.header-menu__wide-submenu {
    padding-top: 7px
}

.header-menu__wide-submenu .header-menu__wide-submenu {
    margin-left: 12px;
    padding-bottom: 6px;
    padding-top: 5px
}

.header-menu__wide-submenu-item {
    padding: 3px 0;
    margin: 0;
    line-height: calc(1em + 5px)
}

.header-menu__wide-submenu .header-menu__wide-submenu-item {
    padding: 2px 0 5px
}

.header-menu__wide-submenu-item.active > .header-menu__wide-submenu-item-inner > a > .header-menu__wide-submenu-item-name {
    font-weight: 700;
    color: #333;
    color: var(--white_text_black)
}

.header-menu__wide-submenu-item-inner .toggle_block {
    right: 25px;
    top: -13px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    position: relative
}

.header-menu__wide-submenu-right-arrow.menu-arrow {
    top: 5px !important;
    right: 6px !important
}

.header-menu__wide-submenu-item-inner .toggle_block:hover .menu-arrow, .header-menu__wide-submenu-item--more_items:hover .menu-arrow, .header-menu-side__wide-submenu-item--more_items:hover .menu-arrow {
    background-color: #9e9e9e;
    background-color: var(--theme-base-opacity-color)
}

.header-menu__wide-submenu-item-inner.opened .menu-arrow.svg {
    transform: rotate(180deg)
}

.header-menu__wide-submenu-item-inner {
    display: inline;
    position: relative
}

.header-menu__wide-item-description {
    color: #666;
    margin-top: 3px
}

.header-menu__wide-submenu--delimiter .header-menu__wide-submenu-item {
    display: inline
}

.header-menu__wide-submenu--delimiter {
    line-height: 0
}

.header-menu__wide-submenu-item-separator {
    color: #999
}

.header-menu__wide-submenu--delimiter .header-menu__wide-submenu-item:not(.active) .header-menu__wide-submenu-item-inner > a:not(:hover) {
    color: #666
}

.header-menu__wide-submenu--delimiter .header-menu__wide-submenu-right-arrow {
    display: none
}

.header-menu__item--wide > .header-menu__dropdown-menu {
    padding-top: 0
}

.detail .small-gallery-block .flex-control-nav {
    display: block;
    bottom: -36px
}

.detail .small-gallery-block .slides li {
    text-align: center
}

.detail .galery .flexslider.top-bigs {
    overflow: hidden
}

.detail .galery .flexslider.top-bigs .slides > li {
    max-height: 400px;
    opacity: 0;
    line-height: 397px;
    height: 400px
}

.detail .galery .flexslider.top-bigs.flexslider-init .slides > li {
    opacity: 1
}

.flexslider .flex-direction-nav {
    display: none
}

body .flex-control-nav li {
    margin: 0 3px
}

body .flex-control-paging li a {
    width: 7px;
    height: 7px
}

.detail .galery .flexslider.top-bigs .flex-control-nav {
    display: none
}

.detail .galery .top-small-wrapper {
    position: absolute;
    top: 0;
    left: 40px;
    width: 52px;
    height: 400px
}

.detail .galery .top-small-wrapper .flexslider {
    margin: 0;
    top: 92px
}

.detail .galery .top-small-wrapper .slides {
    width: 100% !important
}

.detail .galery .top-small-wrapper .slides li {
    height: 52px;
    float: none !important;
    width: 100% !important;
    margin-bottom: 10px;
    border: 2px solid #fff;
    display: block
}

.detail .galery .top-small-wrapper .slides li:last-of-type {
    margin-bottom: 0
}

.detail .galery .top-small-wrapper .slides li:not(.flex-active-slide) {
    cursor: pointer
}

.detail .galery .top-bigs + .top-small-wrapper .flex-viewport {
    height: 238px
}

.detail .galery .top-small-wrapper .bx-controls-direction a {
    font-size: 0px;
    width: 15px;
    height: 15px;
    left: 19px;
    right: auto;
    position: absolute
}

.detail .galery .top-small-wrapper .bx-controls-direction a:not(.flex-disabled) {
    opacity: .7;
    visibility: visible
}

.detail .galery .top-small-wrapper .bx-controls-direction a.disabled {
    display: none
}

.detail .galery .top-small-wrapper .bx-controls-direction a.bx-prev {
    top: -31px
}

.detail .galery .top-small-wrapper .bx-controls-direction a:hover {
    opacity: 1
}

.detail .galery .top-small-wrapper .bx-controls-direction a.bx-next {
    bottom: -33px;
    top: auto
}

.detail .galery .top-small-wrapper .bx-controls-direction a.bx-prev {
    background: url(../images/svg/Arrow_up_sm.svg) 1px 3px no-repeat
}

.detail .galery .top-small-wrapper .bx-controls-direction a.bx-next {
    background: url(../images/svg/Arrow_down_sm.svg) 1px 3px no-repeat
}

.catalog.detail .ext_view .head .row.galery {
    padding: 40px 0
}

.catalog.detail .galery .inner {
    max-height: none;
    padding: 0 20px 0 40px
}

.catalog.detail .galery #carousel.flexslider {
    margin-top: 29px !important;
    margin-bottom: 0 !important
}

.detail .ext_view .galery .top-small-wrapper {
    height: 600px;
    top: 0
}

.detail .ext_view.vertical .galery .top-small-wrapper {
    height: 500px
}

.detail .ext_view.sm .galery .top-small-wrapper {
    height: 450px
}

.detail .ext_view .galery .flexslider.top-bigs .slides > li {
    height: 600px;
    max-height: 600px;
    line-height: 597px
}

.detail .ext_view.vertical .galery .flexslider.top-bigs .slides > li {
    height: 500px;
    max-height: 500px;
    line-height: 497px
}

.detail .ext_view.sm .galery .flexslider.top-bigs .slides > li {
    height: 450px;
    max-height: 450px;
    line-height: 447px
}

.detail .galery .top-small-wrapper .top-small-wrapper2 {
    position: relative;
    top: 50%
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_4v {
    margin-top: -140px
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_4 {
    margin-top: -119px
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_3v {
    margin-top: -122px
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_3 {
    margin-top: -88px
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_2v {
    margin-top: -90px
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_2 {
    margin-top: -57px
}

.detail .galery .top-small-wrapper .top-small-wrapper2.s_1v {
    margin-top: -43px
}

.detail .galery .top-small-wrapper .flexslider {
    top: 0
}

.detail .ext_row .right_wrapper_block {
    margin: 17px 0 0 18px
}

.detail .ext_view + .tizers + .row .right_wrapper_block {
    margin-top: 40px
}

.detail .ext_row .right_wrapper_block .ask_a_question {
    float: none;
    margin: 0;
    width: auto
}

.detail .galery .top-small-wrapper .popup_video a {
    font-size: 12px;
    color: #222;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    position: relative;
    padding: 21px 0 0;
    text-align: center
}

.detail .galery .top-small-wrapper .popup_video.fromtop a {
    padding-top: 40px
}

.detail .galery .top-small-wrapper .popup_video a:before {
    content: "";
    position: relative;
    background: url(../images/svg/allcorp3.svg) -18px -131px no-repeat;
    width: 14px;
    height: 23px;
    display: block;
    margin: auto
}

.detail .galery {
    margin-right: 0;
    margin-left: 0
}

.detail .galery .inner {
    border: 1px solid #f2f2f2;
    max-height: 673px;
    overflow: hidden;
    padding: 50px 62px;
    position: relative
}

.detail .galery .inner .stickers {
    top: -10px;
    left: 28px
}

.detail .galery .item {
    padding: 0;
    text-align: center;
    position: relative
}

.detail .galery .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.detail .galery .item:hover span.zoom {
    opacity: 1
}

.detail .galery .flexslider.top-bigs {
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    background: 0 0
}

.detail .galery .flexslider.s_1 {
    margin-left: 0
}

.detail .galery .flexslider .flex-viewport, .detail .galery .items {
    height: 100%
}

.detail .gallery-block .flexslider .slides > li {
    max-height: none;
    padding: 0;
    margin: 0
}

.detail .gallery-block .small-gallery ul.items li {
    width: 60px !important;
    border: 2px solid transparent;
    position: relative
}

.detail .gallery-block .small-gallery ul.items li:hover {
    cursor: pointer
}

.detail .gallery-block .bigs.flexslider {
    margin-bottom: 81px;
    box-shadow: 0px 0px 0px 1px #f2f2f2 inset;
    padding: 1px
}

.detail .gallery-block .bigs.flexslider .slides .item {
    border: none;
    text-align: center
}

.detail .gallery-block .bigs.flexslider .slides .item a {
    display: inline
}

.detail .gallery-block .bigs .item img {
    width: auto;
    max-height: 100%
}

.detail .gallery-block .small-gallery.flexslider {
    border: 0 none;
    box-shadow: none;
    z-index: 1;
    display: inline-block;
    text-align: center;
    margin: 0 auto 0px !important;
    padding: 0 58px;
    max-width: 815px
}

.detail .gallery-block .small-gallery-wrapper {
    text-align: center;
    padding: 15px 0 20px;
    font-size: 0px;
    line-height: 0
}

.detail h5 + .gallery-block .small-gallery-wrapper {
    padding-top: 0
}

.detail h5 + .gallery-block .bigs.flexslider {
    margin-bottom: 49px
}

.detail .galery #carousel .flex-direction-nav a {
    color: rgba(0, 0, 0, 0);
    height: 20px;
    margin-top: -10px;
    opacity: 1;
    text-shadow: none;
    width: 30px
}

.detail .galery #carousel .flex-direction-nav .flex-prev {
    left: 0
}

.detail .galery #carousel .flex-direction-nav .flex-next {
    right: 0
}

.detail .galery #carousel .flex-direction-nav .flex-prev:before {
    content: "\f104"
}

.detail .galery #carousel .flex-direction-nav .flex-next:before {
    content: "\f105";
    left: 18px
}

.detail .galery #carousel .flex-direction-nav a:before {
    color: #778285;
    font-family: FontAwesome;
    font-size: 29px;
    left: 2px;
    position: absolute;
    top: -4px
}

.detail .galery #carousel.flexslider {
    border: 0 none;
    box-shadow: none;
    z-index: 1;
    max-width: 391px;
    width: 100%;
    text-align: center;
    margin: 19px auto -22px !important;
    padding: 0 30px
}

.detail .galery #carousel .slides li {
    text-align: center;
    border: 1px solid transparent;
    height: 77px;
    line-height: 75px;
    margin-right: 7.5px;
    overflow: hidden;
    width: 77px !important;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.detail .galery #carousel .slides li:hover {
    border-color: #d7dee3
}

.detail .galery #carousel .slides li.flex-active-slide {
    opacity: .6
}

.detail .galery .popup_video.mobile {
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
    height: 48px;
    line-height: 46px;
    font-size: .85em
}

.detail .galery .popup_video.mobile a {
    color: #222;
    font-weight: 600;
    text-transform: uppercase
}

.detail .galery .popup_video.mobile a:before {
    content: "";
    position: relative;
    background: url(../images/svg/allcorp3.svg) -18px -131px no-repeat;
    width: 14px;
    height: 23px;
    display: block;
    margin: auto;
    display: inline-block;
    margin: 0 12px 0 0;
    vertical-align: middle
}

.zomm_wrapper-block {
    position: relative
}

.zomm_wrapper-block:hover .flex-direction-nav a:not(.flex-disabled) {
    opacity: 1 !important
}

.detail {
    position: relative
}

.detail img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

#main .detail-maxwidth {
    margin-left: auto;
    margin-right: auto
}

html.bx-ie #main .detail-maxwidth {
    flex-basis: auto
}

.right_block.narrow_N .detail-maxwidth {
    max-width: 1156px
}

body .ordered-block {
    margin: 2.89rem 0;
    position: relative
}

.ordered-block:first-of-type {
    margin-top: 0;
    clear: both
}

.ordered-block:last-of-type {
    margin-bottom: 0
}

.ordered-block__title {
    margin: 0 0 25px;
    color: #333;
    color: var(--white_text_black)
}

.detail-image {
    text-align: center;
    margin-bottom: 41px;
    padding: 0
}

.detail-image img {
    margin-left: auto;
    margin-right: auto
}

.detail-image--left {
    float: left;
    margin-right: 40px;
    max-width: 400px
}

.detail-image--right {
    float: right;
    margin-left: 40px;
    max-width: 400px
}

.detail-image--top, .detail-image--top_content {
    margin-bottom: 48px
}

.detail-image--top img {
    border-radius: 0
}

.detail-image--top_on_head {
    margin: 0
}

.detail-image--top_on_head:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .4);
    position: absolute
}

.detail-image--top_on_head .detail-image__fon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width: 601px) {
    .has-long-banner .page-top-info {
        padding-top: 42%;
        margin-bottom: 48px;
        position: relative;
        min-height: 320px
    }

    .has-long-banner .page-top-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 3;
        bottom: 0
    }

    .has-long-banner .topic h1 {
        color: #fff;
        border-color: #fff
    }

    .has-long-banner .breadcrumbs__item-name {
        color: #fff
    }

    .has-long-banner .breadcrumbs__link:hover .breadcrumbs__item-name {
        opacity: .5;
        color: #fff
    }

    .has-long-banner .page-top .fill-theme-hover path {
        fill: #fff
    }

    .has-long-banner .page-top .stroke-theme-hover path {
        stroke: #fff
    }

    .has-long-banner .page-top .fill-theme-hover:hover path, .has-long-banner .page-top .stroke-theme-hover:hover path {
        opacity: .5
    }
}

@media (max-width: 600px) {
    .detail-image--top_on_head {
        display: none
    }
}

.banners-big--detail {
    margin-bottom: 64px;
    overflow: hidden
}

.banners-big--paddings-32 {
    padding: 32px
}

.banners-big--padding-top-0 {
    padding-top: 0
}

.banners-big .maxwidth-banner .maxwidth-theme {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banners-big .maxwidth-banner {
    position: relative;
    display: flex;
    padding: 0 !important
}

.banners-big__wrapper {
    position: relative;
    width: 100%
}

body.header_opacity.header_padding-160 .banners-big__item {
    padding-top: 160px
}

body .banners-big .owl-carousel, body .banners-big .main-slider {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    display: block
}

.banners-big .owl-carousel .owl-item, .banners-big .main-slider .main-slider__item {
    overflow: hidden
}

body .banners-big.banners-big--side-banners .owl-carousel .owl-item, body .banners-big.banners-big--img-square .owl-carousel .owl-item {
    overflow: hidden
}

.banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .owl-carousel {
    margin-right: -32px;
    width: calc(100% + 32px)
}

.banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .owl-stage-outer {
    margin-left: -32px;
    padding-left: 32px
}

.banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .owl-nav .owl-next {
    right: 32px
}

.banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .main-slider {
    --swiper-mr: 32px;
    margin-left: -32px;
    margin-left: calc(var(--swiper-mr) - 2 * var(--swiper-mr));
    width: calc(100% + 2 * var(--swiper-mr));
    padding-left: var(--swiper-mr)
}

.banners-big--multi-slide .owl-item, .banners-big--multi-slide .main-slider__item {
    width: 618px !important
}

@media (max-width: 1500px) {
    .banners-big--multi-slide .owl-item, .banners-big--multi-slide .main-slider__item {
        width: 460px !important
    }
}

@media (max-width: 1200px) {
    .banners-big--multi-slide .owl-item, .banners-big--multi-slide .main-slider__item {
        width: 435px !important
    }
}

.main-slider__item, .banners-big__item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.banners-big__inner {
    height: 100%;
    display: flex;
    align-items: flex-end
}

.banners-big--multi-slide .banners-big__inner {
    position: static
}

.banners-big__inner > .row {
    width: calc(100% + 32px)
}

.banners-big__text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2
}

.banners-big--img-square .banners-big__text {
    background-color: var(--card_bg_black)
}

.banners-big--img-square .banners-big__top-text, .banners-big--img-square .banners-tizers__top-text, .banners-big--img-square .banners-big__title, .banners-big--img-square .banners-big__title h1, .banners-tizers__name {
    color: var(--white_text_black)
}

.banners-big__text--wide {
    width: 100%
}

.banners-big__text--center {
    align-items: center;
    text-align: center
}

.banners-big__inner--righttext .banners-big__text {
    order: 1
}

.banners-big__inner--padding-left-narrow {
    padding-left: 48px
}

.banners-big__img-wrapper {
    width: 50%;
    position: relative;
    background-position: center;
    background-size: cover
}

.banners-big__img-wrapper--back-right {
    width: 50%;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0
}

.banners-big__img-wrapper--back-center {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0
}

.banners-big__item .banners-big__img-wrapper .banners-big__img {
    width: auto;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.banners-big__item .banners-big__img-wrapper .banners-big__img--center {
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.banners-big__item .banners-big__img-wrapper--back-center .banners-big__img {
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.banners-big__item .banners-big__inner--righttext .banners-big__img-wrapper:not(.banners-big__img-wrapper--back-center) .banners-big__img {
    left: auto;
    right: 0
}

.banners-big__item--opacity:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, .3)
}

.banners-big__item--light.banners-big__item--opacity:before {
    background: rgba(0, 0, 0, .3)
}

.banners-big__item--opacity-bottom:before {
    content: "";
    position: absolute;
    top: 50.04%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.banners-big__item--light.banners-big__item--opacity-bottom:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%)
}

.banners-big__item--opacity-bottom:after {
    top: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    background: rgba(255, 255, 255, .5);
    transition: opacity .2s ease-in-out
}

.banners-big__item--opacity-bottom:hover:after {
    opacity: 1
}

.banners-big__item--opacity-bottom:hover:before {
    opacity: 0
}

.banners-big__item--light.banners-big__item--opacity-bottom:after {
    background: rgba(0, 0, 0, .5)
}

.banners-big__item--opacity-bottom .banners-big__text-wrapper, .banners-big__item--opacity-bottom .banners-big__buttons {
    display: none
}

.banners-big__item--opacity-bottom:hover .banners-big__text-wrapper, .banners-big__item--opacity-bottom:hover .banners-big__buttons {
    display: flex
}

.banners-big__item--opacity-bottom .banners-big__text {
    transition: all .2s ease-in-out;
    transform: translateY(10px)
}

.banners-big__item--opacity-bottom:hover .banners-big__text {
    transform: translateY(0px)
}

.banners-big__top-text {
    font-size: .933em;
    line-height: 1.429em;
    opacity: .5;
    margin-bottom: 9px
}

.banners-big__top-text--small {
    text-transform: none;
    letter-spacing: normal;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 7px
}

.banners-big__title {
    font-weight: 700;
    margin: 0
}

.banners-big__text--center .banners-big__title {
    margin-left: 0
}

.banners-big__title--large {
    font-size: 80px;
    line-height: 90px
}

.banners-big__title--middle {
    font-size: 56px;
    line-height: 66px
}

.banners-big__title--small, .banners-big__title h1 {
    font-size: 42px;
    line-height: 52px
}

.banners-big__title h1 {
    margin: 0
}

.banners-big__title--xs {
    font-size: 36px;
    line-height: 46px
}

.banners-big__title--xxs {
    font-size: 30px;
    line-height: 40px
}

.banners-big__text--wide .banners-big__title {
    width: 80%
}

.banners-big__text--padding-left-wide {
    padding-left: 88px
}

.banners-big__text-wrapper {
    display: flex;
    flex-direction: column
}

.banners-big__text--wide.banners-big__text--center .banners-big__text-wrapper {
    width: 70%
}

.banners-big__text-block {
    font-size: 1.2em;
    line-height: 28px;
    margin-top: 20px
}

.banners-big__text-block--small {
    font-size: 15px;
    line-height: 25px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.banners-big__text-block--margin-top-more {
    margin-top: 28px
}

.banners-big__text--bottom {
    position: absolute;
    height: auto;
    width: auto;
    bottom: 66px;
    left: 56px;
    right: 56px
}

.banners-big__text--padding-right {
    padding-right: 100px
}

.banners-big--nothigh.banners-big--multi-slide .banners-big__text--bottom {
    left: 36px;
    right: 36px;
    bottom: 66px;
    width: auto
}

.banners-big__text-wrapper--row {
    flex-direction: row;
    align-items: center;
    margin-left: -64px;
    margin-right: -64px;
    margin-top: 24px
}

.banners-big__text-wrapper--row .banners-big__text-block {
    width: 50%;
    margin-top: 4px;
    margin-left: 64px;
    margin-right: 64px
}

.banners-big__text-wrapper--row .banners-big__tizers {
    width: 50%;
    margin-top: 0;
    margin-left: 64px;
    margin-right: 64px;
    margin-bottom: 2px
}

.banners-big__top-text, .banners-tizers__top-text, .banners-big__title, .banners-big__title h1, .banners-tizers__name {
    color: #333
}

.banners-big__text-block, .banners-tizers__desc-text {
    color: #666
}

.banners-big__item--light .banners-big__top-text, .banners-big__item--light .banners-big__title, .banners-big__item--light .banners-big__title h1, .banners-big__item--light .banners-tizers__name, .banners-big__item--light .banners-big__text-block, .banners-big__item--light .banners-tizers__desc-text, .banners-big__item--light .banners-tizers__top-text {
    color: #fff
}

.banners-big__item--light .banners-tizers__icon * {
    fill: #fff
}

@media (max-width: 767px) {
    .banners-big__item--light-767 .banners-big__top-text, .banners-big__item--light-767 .banners-big__title, .banners-big__item--light-767 .banners-big__title h1, .banners-big__item--light-767 .banners-tizers__name, .banners-big__item--light-767 .banners-big__text-block, .banners-big__item--light-767 .banners-tizers__desc-text, .banners-big__item--light-767 .banners-tizers__top-text {
        color: #fff
    }

    .banners-big__item--light-767 .banners-tizers__icon * {
        fill: #fff
    }

    .banners-big__item--opacity-767:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(255, 255, 255, .3)
    }

    .banners-big__item--light-767.banners-big__item--opacity-767:before {
        background: rgba(0, 0, 0, .3)
    }
}

.banners-big__tizers {
    margin-top: 24px;
    margin-bottom: 2px
}

.banners-big__text-wrapper--row .banners-big__tizers--icons {
    margin-top: 10px
}

.banners-tizers__top-text {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 5px
}

.banners-tizers__desc-text {
    margin-top: 1px
}

.banners-tizers__top-icon {
    margin-bottom: 11px;
    height: 40px
}

.banners-tizers__top-icon svg {
    height: 40px;
    text-align: left
}

.banners-tizers__image {
    display: inline-block;
    width: 40px;
    height: 40px
}

.banners-big__buttons {
    margin: 30px -10px -10px;
    display: flex;
    flex-wrap: wrap
}

.banners-big:not(.banners-big--img-square) .banners-big__item .banners-big__buttons .btn.btn-white {
    border-color: #fff
}

.banners-big .banners-big__item .banners-big__buttons .btn.btn-white:hover {
    border-color: transparent
}

.banners-big--nothigh.banners-big--multi-slide .banners-big__buttons {
    flex-wrap: nowrap
}

.banners-big__buttons--small {
    margin-top: 23px
}

.banners-big__buttons-item {
    margin: 10px
}

.banners-big__buttons .btn {
    padding: 17px 26px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.banners-big__buttons .btn-video {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 56px;
    padding: 0
}

.banners-big__buttons .btn-video.with-text {
    padding: 17px 26px;
    width: auto
}

.banners-big__buttons .btn-video.with-text .svg {
    padding-right: 15px
}

.banners-big .subscribe-edit__form {
    display: flex
}

.banners-big .subscribe-edit__text {
    height: 56px;
    padding: 6px 21px;
    font-size: inherit;
    max-width: 288px;
    width: auto
}

.banners-big .subscribe-edit__btn {
    margin-left: -4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: static
}

.banners-big .subscribe-edit__btn.btn {
    font-size: 1.06667em;
    line-height: calc(1em + 2px)
}

.owl-carousel--button-bottom-right .owl-nav div[class*=swiper-button] {
    position: static
}

.owl-carousel--button-bottom-right .owl-nav .swiper-button-prev {
    margin-right: 8px
}

.banners-big--side-banners {
    display: flex
}

.banners-big--side-banners .maxwidth-banner {
    position: relative;
    width: 100%
}

.banners-big--side-banners .banners-big__wrapper {
    width: 75%
}

.banners-big__side-items {
    width: 25%
}

.banners-big__side-items--right {
    order: 1
}

.banners-big__side-item {
    position: relative
}

.banners-big__side-item:before {
    content: "";
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
    z-index: 1;
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.banners-big__side-item--light:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%)
}

.banners-big__side-item:after {
    top: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    background: rgba(255, 255, 255, .5);
    transition: opacity .2s ease-in-out
}

.banners-big__side-item--light:after {
    background: rgba(0, 0, 0, .5)
}

.banners-big__side-item:hover:after {
    opacity: 1
}

.banners-big__side-item:hover:before {
    opacity: 0
}

.banners-big__side-item--height-50 {
    height: 50%
}

.banners-big__side-item-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.banners-big__side-item-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2
}

.banners-big__side-item-text-wrapper {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 32px;
    z-index: 2
}

.banners-big__side-item-top-text {
    font-size: 15px;
    line-height: 22px;
    color: #333;
    opacity: .7
}

.banners-big__side-item--light .banners-big__side-item-top-text {
    color: #fff
}

.banners-big__side-item-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #333
}

.banners-big__side-item--light .banners-big__side-item-title {
    color: #fff
}

body.header_opacity .banner.TOP_UNDERHEADER {
    display: none !important
}

.banners-big__adaptive-block {
    display: none
}

.only_img--video {
    height: 100%;
    width: 100%
}

.only_img--video .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background: 0 0;
    z-index: 8;
    cursor: pointer
}

.only_img--video .play:after {
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%
}

.only_img--video .play:before {
    border: 14px solid transparent;
    border-left: 25px solid #fff;
    z-index: 2;
    margin: -14px 0 0 -9px
}

.only_img--video .play:after, .only_img--video .play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .3s
}

.only_img--video .play:hover:after, .only_img--video .play:hover:before {
    transform: scale(1.2)
}

.banners-big__item--img-with-video .wrapper_video {
    z-index: 2
}

.banners-big .banners-big__item--video-half.banners-big__item--img-with-video .wrapper_video {
    width: 100%
}

@media (max-width: 767px) {
    .only_img--video .play:after {
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px
    }
}

.banners-big__depend-height {
    height: 786px
}

@media (max-width: 1450px) {
    .banners-big__depend-height {
        height: 656px
    }
}

@media (min-width: 768px) {
    .banners-big--paddings-32 .banners-big__depend-height {
        height: calc(786px - 64px)
    }

    .banners-big--paddings-32.banners-big--padding-top-0 .banners-big__depend-height {
        height: calc(786px - 32px)
    }

    .banners-big--high .banners-big__text-wrapper--row {
        margin-top: 21px
    }

    .banners-big--high .banners-big__text-wrapper:not(.banners-big__text-wrapper--row) .banners-big__tizers--icons {
        margin-top: 34px
    }
}

@media (min-width: 768px) and (max-width: 1450px) {
    .banners-big--paddings-32 .banners-big__depend-height {
        height: calc(656px - 64px)
    }

    .banners-big--paddings-32.banners-big--padding-top-0 .banners-big__depend-height {
        height: calc(656px - 32px)
    }
}

@media (min-width: 1451px) {
    body.header_opacity.header_padding-91 .banners-big__depend-padding {
        height: calc(786px + 91px)
    }

    body.header_opacity.header_padding-100 .banners-big__depend-padding {
        height: calc(786px + 100px)
    }

    body.header_opacity.header_padding-122 .banners-big__depend-padding {
        height: calc(786px + 122px)
    }

    body.header_opacity.header_padding-132 .banners-big__depend-padding {
        height: calc(786px + 132px)
    }

    body.header_opacity.header_padding-146 .banners-big__depend-padding {
        height: calc(786px + 146px)
    }

    body.header_opacity.header_padding-150 .banners-big__depend-padding {
        height: calc(786px + 151px)
    }

    body.header_opacity.header_padding-154 .banners-big__depend-padding {
        height: calc(786px + 154px)
    }

    body.header_opacity.header_padding-160 .banners-big__depend-padding {
        height: calc(786px + 160px)
    }

    body.header_opacity.header_padding-164 .banners-big__depend-padding {
        height: calc(786px + 164px)
    }
}

@media (min-width: 992px) and (max-width: 1450px) {
    body.header_opacity.header_padding-91 .banners-big__depend-padding {
        height: calc(656px + 91px)
    }

    body.header_opacity.header_padding-100 .banners-big__depend-padding {
        height: calc(656px + 100px)
    }

    body.header_opacity.header_padding-122 .banners-big__depend-padding {
        height: calc(656px + 122px)
    }

    body.header_opacity.header_padding-132 .banners-big__depend-padding {
        height: calc(656px + 132px)
    }

    body.header_opacity.header_padding-146 .banners-big__depend-padding {
        height: calc(656px + 146px)
    }

    body.header_opacity.header_padding-150 .banners-big__depend-padding {
        height: calc(656px + 151px)
    }

    body.header_opacity.header_padding-154 .banners-big__depend-padding {
        height: calc(656px + 154px)
    }

    body.header_opacity.header_padding-160 .banners-big__depend-padding {
        height: calc(656px + 160px)
    }

    body.header_opacity.header_padding-164 .banners-big__depend-padding {
        height: calc(656px + 164px)
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    body.header_opacity.header_padding-152-1200 .banners-big__depend-padding {
        height: calc(786px + 152px)
    }
}

.banners-big--normal .banners-big__depend-height {
    height: 580px
}

@media (min-width: 768px) {
    .banners-big--normal.banners-big--paddings-32.banners-big--padding-top-0 .banners-big__depend-height {
        height: calc(580px - 32px)
    }

    .banners-big--normal .banners-big__text-wrapper--row {
        margin-top: 16px
    }

    .banners-big--normal .banners-big__buttons {
        margin-top: 22px
    }

    .banners-big--normal .banners-big__text-wrapper:not(.banners-big__text-wrapper--row) .banners-big__tizers {
        margin-top: 18px
    }

    .banners-big--normal .banners-big__text-wrapper:not(.banners-big__text-wrapper--row) .banners-big__tizers.banners-big__tizers--icons {
        margin-top: 28px
    }
}

@media (min-width: 992px) {
    body.header_opacity.header_padding-91 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 91px)
    }

    body.header_opacity.header_padding-100 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 100px)
    }

    body.header_opacity.header_padding-122 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 122px)
    }

    body.header_opacity.header_padding-132 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 132px)
    }

    body.header_opacity.header_padding-146 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 146px)
    }

    body.header_opacity.header_padding-150 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 150px)
    }

    body.header_opacity.header_padding-154 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 154px)
    }

    body.header_opacity.header_padding-160 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 160px)
    }

    body.header_opacity.header_padding-164 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 164px)
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    body.header_opacity.header_padding-152-1200 .banners-big--normal .banners-big__depend-padding {
        height: calc(580px + 152px)
    }
}

.banners-big--low .banners-big__depend-height {
    height: 450px
}

.banners-big--low .banners-big__title--middle {
    font-size: 50px;
    line-height: 60px
}

@media (min-width: 768px) {
    .banners-big--low.banners-big--paddings-32.banners-big--padding-top-0 .banners-big__depend-height {
        height: calc(450px - 32px)
    }

    .banners-big--low .banners-big__text-block {
        font-size: inherit;
        line-height: inherit
    }

    .banners-big--low .banners-big__text-wrapper--row {
        margin-top: 12px
    }

    .banners-big--low .banners-big__buttons {
        margin-top: 18px
    }

    .banners-big--low .banners-big__text-wrapper:not(.banners-big__text-wrapper--row) .banners-big__tizers {
        margin-top: 14px
    }

    .banners-big--low .banners-big__text-wrapper:not(.banners-big__text-wrapper--row) .banners-big__tizers.banners-big__tizers--icons {
        margin-top: 24px
    }
}

@media (min-width: 992px) {
    body.header_opacity.header_padding-91 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 91px)
    }

    body.header_opacity.header_padding-100 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 100px)
    }

    body.header_opacity.header_padding-122 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 122px)
    }

    body.header_opacity.header_padding-132 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 132px)
    }

    body.header_opacity.header_padding-146 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 146px)
    }

    body.header_opacity.header_padding-150 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 150px)
    }

    body.header_opacity.header_padding-154 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 154px)
    }

    body.header_opacity.header_padding-160 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 160px)
    }

    body.header_opacity.header_padding-164 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 164px)
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    body.header_opacity.header_padding-152-1200 .banners-big--low .banners-big__depend-padding {
        height: calc(450px + 152px)
    }
}

.banners-big--multi-slide .banners-big__depend-height {
    height: auto !important
}

.banners-big--multi-slide .banners-big__item {
    padding-top: 125%
}

.banners-big--multi-slide.banners-big--nothigh .banners-big__item {
    padding-top: 94%
}

.banners-big--multi-slide.banners-big--nothigh.banners-big--low .banners-big__item {
    padding-top: 73%
}

.banners-big .owl-carousel__dots {
    max-width: 600px
}

body .owl-carousel__dots.owl-carousel__dots--line {
    width: 100px
}

.owl-carousel__dots.owl-carousel__dots--line.owl-carousel__dots--bottom-32 {
    bottom: 32px
}

.owl-carousel__dots.owl-carousel__dots--line.owl-carousel__dots--center {
    left: 50%
}

body .owl-carousel__dots--line .pagination-bullet-active {
    border-radius: 8px;
    background-color: #fff !important
}

body .owl-carousel--light > .owl-carousel__dots--line {
    background: rgba(255, 255, 255, .349)
}

body .owl-carousel__dots.owl-carousel__dots--bottom-56 {
    bottom: 75px;
    z-index: 2
}

body .owl-carousel__dots.owl-carousel__dots--right {
    left: auto;
    width: auto
}

@media (max-width: 1300px) {
    .banners-big--side-banners .banners-big__title--small, .banners-big--side-banners .banners-big__title h1 {
        font-size: 32px;
        line-height: 42px
    }

    .banners-big--side-banners .banners-big__inner--padding-left-wide {
        padding-left: 48px
    }

    .banners-big--side-banners .banners-big__buttons {
        margin-top: 26px
    }

    .banners-big--side-banners .banners-big__buttons .btn {
        padding: 12px 20px;
        font-size: 14px;
        line-height: 18px
    }

    .banners-big--side-banners .banners-big__buttons .btn-video {
        height: 44px;
        width: 44px
    }

    .banners-big__buttons--small .btn {
        padding: 12px 20px;
        font-size: 14px;
        line-height: 18px
    }

    .banners-big__buttons--small .banners-big__buttons .btn-video {
        height: 44px;
        width: 44px
    }
}

@media (max-width: 1200px) {
    .banners-big__title--large {
        font-size: 56px;
        line-height: 66px
    }

    .banners-big__title--middle {
        font-size: 46px;
        line-height: 56px
    }

    .banners-big__title--small, .banners-big__title h1 {
        font-size: 32px;
        line-height: 42px
    }

    .banners-big__title--xs {
        font-size: 26px;
        line-height: 36px
    }

    .banners-big__text-wrapper--row {
        flex-direction: column;
        align-items: flex-start
    }

    .banners-big__text-wrapper--row .banners-big__text-block {
        width: 80%
    }

    .banners-big__text-wrapper--row .banners-big__tizers {
        width: 80%;
        margin-top: 25px
    }

    .banners-big__text--wide .banners-big__title {
        width: 100%
    }

    .banners-big__text-block {
        font-size: 15px;
        line-height: 25px
    }

    .banners-tizers__desc-text--large {
        font-size: .86667em;
        line-height: calc(1em + 7px)
    }

    .banners-big__text--padding-left-wide {
        padding-left: 48px
    }

    .banners-big__text--padding-right {
        padding-right: 48px
    }

    .banners-big__buttons {
        margin-top: 26px
    }

    .banners-big__buttons .btn {
        padding: 12px 20px;
        font-size: 14px;
        line-height: 18px
    }

    .banners-big__buttons .btn-video {
        height: 44px;
        width: 44px
    }

    .banners-big__buttons .btn-video.with-text {
        padding: 12px 20px
    }

    .banners-big--side-banners .banners-big__img-wrapper {
        width: 50%;
        position: absolute;
        right: 0
    }

    .banners-big--side-banners .banners-big__text {
        width: 100%
    }

    .banners-big--side-banners .banners-big__text-wrapper, .banners-big--side-banners .banners-big__title {
        width: 80%
    }

    .banners-big--paddings-32 {
        padding: 24px
    }

    .banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .owl-carousel {
        margin-right: -24px;
        width: calc(100% + 24px)
    }

    .banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .owl-stage-outer {
        margin-left: -24px;
        padding-left: 24px
    }

    .banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .owl-nav .owl-next {
        right: 24px
    }

    .banners-big--multi-slide.banners-big--paddings-32:not(.banners-big--narrow) .main-slider {
        --swiper-mr: 24px
    }

    .banners-big__side-item-text-wrapper {
        left: 24px;
        right: 24px;
        bottom: 24px
    }

    .banners-big .subscribe-edit__btn.btn, .banners-big .subscribe-edit__text {
        font-size: 14px;
        line-height: 16px
    }

    .banners-big .subscribe-edit__text {
        height: 44px
    }
}

@media (max-width: 991px) {
    .banners-big .maxwidth-theme {
        padding-left: 32px;
        padding-right: 32px
    }

    .banners-big__top-text {
        display: none
    }

    .banners-big__tizers {
        display: none
    }

    .banners-big .maxwidth-banner {
        flex-direction: column
    }

    .banners-big--side-banners .banners-big__wrapper {
        width: 100%
    }

    .banners-big__side-items {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .banners-big__side-item {
        width: 50%;
        padding-top: 35%
    }

    .banners-big__text--padding-right {
        padding-right: 24px
    }

    .banners-big__text--padding-left-wide {
        padding-left: 24px
    }

    .banners-big--img-square .banners-big__title, .banners-big--img-square .banners-big__title h1 {
        font-size: 26px;
        line-height: 36px;
        margin-left: 0
    }

    .banners-big__text-block--margin-top-more {
        margin-top: 20px
    }
}

@media (min-width: 768px) {
    .banners-big--paddings-32:not(.banners-big--multi-slide) .maxwidth-banner {
        border-radius: 4px;
        overflow: hidden
    }
}

@media (max-width: 767px) {
    .banners-big--paddings-32 {
        padding: 0
    }

    .banners-big__text-wrapper--row {
        margin: 0
    }

    .banners-big--multi-slide .owl-item, .banners-big--multi-slide .main-slider__item {
        width: 370px !important
    }

    .banners-big--multi-slide .banners-big__item--opacity-bottom:hover .banners-big__text-wrapper {
        display: none
    }

    .banners-big__buttons {
        justify-content: center
    }

    .banners-big__buttons {
        margin: 20px -7px -7px
    }

    .banners-big__buttons-item {
        margin: 7px
    }

    .banners-big--adaptive-1 .banners-big__depend-height {
        height: 500px
    }

    .banners-big--adaptive-3 .banners-big__depend-height {
        height: 100%
    }

    .banners-big--adaptive-1:not(.banners-big--multi-slide) .banners-big__inner, .banners-big--adaptive-3 .banners-big__inner {
        position: relative
    }

    .banners-big--adaptive-1 .banners-big__img-wrapper {
        display: none
    }

    .banners-big--adaptive-1.banners-big--multi-slide .banners-big__img-wrapper {
        display: block
    }

    .banners-big--adaptive-1 .banners-big__text, .banners-big--adaptive-3 .banners-big__text {
        width: 100%;
        align-items: center;
        text-align: center;
        padding: 0
    }

    .banners-big--adaptive-1 .banners-big__title, .banners-big--adaptive-1 .banners-big__title h1, .banners-big--adaptive-3 .banners-big__title, .banners-big--adaptive-3 .banners-big__title h1 {
        font-size: 30px;
        line-height: 40px;
        width: 100%
    }

    .banners-big--adaptive-1 .banners-big__text-block {
        width: 100%;
        margin: 10px 0 0
    }

    .banners-big--adaptive-1 .banners-big__text--bottom {
        left: 0;
        right: 0;
        width: auto
    }

    .banners-big--adaptive-1 .banners-big__title--xs {
        font-size: 20px;
        line-height: 30px
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom .banners-big__buttons {
        display: flex
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom:after {
        opacity: 1
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom:before {
        opacity: 0
    }

    .banners-big--adaptive-1 .banners-big__item--opacity-bottom .banners-big__text {
        transform: translateY(10px)
    }

    .banners-big--adaptive-1 .banners-big__img-wrapper--square {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%
    }

    .banners-big--adaptive-1 .banners-big__img-wrapper--square .banners-big__img {
        display: none
    }

    .banners-big--adaptive-1 .banners-big__inner--paddings-24-767 {
        padding-left: 24px;
        padding-right: 24px
    }

    .banners-big--adaptive-2 .banners-big__item {
        position: relative
    }

    .banners-big--adaptive-2 .banners-big__depend-height {
        height: 300px
    }

    .banners-big--adaptive-2.banners-big .owl-carousel, .banners-big--adaptive-2.banners-big .main-slider {
        height: auto;
        background-color: #fff;
        background-color: var(--card_bg_black)
    }

    .banners-big--adaptive-2 .banners-big__adaptive-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 19px 24px 24px
    }

    .banners-big--adaptive-2 .banners-big__text {
        display: none
    }

    .banners-big--adaptive-2 .banners-big__img-wrapper {
        width: 100%;
        position: relative;
        justify-content: center;
        align-items: flex-end;
        display: flex
    }

    .banners-big--adaptive-2 .banners-big__item .banners-big__img-wrapper .banners-big__img {
        position: relative;
        left: 0;
        transform: none
    }

    .banners-big--adaptive-2 .banners-big__text-wrapper {
        justify-content: center;
        align-items: center
    }

    .banners-big--adaptive-2 .banners-big__text-block {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
        font-size: 14px;
        line-height: 24px
    }

    .banners-big--adaptive-2 .banners-big__title, .banners-big--adaptive-2 .banners-big__title h1 {
        font-size: 23px;
        line-height: 33px;
        max-width: 580px;
        color: var(--white_text_black)
    }

    .banners-big--adaptive-2 .banners-big__buttons {
        margin-top: 10px
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg {
        background-color: #fff;
        color: #9e9e9e !important;
        color: var(--theme-base-color) !important;
        border-color: #9e9e9e;
        border-color: var(--theme-base-color)
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg * {
        fill: #9e9e9e !important;
        fill: var(--theme-base-color) !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color);
        color: #fff !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover * {
        fill: #fff !important
    }

    .banners-big--adaptive-2 .owl-carousel__dots {
        top: 260px;
        bottom: auto !important
    }

    .banners-big--adaptive-3 .banners-big__adaptive-img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: 3
    }

    .banners-big--adaptive-3 .banners-big__item {
        padding-top: 68%;
        height: 0
    }

    .banners-big--adaptive-3 .banners-big__item .pos-static {
        opacity: 0
    }

    body .banners-big .main-slider .owl-carousel__dots {
        bottom: 24px;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }

    body .banners-big .owl-carousel ~ .owl-carousel__dots:not(.owl-carousel__dots--line), body .banners-big .main-slider ~ .owl-carousel__dots:not(.owl-carousel__dots--line) {
        left: 24px;
        right: 24px;
        transform: none;
        justify-content: center;
        max-width: 100%
    }

    .banners-big .owl-carousel__dots:not(.owl-carousel__dots--line) .owl-carousel__dot {
        width: 12px;
        height: 12px;
        margin: 2px
    }
}

@media (max-width: 600px) {
    .banners-big .maxwidth-theme {
        padding-left: 16px;
        padding-right: 16px
    }

    .banners-big__buttons {
        margin: 16px -5px -5px
    }

    .banners-big__buttons-item {
        margin: 5px
    }

    .banners-big__buttons .btn {
        padding: 9px 13px;
        font-size: 13px;
        line-height: 17px
    }

    .banners-big__buttons .btn-video {
        height: 37px;
        width: 37px
    }

    .banners-big__buttons .btn-video.with-text {
        padding: 9px 13px
    }

    .banners-big--adaptive-1 .banners-big__depend-height {
        height: 400px
    }

    .banners-big--adaptive-1 .banners-big__title, .banners-big--adaptive-1 .banners-big__title h1, .banners-big--adaptive-3 .banners-big__title, .banners-big--adaptive-3 .banners-big__title h1 {
        font-size: 20px;
        line-height: 30px
    }

    .banners-big--adaptive-1 .banners-big__text-wrapper--row {
        margin: 0
    }

    .banners-big--adaptive-1 .banners-big__text-block {
        font-size: 14px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .banners-big--multi-slide .owl-item, .banners-big--multi-slide .main-slider__item {
        width: 300px !important
    }

    .banners-big__side-item:before {
        top: 30%
    }

    .banners-big__side-item {
        padding-top: 50%
    }

    .banners-big--adaptive-2 .banners-big__depend-height {
        height: 200px
    }

    .banners-big--adaptive-2 .owl-carousel__dots {
        top: 174px
    }

    .banners-big--adaptive-2 .banners-big__adaptive-block {
        padding: 13px 16px 16px
    }

    .banners-big--adaptive-2 .banners-big__title, .banners-big--adaptive-2 .banners-big__title h1 {
        font-size: 18px;
        line-height: 28px
    }

    .banners-big--adaptive-2 .banners-big__text-block {
        font-size: 13px;
        line-height: 23px
    }

    .banners-big .subscribe-edit__text {
        width: 100%;
        height: 37px
    }

    .banners-big.hidden_narrow {
        display: none
    }
}

@media (max-width: 500px) {
    .banners-big__side-item {
        width: 100%
    }
}

.vvideo.started .banners-big__inner {
    position: relative;
    z-index: 1
}

body .banners-big .loading.vvideo {
    background-image: none !important
}

.banners-big .wrapper_video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.banners-big .wrapper_video iframe, .banners-big .wrapper_video object, .banners-big .wrapper_video video {
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vvideo.started .banners-big__item .banners-big__img-wrapper, .vvideo.loading .banners-big__item .banners-big__img-wrapper {
    opacity: 0;
    visibility: hidden
}

.vvideo.started.loading .banners-big__item .banners-big__buttons-item--video, .vvideo.started.loading .banners-big__adaptive-block .banners-big__buttons-item--video {
    display: none
}

.vvideo.started .banners-big__item.banners-big__item--opacity:before, .vvideo.started .banners-big__item.banners-big__item--opacity-767:before {
    content: none
}

.banners-big--multi-slide .banners-big__item .banners-big__img-wrapper {
    overflow: hidden
}

.banners-big--multi-slide .banners-big__item .banners-big__img {
    max-width: inherit
}

@media (min-width: 768px) {
    .banners-big .banners-big__item--video-half .wrapper_video {
        width: 50%;
        left: auto
    }
}

@media (max-width: 767px) {
    .banners-big--adaptive-3 .vvideo.started {
        opacity: 1 !important;
        height: auto;
        position: relative;
        z-index: 4
    }

    body .banners-big--adaptive-3 .started.vvideo iframe, body .banners-big--adaptive-3 .started.vvideo object, body .banners-big--adaptive-3 .started.vvideo video {
        opacity: 1
    }

    .banners-big--adaptive-3 .vvideo.started .wrapper_video {
        z-index: 4
    }
}

body.fill_bg_y.visible_banner header .line-row {
    margin: auto
}

body.fill_bg_y.visible_banner .maxwidth-theme {
    background: #fff
}

body.fill_bg_y.visible_banner .top-block {
    background: 0 0;
    padding: 0
}

body.fill_bg_y.visible_banner.header_fill_light header .top-block + .logo_and_menu-row .logo-row, body.fill_bg_y.visible_banner.header_fill_dark header .top-block + .logo_and_menu-row .logo-row {
    background: 0 0
}

body.fill_bg_y.visible_banner.header_fill_none.header_opacity header .top-block + .logo_and_menu-row .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner header {
    background: 0 0
}

body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row {
    border-bottom-width: 0
}

body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row > .logo-row > .maxwidth-theme {
    border-bottom: 1px solid #f5f5f5
}

body.fill_bg_y.visible_banner .greyline .maxwidth-theme {
    background: #f9f9fa
}

body.fill_bg_y.visible_banner .maxwidth-banner {
    background: #fff
}

body.fill_bg_y.visible_banner .maxwidth-banner .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner > .body > .main {
    background: #fff;
    z-index: 1;
    position: relative;
    margin: auto
}

body.fill_bg_y.visible_banner .company-block .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner header .menu-row.bgcolored {
    background: 0 0
}

body.fill_bg_y.visible_banner .page-top-wrapper.grey {
    background: 0 0
}

body.fill_bg_y.visible_banner .page-top-wrapper.grey > .maxwidth-theme, body.fill_bg_y.visible_banner .tabs_ajax .body-block .maxwidth-theme {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner.title-v4 .page-top-wrapper .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner .contacts.contacts-page-map-overlay.maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner .contacts-page-map + .contacts.contacts-page-overmap .contacts-wrapper {
    box-shadow: 0px -16px 15px 0px rgba(0, 0, 0, .22);
    margin: -70px -32px 0
}

body.fill_bg_y.visible_banner .banner.TOP_HEADER, body.fill_bg_y.visible_banner .banner.TOP_UNDERHEADER {
    margin-left: auto;
    margin-right: auto
}

body.fill_bg_y.visible_banner .contacts-page-top {
    padding-top: 0
}

body.fill_bg_y.visible_banner .contacts-page-top > .maxwidth-theme {
    padding-top: 35px
}

body.fill_bg_y.visible_banner .contacts-page-map {
    background: #fff
}

body.fill_bg_y.visible_banner .basket_order .maxwidth-theme {
    background: 0 0
}

body.fill_bg_y.visible_banner footer {
    background: 0 0;
    margin: auto;
    position: relative;
    z-index: 2
}

body.fill_bg_y.visible_banner footer.compact {
    background: #373d44
}

body.fill_bg_y.visible_banner.footer-v1 footer, body.fill_bg_y.visible_banner.footer-v3 footer {
    background: #373d44
}

body.fill_bg_y.visible_banner.footer-v2 footer {
    background: #fff
}

body.fill_bg_y.visible_banner.footer-v4 footer, body.fill_bg_y.visible_banner.footer-v2 footer, body.fill_bg_y.visible_banner.footer-v6 footer {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner .subscribe-block-wrapper {
    background: 0 0
}

body.fill_bg_y.visible_banner.footer-v1 .subscribe-block-wrapper .maxwidth-theme {
    background: #ffffff0d
}

body.fill_bg_y.visible_banner.footer-v2 .subscribe-block-wrapper .maxwidth-theme {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner footer .maxwidth-theme {
    background: 0 0
}

.smartfilter .bx_ui_slider_track {
    height: 1px;
    margin: -1px 18px 18px;
    position: relative;
    zoom: 1;
    background: #ddd;
    z-index: 1
}

.bx_filter .bx_ui_slider_pricebar_VD {
    z-index: 60;
    background: #979797
}

.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after, .smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VD:after, .smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VN:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: 50%;
    margin-top: -1px
}

.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.bx_filter .bx_ui_slider_range {
    z-index: auto;
    background: #ddd
}

.bx_filter .bx_ui_slider_pricebar {
    z-index: 100
}

.bx_filter .bx_ui_slider_pricebar_VD {
    z-index: 60;
    background: #ddd
}

.bx_filter .bx_ui_slider_pricebar_VN {
    z-index: 70;
    background: #ddd
}

.bx_filter .bx_ui_slider_pricebar_V {
    z-index: 80;
    background: #ddd
}

.bx_filter .bx_ui_slider_handle {
    position: absolute;
    top: 100%;
    width: 22px;
    height: 22px
}

.bx_filter .bx_ui_slider_handle:hover {
    -webkit-cursor: grab;
    -ms-cursor: grab;
    -o-cursor: grab;
    cursor: grab
}

.bx_filter .bx_ui_slider_handle:active {
    -webkit-cursor: grabbing;
    -ms-cursor: grabbing;
    -o-cursor: grabbing;
    cursor: grabbing
}

.bx_filter .bx_ui_slider_handle.left {
    left: 0;
    margin-left: -9px
}

.bx_filter .bx_ui_slider_handle.right {
    right: 0;
    margin-right: -9px
}

.bx_filter .bx_ui_slider_part {
    position: absolute;
    top: -3px;
    width: 0;
    height: 10px;
    background: #e5e5e5;
    background: var(--stroke_black);
    display: none
}

.bx_filter .bx_ui_slider_part.p1 {
    left: -1px
}

.bx_filter .bx_ui_slider_part.p2 {
    left: 25%;
    display: none
}

.bx_filter .bx_ui_slider_part.p3 {
    left: 50%;
    display: none
}

.bx_filter .bx_ui_slider_part.p4 {
    left: 75%;
    display: none
}

.bx_filter .bx_ui_slider_part.p5 {
    right: 1px
}

.bx_filter .bx_ui_slider_part span {
    font-size: .8em;
    position: absolute;
    bottom: 13px;
    left: 50%;
    display: block;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    color: #999
}

.bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span {
    color: #b1b1b1;
    display: none
}

.bx_filter .bx_ui_slider_part.first span {
    text-align: left;
    left: -8px;
    margin-left: 0
}

.bx_filter .bx_ui_slider_part.last span {
    text-align: right;
    left: auto;
    right: -8px;
    margin-left: 0
}

.bx_filter .bx_filter_popup_result {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.bx_filter.bx_filter_vertical .bx_filter_popup_result {
    line-height: 51px;
    position: absolute;
    z-index: 930;
    display: none;
    margin-top: -14px;
    margin-left: -4px;
    padding: 0 82px 0 18px;
    white-space: nowrap;
    color: #fff;
    color: var(--white_text_black_reverse);
    left: 102%;
    border-radius: 0 4px 4px 0
}

.bx_filter.bx_filter_vertical .bx_filter_popup_result a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 64px
}

.bx_filter.bx_filter_vertical .arrow-all {
    top: 21px;
    right: 20px
}

.bx-chorme .bx_filter.bx_filter_vertical .bx_filter_popup_result a {
    padding-top: 6px;
    padding-bottom: 6px
}

.bx_filter.bx_filter_horizontal .bx_filter_popup_result {
    padding: 0 10px 0 0
}

.bx_filter.bx_filter_horizontal .bx_filter_popup_result a {
    display: none
}

.catalog.bx_filter {
    margin-bottom: 20px
}

.catalog .bx_filter_section {
    position: relative
}

.bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid transparent
}

.bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V {
    top: -8px;
    height: 18px;
    background-color: transparent;
    cursor: pointer
}

.bx_filter .bx_filter_parameters_box {
    padding: 13px 19px 14px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black);
    position: relative
}

.bx_filter .bx_filter_button_box {
    text-align: center;
    padding: 13px 14px 18px
}

.bx_filter_button_box .btn {
    flex: 1;
    margin: 4px
}

.bx_filter .bx_filter_parameters_box_title {
    margin: 0;
    cursor: pointer;
    padding: 0 30px 1px 3px;
    border-color: #ccc;
    border-color: var(--gray_bg_black)
}

.bx_filter .bx_filter_parameter_label {
    display: inline-block;
    position: relative
}

.bx_filter .bx_filter_parameters_box_container_block {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    color: #3f3f3f
}

.bx_filter input[type=text] {
    background: #fff;
    background: var(--darkerblack_bg_black);
    border: 1px solid #d5d5d5;
    border-color: var(--stroke_black);
    border-radius: 2px;
    box-shadow: none;
    color: #555;
    color: var(--white_text_black);
    height: auto;
    font-size: .933em;
    padding: 8px;
    width: 100%
}

.fullwidth-input {
    border: 1px solid #ddd;
    border-color: var(--stroke_black);
    border-radius: 4px
}

.fullwidth-input input[type=text] {
    border: none;
    padding: 8px 14px 6px
}

.fullwidth-input--margined {
    margin-bottom: 19px
}

.bx_filter .bx_filter_parameters_box_container .max-price {
    text-align: right
}

.bx_filter .bx_ui_slider_track .bx_ui_slider_handle {
    top: -9px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: grab;
    position: absolute;
    z-index: 100;
    background: #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.bx_filter .bx_ui_slider_handle:after {
    font-size: 0;
    content: ".";
    display: inline-block;
    background: #9e9e9e;
    width: 6px;
    height: 6px;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
    position: absolute;
    border-radius: 100%
}

.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:hover, .bx_filter .bx_ui_slider_track .bx_ui_slider_handle:active {
    border-color: #333
}

.bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container {
    position: relative;
    padding-right: 20px
}

.bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container input[type=text] {
    padding: 5px 5px 3px
}

.bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container img.calendar-icon {
    position: absolute;
    right: 0;
    top: 7px
}

.form-checkbox__input {
    display: none
}

body .form-checkbox__input--visible {
    display: block;
    visibility: hidden;
    width: 0;
    line-height: 0;
    margin: 0
}

body .form-checkbox__label {
    padding: 1px 0 0 31px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    outline: none;
    display: block;
    margin: 0 0 3px;
    color: #666;
    color: var(--light_basic_text_black);
    line-height: calc(1em + 7px);
    min-height: 20px
}

body .form-checkbox__label:hover {
    color: var(--fill_dark_light_white_hover)
}

.form-checkbox__label.form-checkbox__label--no-text {
    padding-left: 20px
}

.form-checkbox__label:not(.form-checkbox__label--sm) {
    font-size: .93333em
}

.form-checkbox__label--sm {
    font-size: .86667em
}

.form-checkbox__box {
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    box-sizing: border-box;
    background: 0 0;
    background: var(--darkerblack_bg_black);
    border: 1px solid #afafaf;
    border: 1px solid var(--stroke_black);
    transition: all .25s cubic-bezier(.4, 0, .23, 1);
    transition: all ease .3s
}

.form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0px 0px 0px 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.bx-ie .form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0px 0px 0px 1px #9e9e9e inset;
    border-color: #9e9e9e
}

.form-checkbox__input:checked + .form-checkbox__label {
    color: #333;
    color: var(--white_text_black)
}

.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    border: 8px solid #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -3px;
    top: 0;
    width: 4px;
    height: 8px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    content: "";
    box-sizing: content-box;
    transform-origin: 0 100%;
    animation: checkbox-check .125s .25s cubic-bezier(.4, 0, .23, 1) forwards
}

.form-checkbox--margined .form-checkbox__label {
    margin-bottom: 13px
}

.form-checkbox--margined .form-checkbox__label:last-of-type {
    margin-bottom: 6px
}

.form-radiobox__input {
    display: none
}

.form-radiobox__label {
    padding: 1px 0 0 31px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    outline: none;
    display: block;
    margin: 0 0 13px;
    color: #666;
    color: var(--light_basic_text_black);
    font-size: .93333em;
    line-height: calc(1em + 7px);
    min-height: 20px
}

.form-radiobox__box {
    position: absolute;
    top: 0;
    display: block;
    width: 21px;
    height: 21px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 50%;
    transition: all .2s;
    left: 0;
    border-color: var(--stroke_black);
    background-color: var(--darkerblack_bg_black)
}

.form-radiobox:hover .form-radiobox__box {
    box-shadow: 0px 0px 0px 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.bx-ie .form-radiobox:hover .form-radiobox__box {
    box-shadow: 0px 0px 0px 1px #9e9e9e inset;
    border-color: #9e9e9e
}

.form-radiobox__input:checked + .form-radiobox__label {
    color: #333;
    color: var(--white_text_black)
}

.form-radiobox__input:checked + .form-radiobox__label .form-radiobox__box {
    border: 7px solid #9e9e9e;
    border-color: var(--theme-base-color);
    box-shadow: none
}

#main .disabled .form-checkbox__box {
    background-color: #f8f8f8
}

#main .disabled .form-box {
    background-color: #f8f8f8;
    border-color: #ddd;
    box-shadow: none
}

#main .disabled {
    color: #666;
    color: var(--light_basic_text_black);
    cursor: not-allowed;
    opacity: .6
}

#main .disabled .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    background-color: #ddd
}

.bx_filter .scrolled {
    max-height: 250px;
    overflow-y: auto
}

.bx_filter_parameters_box_container .hidden_values {
    margin: 13px 0 16px
}

.main-wrapper .bx_filter_parameters_box_container .hidden_values {
    display: block !important
}

.bx_filter_parameters_box_container .inner_expand_text {
    margin: 13px 0 10px;
    display: none
}

.bx_filter_parameters_box_container .expand_block {
    cursor: pointer
}

.bx_filter .filter {
    margin: 0;
    padding: 0
}

.bx_filter_parameters_box_title + .bx_filter_block {
    padding-top: 14px
}

.bx_filter_parameters_box:not(.active) .bx_filter_block {
    display: none
}

.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.pal {
    position: relative;
    padding-left: 45px;
    line-height: 18px
}

.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.pal {
    margin-top: 20px
}

.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.pal:first-of-type {
    margin-top: 0
}

.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label .bx_filter_param_btn {
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    padding: 3px;
    width: 32px;
    height: 32px;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label:hover .bx_filter_param_btn, .catalog .bx_filter_section .bx_filter_block .bx_filter_param_label.active .bx_filter_param_btn {
    border-width: 2px;
    padding: 2px
}

.catalog .bx_filter_section .bx_filter_block .bx_filter_param_label .bx_filter_param_btn .bx_filter_btn_color_icon {
    display: block;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.catalog .bx_filter_section .bx_filter_block .pict_block {
    margin: -3px 0 0 -3px
}

.catalog .bx_filter_section .bx_filter_block .pict {
    margin: 3px 0 0 3px;
    display: inline-block
}

.catalog .bx_filter_section .bx_filter_block .pict label {
    padding: 3px;
    width: 32px;
    height: 32px;
    border-radius: 3px
}

.catalog .bx_filter_section .bx_filter_block .pict label:hover, .catalog .bx_filter_section .bx_filter_block .pict label.active {
    padding: 2px;
    border-width: 2px
}

.catalog .bx_filter_section .bx_filter_block .pict .bx_filter_btn_color_icon {
    display: block;
    height: 24px
}

.bx_filter .bx_filter_select_container.wpicture .bx_filter_select_block {
    height: 50px
}

.bx_filter .bx_filter_select_container.wpicture .bx_filter_select_block .bx_filter_select_text {
    height: 48px;
    line-height: 47px
}

.popup-window-content .bx_filter_select_popup ul li label.wselectpict {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    padding-left: 50px
}

.popup-window-content .bx_filter_select_popup ul li label.wselectpict .bx_filter_param_btn, .bx_filter .bx_filter_select_text .bx_filter_param_btn {
    position: absolute;
    left: 8px;
    top: 5px;
    display: block;
    padding: 3px;
    width: 32px;
    height: 32px;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.bx_filter .bx_filter_select_block .bx_filter_select_text .bx_filter_param_btn {
    position: static;
    margin: 2px 14px 0 0;
    float: left;
    display: block;
    padding: 3px;
    width: 25px;
    height: 25px;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.bx_filter .bx_filter_select_block .bx_filter_select_text .bx_filter_param_btn .bx_filter_btn_color_icon {
    height: 18px
}

.bx_filter .bx_filter_select_text .bx_filter_param_btn {
    top: 8px
}

body .popup-window-content .bx_filter_select_popup ul li label {
    white-space: normal
}

.popup-window-content .bx_filter_select_popup ul li label.wselectpict .bx_filter_btn_color_icon, .bx_filter .bx_filter_select_text .bx_filter_btn_color_icon {
    display: block;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.bx_filter .bx_filter_select_block, .common_select .common_select-link {
    position: relative;
    display: block;
    width: 100%;
    height: 41px;
    margin: 0 0 10px;
    padding: 0 33px 0 11px;
    border-radius: 4px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    cursor: pointer
}

.bx_filter .bx_filter_select_text, .common_select .common_select-link .ik_select_link_text {
    line-height: 39px;
    max-width: 100%;
    height: 39px;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    color: #333
}

.bx_filter .bx_filter_select_block:hover .bx_filter_select_arrow:before, .common_select .common_select-link:hover .trigger:before, .common_select .common_select-link.opened .trigger:before {
    background-position: -36px -174px
}

.bx_filter .bx_filter_select_text.fix {
    min-width: 120px
}

.bx_filter .bx_filter_select_text label {
    cursor: pointer
}

.bx_filter .bx_filter_select_arrow, .common_select .common_select-link .trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 41px;
    cursor: pointer;
    text-align: center;
    line-height: 38px
}

.common_select {
    width: 100% !important;
    font-size: 0px
}

.common_select select {
    display: none
}

div[id^=smartFilterDropDown] {
    max-width: 253px;
    width: 100%;
    margin-top: -10px
}

.popup-window-content {
    margin: 0
}

.bx_filter .popup-window {
    width: 100%;
    border: 0;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-size: 1rem;
    padding: 3px 3px 9px
}

div[id^=smartFilterDropDown] .popup-window-top-row, div[id^=smartFilterDropDown] .popup-window-left-column, div[id^=smartFilterDropDown] .popup-window-right-column, div[id^=smartFilterDropDown] .popup-window-bottom-row {
    display: none
}

.popup-window-content .bx_filter_select_popup {
    padding: 0
}

.popup-window-content .bx_filter_select_popup ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.popup-window-content .bx_filter_select_popup ul li {
    display: block;
    text-align: left;
    padding-left: 0;
    margin-bottom: 0
}

.popup-window-content .bx_filter_select_popup ul li:first-child {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.popup-window-content .bx_filter_select_popup ul li:before {
    display: none
}

.popup-window-content .bx_filter_select_popup ul li label {
    font-size: .93333em;
    line-height: calc(1em + 7px);
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    padding: 8px 14px 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    margin: 0;
    height: auto;
    color: #333
}

.popup-window-content .bx_filter_select_popup ul li label.disabled {
    color: #666;
    cursor: not-allowed
}

.popup-window-content .bx_filter_select_popup ul li label.selected {
    color: #333;
    font-weight: 700
}

.popup-window-content .bx_filter_select_popup ul li:last-child label {
    margin: 0
}

.popup-window-content .bx_filter_select_popup label:hover {
    color: #9e9e9e;
    color: var(--theme-base-color)
}

#mobilefilter-overlay {
    display: none;
    background: #3a3f44;
    opacity: .7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3005
}

#mobilefilter {
    background: #fff;
    background: var(--black_bg_black);
    z-index: 10010;
    overflow: hidden;
    transition: left .4s, opacity .4s;
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 320px;
    max-width: 100%
}

#mobilefilter.show {
    left: 0;
    box-shadow: 3px 0 10px 0 rgba(0, 0, 0, .45)
}

#mobilefilter .bx_filter.bx_filter_vertical {
    filter: none;
    position: relative;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: 100%;
    top: 0;
    padding: 0;
    display: block !important
}

#mobilefilter .smartfilter {
    padding-top: 72px;
    padding-bottom: 48px;
    background: #fff;
    background: var(--card_bg_black);
    height: 100%
}

#mobilefilter .bx_filter .bx_filter_section {
    margin: 0;
    background-color: #fff;
    height: 100%;
    border: none
}

#mobilefilter .bx_filter .slide-block, #mobilefilter .bx_filter .slide-block .slide-block__body {
    height: 100%
}

#mobilefilter .bx_filter .bx_filter_parameters_box.title, #mobilefilter .bx_filter .slide-block .filter_title {
    background-color: #fff;
    background: var(--black_bg_black);
    position: absolute;
    width: 320px;
    top: 0;
    z-index: 10;
    padding: 25px 23px 27px;
    left: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

#mobilefilter .bx_filter .filter_title {
    cursor: default;
    padding: 0
}

#mobilefilter .bx_filter .filter_title .svg-inline-catalog {
    margin-right: 9px;
    vertical-align: baseline
}

#mobilefilter .bx_filter .slide-block .filter_title .svg-inline-down {
    display: none
}

#mobilefilter .svg.svg-close {
    right: 17px;
    top: 23px;
    position: absolute;
    cursor: pointer;
    display: block;
    padding: 5px
}

#mobilefilter .svg.svg-close svg {
    widows: 12px;
    height: 12px
}

#mobilefilter .bx_filter .bx_filter_parameters {
    position: absolute;
    top: 72px;
    bottom: 48px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

#mobilefilter .bx_filter .bx_filter_parameters_box_title {
    border: none;
    box-shadow: none;
    font-size: 1em;
    line-height: unset;
    background: 0 0
}

#mobilefilter .count_selected, #mobilefilter .hint, #mobilefilter .tooltip {
    display: none !important
}

#mobilefilter .delete_filter {
    display: none
}

#mobilefilter .bx_filter_parameters_box_container .hidden_values {
    display: none
}

#mobilefilter .bx_filter_parameters_box_container .inner_expand_text {
    display: block
}

#mobilefilter .bx_filter .bx_filter_button_box {
    position: absolute;
    bottom: 0;
    z-index: 9;
    width: 320px;
    visibility: visible !important;
    border-top: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    padding: 0;
    left: 0;
    background: #fff;
    background: var(--black_bg_black);
    display: block !important
}

#mobilefilter .bx_filter .bx_filter_button_box .bx_filter_block {
    padding: 0;
    display: block !important
}

#mobilefilter .bx_filter .bx_filter_parameters_box .bx_filter_button_box {
    display: none !important
}

#mobilefilter .btn-link-text.bx_filter_search_reset {
    display: none
}

.filter_title.active-filter .svg-inline-catalog:before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    z-index: 2;
    border: 1px solid #fff;
    border-color: var(--light_bg_black);
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.bx_filter .bx_filter_parameters_box .svg-close {
    display: none
}

@media (min-width: 992px) {
    .bx_filter .slide-block__head .svg:not(.svg-inline-down) {
        display: none
    }
}

@media (min-width: 769px) {
    #modef_mobile {
        display: none !important
    }
}

@media (min-width: 768px) {
    #mobilefilter .bx_filter.compact {
        display: none
    }

    .bx_filter.compact {
        position: relative;
        top: 0 !important;
        margin: 16px 0 16px
    }

    .bx_filter.compact .bx_filter_section {
        margin: 0;
        background: 0 0;
        border: none
    }

    .bx_filter.compact .bx_filter_parameters_box.title {
        float: left;
        z-index: 1
    }

    .bx_filter.compact .bx_filter_parameters_box.title + .bx_filter_parameters {
        padding-left: 31px
    }

    .bx_filter.compact .bx_filter_parameters_box {
        margin: 4px;
        position: relative;
        float: left;
        padding: 0;
        border: none;
        user-select: none
    }

    .bx_filter.compact .bx_filter_parameters_box.title {
        margin: 1px 0
    }

    .bx_filter.compact .bx_filter_parameters_box_title.prices:not(.title) {
        margin-bottom: 15px;
        cursor: default
    }

    .bx_filter.compact .bx_filter_parameters_box_title.prices:not(.title):hover {
        color: #333
    }

    .bx_filter.compact .bx_filter_parameters_box_title.prices:after {
        display: none
    }

    .bx_filter.compact .bx_filter_block:not(.limited_block) {
        position: absolute;
        padding: 24px 24px 0;
        display: none;
        min-width: 260px;
        z-index: 3;
        border-radius: 3px;
        background: #fff;
        background: var(--card_bg_black);
        -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .1);
        box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, .1);
        margin-top: 8px
    }

    .bx_filter.compact .bx_filter_block.right:not(.limited_block) {
        left: auto;
        right: 0
    }

    .bx_filter.compact .bx_filter_block.limited_block {
        display: block !important;
        max-height: none;
        overflow: visible;
        margin-bottom: 0
    }

    .bx_filter.compact .prices .bx_filter_block {
        padding: 0
    }

    .bx_filter.compact .bx_filter_block .price_block {
        padding: 19px 19px 15px;
        border-top: 1px solid #f2f2f2
    }

    .bx_filter.compact .bx_filter_block .price_block:first-of-type {
        border-top: none
    }

    .bx_filter.compact .bx_filter_button_box {
        padding: 0
    }

    .bx_filter.compact .char_name {
        position: relative;
        padding-bottom: 15px;
        margin-top: -10px
    }

    .bx_filter.compact .props_list .hint {
        position: static
    }

    .bx_filter.compact .props_list .hint .icon {
        position: static
    }

    .bx_filter.compact .props_list .hint .text {
        padding: 0 0 0 8px;
        font-size: 13px;
        color: #888
    }

    .bx_filter.compact .props_list .hint .tooltip {
        top: -52px;
        opacity: 1
    }

    .bx_filter.compact .props_list .hint .tooltip:after {
        bottom: -10px;
        left: 56px;
        top: auto;
        border: 5px solid transparent;
        border-top: 5px solid #fff
    }

    .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block {
        z-index: 390
    }

    .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block i {
        padding: 0;
        font-size: 11px
    }

    .bx_filter.compact .bx_filter_parameters_box.active .bx_filter_block .icon:hover i, .bx_filter.compact .bx_filter_parameters_box .bx_filter_block .hint.active .icon i {
        color: #fff
    }

    .bx_filter.compact .bx_filter_parameters_box_title + .bx_filter_block .bx_filter_parameters_box_container {
        margin: 0;
        padding-bottom: 18px
    }

    .bx_filter.compact .bx_ui_slider_track {
        margin-bottom: 8px
    }

    .bx_filter.compact .form-radiobox:last-of-type label {
        margin-bottom: 5px
    }

    .bx_filter.compact div[id^=smartFilterDropDown] {
        margin-bottom: -25px
    }

    .bx_filter.compact .bx_filter_parameters_box:not(.prop_type_L) .label_block {
        margin: 0 0 11px
    }

    .bx_filter.compact .label_block:last-of-type {
        margin-bottom: 4px
    }

    .bx_filter.compact .bx_filter_parameters_box_container {
        margin-top: 0
    }

    .bx_filter.compact .bx_filter_parameters_box_container .hidden_values {
        margin-bottom: 6px
    }

    .bx_filter.compact .bx_filter_button_box {
        display: none;
        margin: 0 -24px;
        text-align: left;
        background: #fff;
        background-color: var(--card_bg_black)
    }

    .bx_filter.compact .bx_filter_button_box .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 24px 16px
    }

    .bx_filter.compact .bx_filter_button_box .btn span {
        padding: 0 0 0 5px
    }

    .bx_filter.compact .bx_filter_search_button {
        display: none
    }

    .bx_filter.compact .bx_filter_parameters_box.prices .bx_filter_button_box {
        margin: 0
    }

    .bx_filter.compact .bx_filter_parameters_box > .bx_filter_parameters_box_title {
        padding: 4px 26px 5px 10px;
        white-space: nowrap;
        color: #333;
        color: var(--white_text_black)
    }

    .bx_filter.compact .bx_filter_parameters_box > .bx_filter_parameters_box_title:before {
        display: none
    }

    .bx_filter.compact .bx_filter_parameters_box_title .svg-inline-down {
        position: absolute;
        top: 7px;
        right: 6px;
        background-color: #fff;
        background-color: var(--black_bg_black)
    }

    .bx_filter.compact .bx_filter_parameters_box_title .svg-inline-down path {
        fill: #333;
        fill: var(--white_text_black)
    }

    .bx_filter.compact .active .bx_filter_parameters_box_title .svg-inline-down {
        top: 9px
    }

    .bx_filter.compact .bx_filter_parameters_box .limited_block .bx_filter_parameters_box_title {
        padding: 0;
        white-space: nowrap
    }

    .bx_filter.compact .bx_filter_parameters_box .limited_block .bx_filter_parameters_box_title .label_block {
        margin: 0
    }

    .bx_filter.compact .bx_filter_parameters_box .limited_block .filter label:before, .bx_filter.compact .bx_filter_parameters_box .limited_block .filter label:after {
        display: none
    }

    .bx_filter.compact .bx_filter_parameters_box .limited_block .filter .bx_filter_param_text {
        margin: 0
    }

    .bx_filter.compact .bx_filter_parameters_box.opened .limited_block .filter .bx_filter_param_text {
        color: #fff
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.filter_title {
        padding-left: 0;
        padding-right: 16px;
        position: relative;
        cursor: default
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.filter_title span {
        display: none
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title.filter_title .svg-inline-down {
        top: 0
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 33px;
        cursor: pointer;
        border-radius: 0 4px 4px 0
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -4px
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter svg path {
        fill-rule: evenodd
    }

    .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title .delete_filter:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 1px;
        background: rgba(255, 255, 255, .1)
    }

    .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .delete_filter {
        display: block
    }

    .bx_filter.compact input[type=checkbox] + label.dib > span {
        margin: 0
    }

    .bx_filter.compact .bx_filter_input_checkbox .bx_filter_param_text {
        margin-left: 0
    }

    .bx_filter.compact .sku .bx_filter_input_checkbox .bx_filter_param_text {
        margin-left: 0
    }

    .bx_filter_vertical.compact input[type=checkbox] + label.nab:not(.sku) {
        padding: 5px 0 5px 3px;
        margin: 0
    }

    .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .count_selected {
        margin: 0 0 0 -3px
    }

    .bx_filter.compact .bx_filter_parameters_box_container.pict_block label {
        margin: 0 5px 0 0 !important
    }

    body .bx_filter.compact .bx_filter_block.limited_block .filter.label_block input + label {
        margin: 0 0 0 3px;
        padding: 0
    }

    .bx_filter.compact .bx_filter_parameters_box_container .wrapp_change_inputs {
        width: 220px
    }

    .bx_filter.compact .btn-link-text {
        padding: 9px 15px;
        float: left;
        border: none;
        background: 0 0;
        appearance: none
    }

    .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title.title {
        background-color: #9e9e9e;
        background-color: var(--theme-more-color);
        border-color: #9e9e9e;
        border-color: var(--theme-more-color);
        color: #fff;
        padding-right: 45px
    }

    .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title svg path {
        fill: #fff
    }

    .bx_filter.compact .bx_filter_parameters_box.opened .bx_filter_parameters_box_title .svg-inline-down {
        display: none
    }

    .filter-compact-block .bx_filter_block.limited_block .form-checkbox__box.form-box {
        display: none
    }

    .filter-compact-block .bx_filter_block.limited_block .form-checkbox__label {
        padding: 2px 0 0 5px
    }

    .bx_filter_block.limited_block .form-checkbox--margined .form-checkbox__label:last-of-type {
        margin-bottom: 0;
        padding: 4px 13px 5px
    }

    .bx_filter.compact .bx_filter_parameters_box.opened[data-check_prop_inline="true"] .bx_filter_parameters_box_title.title {
        padding-right: 32px
    }

    .bx_filter_block.limited_block .bx_filter_param_label, .bx_filter_vertical .form-checkbox .form-checkbox__label {
        font-size: unset
    }

    .bx_filter_parameters_box.opened .bx_filter_block.limited_block .bx_filter_input_checkbox .bx_filter_param_text {
        color: #fff
    }

    .bx_filter_parameters_box .limited_block .bx_filter_input_checkbox .bx_filter_param_text {
        color: var(--white_text_black)
    }
}

@media (max-width: 767px) {
    .main-wrapper .bx_filter_vertical {
        display: none !important
    }
}

.contacts__map {
    overflow: hidden;
    position: relative
}

.contact-property--image img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.contacts__map-wrapper + .contacts__desc {
    margin-top: 47px
}

.contacts__desc {
    margin: 0
}

.contacts__desc h3 {
    font-size: 1.46667em;
    line-height: calc(1em + 7px);
    margin: 0 0 18px
}

.contacts__sticky-panel {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    overflow: hidden;
    padding: 32px;
    background: var(--card_bg_black)
}

.contacts__sticky-panel__image {
    position: relative;
    margin: -32px -32px 0;
    overflow: hidden
}

.contacts__sticky-panel__image .contact-property--image {
    overflow: hidden
}

.contacts__sticky-panel .contacts__sticky-panel__image .contact-property--address {
    position: absolute;
    bottom: 0;
    padding: 0 32px 26px;
    z-index: 1
}

.contacts__sticky-panel .contacts__sticky-panel__image .contact-property--address .contact-property__label {
    color: #fff;
    margin: 0 0 6px
}

.contacts__sticky-panel .contacts__sticky-panel__image .contact-property--address .contact-property__value {
    font-size: 1.2em;
    line-height: calc(1em + 7px);
    color: #fff
}

.contacts__sticky-panel__info {
    padding: 25px 0 0
}

.contacts__sticky-panel--without-image .contacts__sticky-panel__info {
    padding-top: 0
}

.contacts__sticky-panel__btn-wraper {
    padding: 24px 0 0
}

.contacts__sticky-panel__property {
    margin: 11px 0 0
}

.contacts__sticky-panel__property:first-of-type {
    margin-top: 0
}

.contacts__sticky-panel__desc {
    margin: 0 0 24px
}

.contact-property__label {
    display: block
}

.contact-property__value.dark_link a {
    color: inherit
}

.contacts-detail {
    position: relative
}

.title-v3 .contacts-detail, .title-v4 .contacts-detail {
    margin-top: -64px
}

.contacts-detail .contacts__row {
    display: flex;
    align-items: stretch
}

.contacts-detail .contacts__col {
    position: relative;
    width: 50%
}

.contacts-detail .contacts__content-wrapper {
    margin: 0 0 0 auto;
    padding-right: 24px;
    padding-bottom: 50px
}

.contacts-detail .contacts__map-wrapper {
    padding-left: 24px
}

.contacts_map-sticky {
    overflow: hidden
}

@media (min-width: 992px) {
    .hide_title_page .contacts-detail .contacts__content-wrapper {
        margin-top: 71px
    }

    .hide_title_page .contacts-detail .contacts__map-wrapper {
        padding-top: 71px
    }
}

.contacts-detail .contacts__map-wrapper {
    width: 50%
}

.contacts-detail .contacts-detail__property--top {
    margin: 0 0 30px;
    padding: 0
}

.contacts-detail .contacts-detail__property--top .contact-property__label {
    margin-bottom: 16px
}

.contacts-detail .contacts-detail__info .contact-property__value {
    line-height: 1.47em
}

.contacts-detail .contacts-detail__info .contact-property__label {
    margin-bottom: 2px
}

.contacts-detail__image {
    margin-bottom: 37px;
    max-width: 100%
}

.contacts-detail__image:not(.contacts-detail__image--gallery) {
    overflow: hidden
}

.contacts-detail__image--gallery .gallery-big {
    padding-top: 66.6%;
    height: 0;
    position: relative
}

.contacts-detail__image--gallery .gallery-big .owl-carousel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.contacts-detail__image--gallery .owl-stage-outer {
    border-radius: 4px
}

.contacts-detail__image--gallery .owl-item a div {
    display: block;
    padding-top: 66.6%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.contacts-detail__properties {
    display: flex;
    align-items: stretch
}

.contacts-detail__properties > .contacts__col + .contacts__col {
    padding-left: 16px
}

.contacts-detail__property {
    padding: 8px 0
}

.contacts-detail__social {
    position: relative;
    margin-top: 33px
}

.contacts-detail__social .social__items {
    background-color: #fff;
    background: var(--black_bg_black);
    padding-right: 40px
}

.contacts-detail__social:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #ececec;
    background: var(--stroke_black);
    margin: auto
}

.contacts-detail__description {
    margin-top: 42px
}

.contacts-detail__btn-wrapper {
    margin-top: 32px
}

body .contacts-detail .contacts__map-wrapper .ymaps-controls-lefttop {
    bottom: auto;
    top: 0 !important
}

body .contacts-detail .contacts__map-wrapper .ymaps-controls-lefttop > ymaps {
    left: 0 !important;
    right: auto !important;
    top: 20px !important;
    bottom: auto !important;
    margin-left: 10px
}

body .contacts-detail .contacts__map-wrapper .ymaps-controls-righttop {
    bottom: auto;
    top: 0 !important
}

body .contacts-detail .contacts__map-wrapper .ymaps-controls-righttop > ymaps {
    top: 80px !important;
    bottom: auto !important;
    left: 8px !important;
    right: auto;
    margin-right: 10px
}

body .contacts-detail .contacts__map-wrapper .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes {
    top: 100%;
    margin-top: 3px;
    bottom: auto;
    left: auto !important;
    right: 0 !important
}

@media (max-width: 991px) {
    .contacts-detail .contacts-detail__property--top {
        margin-top: 30px
    }

    .contacts-detail .contacts__col {
        width: 100%
    }

    .contacts-detail .contacts__content-wrapper {
        padding-right: 0;
        margin-top: 0
    }

    .contacts-detail .contacts__map-wrapper {
        padding-left: 0
    }

    .contacts-detail__image {
        max-width: 100%
    }

    .contacts-detail .contacts__map-wrapper {
        position: relative;
        min-height: 300px;
        width: 100%;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial !important;
        margin-bottom: 24px
    }

    .contacts-detail.contacts-v1 .contact-property--image {
        display: inline-block;
        vertical-align: top;
        overflow: hidden
    }

    .contacts-detail .contact-property--image img {
        max-width: 100%;
        width: auto
    }
}

@media (min-width: 531px) and (max-width: 991px) {
    .contacts-detail .bx-yandex-view-map .bx-yandex-map, .contacts-detail .bx-google-map {
        height: 325px !important
    }
}

@media (max-width: 767px) {
    .contacts-detail__properties {
        flex-direction: column
    }

    .contacts-detail__properties > div:last-child {
        padding-left: 0
    }

    .contacts-detail .contacts__col {
        width: 100%
    }

    .contacts-detail .contacts__content-wrapper {
        padding-right: 0
    }

    .contacts-detail__image {
        max-width: 100%
    }

    .contacts-detail .contacts__map-wrapper {
        position: relative;
        min-height: 300px;
        width: 100%
    }
}

@media (max-width: 550px) {
    .contacts-detail .contacts__map-wrapper {
        position: relative;
        min-height: 200px;
        width: 100%
    }
}

.contacts__row {
    display: flex;
    flex-direction: row
}

.contacts__col {
    min-width: 0
}

.contacts__col--right {
    width: 400px;
    padding-left: 48px
}

.contacts__sticky-panel__info .contact-property--address {
    display: none;
    padding: 6px 0 19px
}

.contacts__sticky-panel--without-image .contacts__sticky-panel__info .contact-property--address {
    display: block;
    padding-top: 0
}

.contacts__panel-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.contacts__tabs {
    margin: 0 16px 0 0;
    flex-shrink: 0
}

.contacts__tabs .tabs {
    margin-bottom: 32px
}

.contacts__tabs .nav-tabs {
    margin: 0 -3px
}

.contacts__tabs .tabs .nav-tabs li {
    margin: 0 3px
}

.contacts__tabs .tabs .nav-tabs li a {
    padding: 10px 21px 10px 22px
}

.contacts__tab-content {
    position: relative
}

.contacts__tab-content.contacts__tab-content--map > *:not(.contacts__map-wrapper):not(.alert), .contacts__tab-content:not(.contacts__tab-content--map) > .contacts__map-wrapper {
    position: absolute;
    top: -1000000px;
    width: 100%;
    height: 100%
}

.contacts__tab-content.contacts__tab-content--map > .contacts__map-wrapper, .contacts__tab-content:not(.contacts__tab-content--map) > :not(.contacts__map-wrapper) {
    margin-top: 0
}

.contacts__filter.line-block {
    max-width: 672px;
    margin-bottom: 16px;
    flex-grow: 1
}

.contacts__filter .line-block__item {
    flex: 1;
    min-width: 0
}

.contacts__filter-select {
    margin-bottom: 16px
}

.contacts__filter-select .dropdown-select__title {
    padding: 7px 41px 7px 13px;
    position: relative;
    height: 39px
}

.contacts__filter-select .dropdown-select__title span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 13px;
    right: 41px
}

.contacts__filter-select .dropdown-select__title .svg {
    margin: 0;
    position: absolute;
    right: 17px;
    top: 18px
}

.contacts__filter-select .dropdown-menu-wrapper {
    left: -1px;
    width: calc(100% + 2px);
    top: -1px
}

.contacts__filter-select .dropdown-select__list-link {
    word-break: break-word;
    white-space: normal
}

.contacts__filter-select .dropdown-menu-wrapper .dropdown-menu-inner {
    max-height: 217px;
    overflow: auto
}

@media (max-width: 991px) {
    .contacts__row {
        flex-direction: column-reverse
    }

    .contacts__col--right {
        padding: 0 0 47px;
        width: 100%
    }

    .contacts__sticky-panel {
        display: flex;
        flex-direction: row;
        padding: 26px 32px 32px
    }

    .contacts__sticky-panel__image {
        margin: 6px 0 0;
        max-width: 352px;
        min-width: 0;
        flex-basis: 50%
    }

    .contacts__sticky-panel__info {
        flex: 1;
        padding: 0 0 0 32px;
        min-width: 0
    }

    .contacts__sticky-panel--without-image .contacts__sticky-panel__info {
        padding-left: 0
    }

    .contacts__sticky-panel .contacts__sticky-panel__image .contact-property--address, .contacts__sticky-panel .dark-block-after:after {
        display: none
    }

    .contacts__sticky-panel__info .contact-property--address {
        display: block
    }

    .contacts__sticky-panel__btn-wraper .btn.btn-wide {
        width: auto
    }
}

@media (max-width: 768px) {
    .contacts__panel-wrapper {
        flex-direction: column
    }

    .contacts__tabs + .contacts__filter {
        margin-top: -16px
    }
}

@media (max-width: 600px) {
    .contacts__sticky-panel {
        flex-direction: column;
        padding: 32px
    }

    .contacts__sticky-panel__image {
        margin: 0 0 33px;
        max-width: inherit
    }

    .contacts__sticky-panel__info {
        padding: 0
    }

    .contacts__panel-wrapper .line-block {
        flex-wrap: wrap
    }

    .contacts__panel-wrapper .line-block__item {
        flex-basis: 100%
    }
}

.regions {
    position: relative
}

.regions__chooser {
    display: flex;
    align-items: center;
    cursor: pointer
}

.regions__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px
}

.top_mobile_region {
    position: relative
}

.top_mobile_region .confirm_region {
    background: #f9f9f9;
    background: var(--darkerblack_bg_black);
    box-shadow: inset 0px -1px 0px 0px #f5f5f5;
    box-shadow: inset 0px -1px 0px 0px var(--light_bg_black);
    border-radius: 0;
    margin: 0;
    padding-top: 18px
}

.top_mobile_region .confirm_region {
    position: static;
    top: 0;
    left: 0
}

.region_wrapper .dropdown {
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    margin-top: 13px;
    min-width: 190px
}

.region_wrapper .dropdown .wrap {
    margin: 0;
    background: #fff;
    background: var(--card_bg_black);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    border-radius: 4px;
    max-height: 300px;
    overflow: auto;
    padding: 12px 0 14px
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar, .searchinput .js-autocomplete-block::-webkit-scrollbar {
    width: 8px
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar-track, .searchinput .js-autocomplete-block::-webkit-scrollbar-track {
    border-radius: 8px
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar-thumb, .searchinput .js-autocomplete-block::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #999;
    border: 2px solid #fff
}

.region_wrapper .dropdown .wrap::-webkit-scrollbar-thumb:window-inactive, .searchinput .js-autocomplete-block::-webkit-scrollbar-thumb:window-inactive {
    background: #999;
    border: 2px solid #fff
}

.region_wrapper .dropdown .more_item span {
    display: block;
    padding: 6px 24px 6px;
    cursor: pointer
}

.region_wrapper .dropdown .more_item.current span {
    cursor: default;
    font-weight: 700;
    color: #333;
    color: var(--white_text_black)
}

.city_chooser_frame.popup {
    max-width: 840px
}

.city_chooser_small_frame.popup {
    max-width: 740px
}

.form.popup.popup--regions .form-header {
    padding: 34px 38px 26px
}

.popup--regions .title > span {
    padding-left: 5px
}

.popup_regions .h-search {
    padding: 0 40px 36px
}

.popup_regions .ui-menu li:before {
    display: none;
    padding-left: 10px
}

.favorits__item {
    padding-top: 9px
}

.city_chooser_small_frame .popup.popup--regions .form-header {
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 44px
}

.city_chooser_small_frame .popup_regions .h-search {
    padding-left: 50px;
    padding-right: 50px
}

.cities {
    padding: 0 40px;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 40px;
    border-color: var(--stroke_black)
}

.cities--right-border {
    border-right: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

body .cities .cities__wrapper {
    max-height: 420px;
    overflow-y: auto;
    flex: 1;
    padding-right: 0
}

.cities__wrapper .block {
    padding: 18px 40px 25px 0
}

.cities__title {
    padding: 0 0 10px
}

.cities__item {
    margin: 0 0 5px;
    padding: 5px 0;
    cursor: pointer
}

body .cities__item.current {
    cursor: default
}

body .cities__item.current span {
    font-weight: 700;
    color: #333;
    color: var(--white_text_black)
}

.popup_regions .parent_block {
    display: none
}

.popup_regions .parent_block.shown {
    display: block
}

.city .cities__item:not(.shown) {
    display: none
}

.cities--only-city.city {
    padding: 30px 50px 26px 10px
}

.cities--only-city .cities__title {
    display: none
}

.cities--only-city .items_block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.cities--only-city .cities__item {
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33%
}

#title-search-city .ui-autocomplete {
    position: absolute !important;
    top: 48px !important;
    width: 100%;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 4px;
    padding: 10px 0 4px;
    z-index: 9;
    height: auto;
    max-height: 230px;
    overflow-y: auto
}

#title-search-city .ui-autocomplete::-webkit-scrollbar {
    width: 8px
}

#title-search-city .ui-autocomplete::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .15);
    border-radius: 8px
}

#title-search-city .ui-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #999;
    border: 2px solid #fff
}

#title-search-city .ui-autocomplete::-webkit-scrollbar-thumb:window-inactive {
    background: #999;
    border: 2px solid #fff
}

#title-search-city .ui-menu-item {
    padding: 0 20px;
    margin-bottom: 8px
}

.confirm_region {
    position: absolute;
    display: block;
    min-width: 370px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    z-index: 1002;
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 4px;
    padding: 20px 28px 28px;
    box-sizing: border-box;
    top: 36px;
    left: 0;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1)
}

.confirm_region .title {
    color: #333;
    color: var(--white_text_black);
    font-weight: 700;
    text-align: left
}

.confirm_region .title span {
    padding-left: 5px
}

.confirm_region .buttons {
    padding: 13px 0 0;
    white-space: nowrap;
    margin: 0 -4px
}

.confirm_region .buttons > span {
    padding: 0 4px;
    width: 50%;
    float: left
}

.confirm_region .buttons > span .btn {
    margin: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.mega-fixed-menu .dropdown {
    top: auto;
    bottom: 100%;
    margin: 0 0 13px
}

@media (min-width: 992px) {
    .region_confirm_normal .top_mobile_region, .region_confirm_top .regions .confirm_region {
        display: none
    }

    .top_mobile_region {
        background: #fff;
        background: var(--card_bg_black);
        box-shadow: 0px 3px 10px rgba(0, 0, 0, .15);
        text-align: center
    }

    .top_mobile_region .confirm_region {
        display: inline-block;
        background: #fff;
        background: var(--card_bg_black);
        padding: 12px
    }

    .top_mobile_region .confirm_region > div {
        display: inline-block !important;
        font-weight: 400;
        vertical-align: middle
    }

    .top_mobile_region .buttons {
        padding: 0 0 0 25px;
        margin: 0 -6px
    }

    .top_mobile_region .buttons > span {
        width: auto;
        padding: 0 6px
    }

    .top_mobile_region .buttons span .btn {
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 10px;
        font-size: 12px
    }

    .top_mobile_region .confirm_region .top-close {
        top: 50%;
        transform: translateY(-50%)
    }

    .mega-fixed-menu .confirm_region {
        bottom: 35px;
        top: auto
    }
}

@media (max-width: 600px) {
    .cities--with-okrug {
        display: none
    }

    .popup_regions .parent_block {
        display: block
    }

    .cities {
        padding: 0 20px
    }

    .form.popup.popup--regions .form-header {
        padding-left: 18px;
        padding-right: 18px
    }

    #main .popup_regions .h-search {
        padding-left: 20px;
        padding-right: 20px
    }

    .cities--only-city .cities__item {
        overflow: hidden;
        text-overflow: ellipsis;
        flex: auto
    }

    .confirm_region {
        min-width: none
    }
}

.auth__bottom-action {
    margin: 10px 0
}

.auth__bottom-btns {
    padding: 20px 0 38px
}

.auth__bottom-btn {
    display: block;
    width: 100%
}

.auth__services .socserv {
    padding: 15px 0 31px
}

.auth-page.pk-page {
    max-width: 560px;
    padding: 0;
    margin: auto
}

.auth__bottom-btns .line-block__item {
    max-width: 226px
}

.soc-avt {
    padding: 33px 0 30px;
    text-align: left;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    margin: 0
}

.soc-avt .title {
    font-weight: 700;
    color: #222;
    color: var(--white_text_black)
}

.popup .auth_wrapp .soc-avt {
    padding-left: 60px;
    padding-right: 60px
}

.content-md .popup .auth_wrapp .soc-avt, .content-md .form.popup .auth_wrapp .form-footer {
    padding-left: 0;
    padding-right: 0;
    background: #fff
}

.soc-avt .row {
    font-size: 0px;
    margin: 18px -3px 8px
}

.soc-avt .row a {
    margin: 4px
}

.soc-avt .row form[name=bx_auth_servicesform] {
    margin: 0 3px 0
}

.soc-avt #bx_auth_servform {
    font-size: 15px
}

.soc-avt #bx_auth_servform input[type=text] {
    margin: 10px 0 10px
}

.soc-avt #bx_auth_servform .btn {
    margin-bottom: 0
}

.soc-avt #bx_auth_servform .bx-ss-icon {
    display: none
}

body div.soc-serv-title {
    height: auto
}

.soc-serv-accounts table {
    width: 100%
}

.soc-serv-accounts .soc-serv-personal .split-item-actions {
    position: relative
}

.soc-serv-accounts .soc-serv-personal .bx-ss-icons .soc-serv-link {
    vertical-align: middle
}

.border_block .max-form-block {
    max-width: 560px;
    padding: 0;
    margin: auto
}

.border_block .but-r {
    text-align: center;
    padding: 25px 0 0
}

.border_block .but-r .btn {
    margin: 0 auto
}

.border_block .top-text-block {
    padding: 0 20px 0;
    text-align: center;
    color: #555;
    font-size: .933em
}

.border_block .text_block {
    font-size: .867em;
    color: #999;
    margin: 4px 0 0;
    line-height: 1.538em
}

.registraion-page .form .social_block .soc-avt {
    padding: 51px 60px 52px;
    border-bottom: none;
    text-align: center
}

.border_block .big-title {
    font-size: 1.335em;
    font-weight: 700;
    color: #222;
    color: var(--white_text_black)
}

.registraion-page form .form-group.animated-labels label:not(.error) {
    left: 12px
}

.registraion-page form .form-group.animated-labels .licence_block label:not(.error) {
    position: relative;
    left: 0;
    margin: 0
}

.registraion-page .form .licence_block.bx_filter {
    display: block !important
}

.registraion-page .form .licence_block label.error {
    top: 9px
}

.registraion-page .form .licence_block {
    margin: 0;
    padding: 12px 0 9px
}

.registraion-page .form .licence_block label {
    margin-left: 0 !important
}

.border_block .max-form-block .help-block {
    padding: 10px;
    margin: 0 0 25px
}

.module-form-block-wr.lk-page .errortext, .module-form-block-wr.lk-page .notetext {
    padding: 20px 20px 0;
    display: block;
    text-align: center
}

.form .top-form {
    padding: 0
}

.form .top-form.messages {
    padding-bottom: 0
}

.form .top-form .big-title {
    padding: 0 0 24px
}

.border_block .top-form .but-r {
    text-align: left
}

.form .bottom-form {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    border-radius: 0 0 4px 4px;
    padding: 50px 55px 55px;
    border-top: none
}

.form .bottom-form .big-title {
    padding: 0 0 14px
}

.form .bottom-form .title.middle {
    font-size: 1.067em
}

.form #soc-serv-title-id {
    padding: 22px 0 9px
}

.form .subscribe_licenses .licence_block {
    display: inline-block;
    position: relative;
    margin: 0 0 7px
}

.form .subscribe_licenses .licence_block label.error {
    top: -16px;
    position: absolute
}

.soc-serv-accounts table tr {
    border: 1px solid #f2f2f2;
    background: #f9f9f9
}

.soc-serv-accounts table tr td {
    padding: 24px 29px
}

.soc-serv-accounts table tr td:first-child {
    padding-right: 0
}

.soc-serv-accounts table tr td.split-item-actions {
    text-align: right
}

.soc-serv-accounts table tr .btn {
    margin: 0
}

.soc-serv-accounts table tr .bx-ss-icons {
    width: 47px
}

.soc-serv-accounts table tr .bx-ss-icons .icon {
    border-radius: 4px;
    display: block;
    height: 39px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 39px
}

.soc-serv-accounts table tr i.soc-serv-photo {
    display: none
}

.soc-serv-accounts table tr .soc-serv-name {
    color: #222;
    color: var(--white_text_black)
}

.soc-serv-accounts table tr .soc-serv-name .auth-soc-title {
    font-weight: 700;
    font-size: 1.067em
}

.soc-serv-accounts table tr .soc-serv-name .auth-soc-name {
    font-size: .933em
}

.border_block.personal {
    padding: 51px 60px 60px
}

table.table thead + tbody td .th-mobile {
    display: none
}

.director textarea[name=MESSAGE] {
    height: 150px
}

.director .form-header-text {
    padding: 0 0 20px
}

.director .form-body {
    padding-bottom: 20px
}

body .director .form-checkbox__input--visible {
    height: 7px
}

.director .form-footer .licence_block {
    padding-bottom: 32px
}

.director .form-footer button {
    font-weight: 600
}

.top-form.bordered_block {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    border-radius: 4px 4px 0 0;
    padding: 50px 55px 55px
}

.top-form.bordered_block .iblock.label_block {
    max-width: 752px
}

.format-subscribe-group .form-radiobox {
    display: inline-block
}

#main .subscribe-settings-form .subscribes-block .form-checkbox__label {
    margin-left: 0;
    margin-bottom: 12px
}

.subscribes-block .subsection-title {
    padding-top: 7px;
    padding-bottom: 14px
}

.format-subscribe-group .subsection-title {
    padding-top: 20px;
    padding-bottom: 12px
}

.subscribe-edit-main .subscribe_licenses {
    padding-top: 10px
}

.subscribe-edit-main .but-r input.btn {
    margin-right: 15px;
    font-weight: 600
}

.form .format-subscribe-group label {
    margin-bottom: 0
}

.form.subscribe-settings-form .licence_block {
    padding-bottom: 5px
}

.subscribe-edit-main .top-form.messages .alert {
    margin-bottom: 0
}

.subscribe-edit-main .top-form.messages .alert:last-of-type {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.subscribe-edit-main .top-form.messages ~ .top-form.bordered_block {
    border-radius: 0 0 4px 4px;
    border-top: none
}

.subscribe-edit-main .confirmation-block.top-form ~ .top-form.bordered_block {
    border-radius: 0;
    border-top: none
}

.subscribe-edit-main .top-form.messages ~ .top-form, .subscribe-edit-main .top-form.authorization-block ~ .top-form {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.confirmation-block.top-form, .authorization-block.top-form {
    border: 1px solid #e5e5e5;
    border: 1px solid var(--stroke_black);
    border-radius: 4px 4px 0 0;
    padding: 47px 55px 55px
}

.authorization-block.top-form {
    padding-bottom: 48px
}

.status-block.top-form {
    border: 1px solid #e5e5e5;
    border: 1px solid var(--stroke_black);
    border-radius: 0 0 4px 4px;
    padding: 47px 55px 55px;
    border-top: none
}

.status-block .td_right {
    text-align: right
}

.status-block td {
    vertical-align: bottom
}

.status-block tr {
    background: url(../images/dott.png) no-repeat;
    background-position: 0 calc(100% - 7px);
    background-repeat: repeat-x
}

.status-block td span {
    display: inline-block;
    background: #fff;
    padding-right: 7px
}

.status-block td.td_right span {
    padding-right: 0;
    padding-left: 7px
}

.subscribe-edit-main .text-info-block p {
    margin-bottom: 10px
}

.top-form.bordered_block .questions-block .form-group {
    max-width: 752px
}

@media (min-width: 1200px) {
    .top-form .wrap-half-block {
        display: flex
    }

    .top-form .wrap-half-block > div {
        width: 50%
    }

    .top-form .wrap-half-block .text_block {
        margin-left: 30px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .top-form.bordered_block, .form .bottom-form, .status-block.top-form, .confirmation-block.top-form, .authorization-block.top-form {
        padding: 32px
    }
}

.text_before_items {
    margin-bottom: 41px;
    color: #666;
    color: var(--light_basic_text_black)
}

.text_after_items {
    margin: 77px 0 0;
    color: #666;
    color: var(--light_basic_text_black)
}

.item-views {
    margin-bottom: 0;
    position: relative
}

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

.text_after_items *:last-child {
    margin-bottom: 0
}

.counter {
    display: flex;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 103px
}

.counter__action {
    flex: 0 0 30px;
    position: relative
}

.counter__action:before, .counter__action:after {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    border-radius: 1px;
    top: 50%;
    left: 50%
}

.counter__action:before {
    width: 12px;
    height: 2px;
    margin-top: -1px;
    margin-left: -6px
}

.counter__action--minus {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.counter__action--plus {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.counter__action--plus:after {
    width: 2px;
    height: 12px;
    margin-top: -6px;
    margin-left: -1px
}

.counter__count {
    flex: 1;
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
    text-align: center;
    color: #fff
}

.btn .counter {
    height: 39px
}

.btn-lg .counter {
    height: 46px
}

.btn-md .counter {
    height: 36px
}

.btn-sm .counter {
    height: 34px
}

.btn-xs .counter {
    height: 29px
}

.btn-wide .counter {
    width: auto
}

.btn-lg .counter__action {
    flex-basis: 44px
}

.buttons + .info-buttons {
    margin-top: 8px
}

.info-buttons__item .btn {
    display: block;
    padding-left: 14px;
    padding-right: 14px
}

.info-buttons__item + .info-buttons__item--question .btn-sm {
    width: 44px;
    margin-left: 8px
}

.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide) {
    width: 50px;
    margin-left: 12px
}

.buttons-big-gap .buttons + .info-buttons {
    margin-top: 12px
}

.buttons-big-gap .info-buttons__item + .info-buttons__item--question .btn {
    margin-left: 12px;
    width: 56px
}

.info-buttons__item--compare .btn.active {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.info-buttons__item-text {
    margin-left: 7px
}

.block-with-icon {
    display: flex;
    flex-flow: row wrap
}

.block-with-icon--mt-14 {
    margin-top: 14px
}

.block-with-icon__icon {
    margin: 3px 11px 0 0
}

.block-with-icon__text {
    flex: 1
}

.counter--basket {
    width: 88px;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    margin: auto
}

.counter--basket .counter__action {
    flex-basis: 26px;
    border: none;
    cursor: pointer
}

.counter--basket .counter__action:hover:before, .counter--basket .counter__action:hover:after {
    background-color: #333;
    background-color: var(--fill_dark_light_white_hover)
}

.counter--basket .counter__action:before, .counter--basket .counter__action:after {
    background-color: #999
}

.counter--basket .counter__action:before {
    width: 8px;
    margin-left: -4px
}

.counter--basket .counter__action.counter__action--plus:after {
    height: 8px;
    margin-top: -4px
}

.counter--basket .counter__count {
    color: #333;
    color: var(--white_text_black);
    font-size: .8em
}

.section-wrapper-list > div {
    margin-bottom: 32px
}

@media (max-width: 600px) {
    .grid-list.grid-list--compact .js-popup-block, .owl-carousel .catalog-block__item {
        padding: 16px 16px 12px
    }

    .grid-list.grid-list--compact .side-icons, .owl-carousel .catalog-block__item .side-icons {
        top: auto;
        bottom: -4px;
        left: -2px;
        right: auto;
        font-size: 0px;
        line-height: 0;
        text-align: left
    }

    .grid-list.grid-list--compact .side-icons .side-icons__item, .owl-carousel .catalog-block__item .side-icons .side-icons__item {
        margin: 0 2px 4px;
        display: inline-block
    }

    .grid-list .js-popup-block .countdown, .grid-list .sticker, .grid-list .sticker-wrap, .owl-carousel .catalog-block__item .countdown, .owl-carousel .sticker, .owl-carousel .sticker-wrap {
        display: none
    }

    .grid-list.grid-list--compact div[class*=info-title], .owl-carousel .catalog-block__item div[class*=info-title] {
        font-size: .93333em
    }

    .grid-list.grid-list--compact .price__new-val, .owl-carousel .price__new-val {
        font-size: 1em
    }
}

@media (max-width: 600px) {
    .hide-600 {
        display: none
    }
}

.catalog-detail__gallery--vertical .catalog-detail__gallery-slider.thmb:not(.owl-loaded) {
    opacity: 0;
    visibility: hidden
}

.sku-props--no-current {
    opacity: .6;
    transition: opacity .3s ease
}

.sku-props--no-current:hover {
    opacity: 1
}

.sku-props__item {
    margin-top: 13px
}

.sku-props.sku-props--detail {
    margin-bottom: 25px
}

.sku-props--detail .sku-props__inner:first-of-type .sku-props__item {
    margin-top: 0
}

.sku-props--detail .sku-props__values {
    margin-left: -4px;
    margin-right: -4px
}

.sku-props--detail .sku-props__values > .line-block__item {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 7px
}

.sku-props--detail .sku-props__value {
    padding: 9px 15px
}

.sku-props--list .sku-props__values {
    margin-left: -2px;
    margin-right: -2px
}

.sku-props--list .sku-props__values > .line-block__item {
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 4px
}

.sku-props__value {
    padding: 5px 10px;
    user-select: none;
    transition: all ease .05s
}

.sku-props__value:not(.sku-props__value--active):hover {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color, #9e9e9e);
    cursor: pointer
}

.sku-props__value:not(.sku-props__value--active):active {
    transform: translateY(1px)
}

.sku-props__value.sku-props__value--active {
    box-shadow: 0px 0px 0px 1px inset #9e9e9e;
    box-shadow: 0px 0px 0px 1px inset var(--theme-more-color, #9e9e9e);
    border-color: #9e9e9e;
    border-color: var(--theme-more-color, #9e9e9e)
}

.review-detail__item-header {
    padding: 41px 50px 20px
}

.review-detail__item-image {
    margin: 9px 0 0 30px
}

.review-detail__item-separator {
    margin: 0 6px;
    color: #e1e1e1
}

.review-detail__item-bottom {
    padding: 8px 50px 50px
}

.review-detail__item-top-info {
    margin-bottom: 4px
}

.review-detail__item-info .votes_block {
    margin: 9px 0 0
}

.review-detail__item-close {
    padding: 30px 0 0
}

.switcher-title {
    font-weight: 700
}

.option-font-bold {
    font-weight: 700
}

.arrow-all {
    position: absolute;
    right: -1px;
    top: 7px;
    z-index: 1;
    width: 34px;
    height: 8px
}

.arrow-all__item-arrow {
    position: absolute;
    right: 0;
    top: 0
}

.arrow-all__item-line {
    background: #cacaca;
    height: 2px;
    position: absolute;
    right: 1px;
    top: 3px;
    left: calc(100% - 18px);
    transition: left ease .5s
}

.animate-arrow-hover:hover .arrow-all__item-line {
    left: calc(100% - 34px)
}

.arrow-all--wide {
    width: 42px;
    height: 12px
}

.arrow-all--wide .arrow-all__item-line {
    top: 5px;
    left: calc(100% - 25px)
}

.arrow-all--wide.arrow-all--sm .arrow-all__item-line {
    top: 3px
}

.animate-arrow-hover:hover .arrow-all--wide .arrow-all__item-line {
    left: calc(100% - 42px)
}

.arrow-all--light-color {
    color: #fff
}

.arrow-all--light-bgcolor {
    background-color: #fff
}

.arrow-all--light-path * {
    fill: #fff
}

.arrow-all--light-stroke * {
    stroke: #fff
}

.arrow-all--dark-bgcolor {
    background-color: #919191
}

.arrow-all--dark-path * {
    fill: #919191
}

.arrow-all--dark-stroke * {
    stroke: #919191
}

.arrow-all--animate-right {
    transition: right .5s ease;
    right: 45px
}

.animate-arrow-hover:hover .arrow-all--animate-right {
    right: calc(45px - 17px)
}

.arrow-all--reverce .svg {
    left: 0;
    right: auto
}

.arrow-all--reverce .svg svg {
    transform: rotate(180deg)
}

.arrow-all--reverce .arrow-all__item-line {
    left: 0;
    right: calc(100% - 18px);
    transition: right ease .5s
}

.animate-arrow-hover:hover .arrow-all--reverce .arrow-all__item-line {
    right: calc(100% - 34px);
    left: 0
}

.arrow-all--reverce.arrow-all--wide .arrow-all__item-line {
    right: calc(100% - 25px)
}

.animate-arrow-hover:hover .arrow-all--reverce.arrow-all--wide .arrow-all__item-line {
    right: calc(100% - 42px)
}

.ask-block {
    margin-bottom: 20px
}

.ask-block__container {
    text-align: center;
    padding: 39px 17px 39px
}

.ask-block__text {
    padding: 21px 0 0
}

.ask-block__text p {
    margin-bottom: 9px
}

.ask-block__button {
    padding: 10px 0 0
}

.bottom-links-block {
    margin: 2.89rem 0 0
}

@media (min-width: 1200px) {
    .bottom-links-block--right-padding {
        width: calc(100% - 400px)
    }
}

.back-url {
    position: relative
}

.back-url-icon {
    display: inline-block;
    vertical-align: top;
    right: initial;
    top: 6px;
    left: 0
}

.back-url-icon .svg {
    right: inherit;
    left: 0
}

.back-url-icon svg {
    transform: rotate(180deg)
}

.back-url-icon .arrow-all__item-line {
    left: 0;
    right: calc(100% - 18px);
    transition: right ease .5s
}

.back-url:hover .back-url-icon .arrow-all__item-line {
    left: 0;
    right: calc(100% - 34px)
}

.back-url-text {
    padding: 0 0 0 39px
}

.props_block--table {
    padding: 30px 39px 32px
}

.props_block__wrapper {
    margin-left: 0;
    margin-right: 0
}

.props_block--table .props_block__wrapper {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border: 0;
    table-layout: fixed
}

.props_block:not(.props_block--table) .char {
    padding: 22px 25px;
    margin: 0 -1px -1px 0
}

.props_block:not(.props_block--table) .char:hover {
    background-color: var(--light, #fafafa) var(--dark, var(--card_bg_hover_black))
}

.props_block .char_name {
    text-align: left;
    margin-bottom: 6px;
    position: relative;
    word-break: break-word
}

.props_block .char_name span {
    position: relative
}

.props_block--table .props_item > span {
    background: #fff;
    background: var(--black_bg_black);
    padding-right: 10px
}

.props_block--table .char_name, .props_block--table .char_value {
    text-align: right;
    padding: 4px 0 4px 10px;
    position: relative;
    vertical-align: bottom;
    vertical-align: top;
    background: url(../../images/dott.png) no-repeat;
    background-position: 0 19px;
    background-repeat: repeat-x;
    width: 50%
}

.props_block--table .char_name {
    text-align: left;
    padding-right: 10px;
    padding-left: 0
}

.props_block--table .char_name:first-of-type {
    width: 45%
}

.props_block--table .char_value {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 55%
}

.props_block--nbg .char_value {
    text-align: left;
    background: 0 0
}

.props_block--table .char_value > span {
    position: relative;
    background: #fff;
    background: var(--black_bg_black);
    display: inline-block;
    padding-left: 10px
}

.props_block--table.props_block--nbg .char_value > span {
    padding-left: 0;
    padding-right: 10px
}

.props_block--table .char_value > span .svg-inline-tariff-no {
    margin: -1px 0 0 2px
}

.props_block--table .char_value > span .svg-inline-tariff-yes {
    margin: -3px 0 0 2px
}

@media (max-width: 767px) {
    .props_block .char_value {
        font-size: .93333em;
        line-height: calc(1em + 7px)
    }
}

@media (min-width: 501px) {
    .props_block--line {
        padding: 0
    }

    .props_block--line .char_name {
        padding-left: 20px
    }

    .props_block--line .char_value {
        padding-right: 20x
    }

    .props_block--line .char_name, .props_block--line .char_value {
        padding-top: 10px;
        padding-bottom: 10px;
        background-image: none;
        border-top: 1px solid #e5e5e5;
        border-color: var(--stroke_black)
    }

    .props_block--line tr:first-of-type .char_name, .props_block--line tr:first-of-type .char_value {
        border-top: none
    }
}

@media (max-width: 500px) {
    .props_block--table {
        padding: 24px
    }

    .props_block--table .char_name, .props_block--table .char_value {
        background-image: none;
        display: block;
        width: auto;
        padding-top: 0;
        padding-bottom: 0
    }

    .props_block--table .char_name {
        margin-top: 11px;
        margin-bottom: -1px
    }

    .props_block--table tr:first-of-type .char_name {
        margin-top: 0
    }

    .props_block--table .char_name:first-of-type {
        width: 100%
    }

    .props_block--table .props_item > span {
        font-size: .867em;
        line-height: 1.692em
    }

    .props_block--table .char_value {
        padding-left: 0;
        line-height: 21px;
        text-align: left
    }

    .props_block--table .char_value span {
        padding-left: 0
    }
}

.props_block--table .props_item {
    display: inline-block;
    background-color: #fff;
    background: var(--black_bg_black)
}

.props_block--table .props_item.whint {
    padding-right: 10px
}

.props_block--table .props_item.whint > span {
    padding-right: 0
}

.props_block .char_name .hint, .properties__title .hint {
    display: inline-block;
    position: relative;
    padding-left: 3px
}

.props_block--table .char_name .hint {
    position: relative;
    top: -1px;
    left: 2px;
    right: auto;
    display: inline
}

.hint.hint--first {
    padding: 0;
    display: block
}

.hint.hint--first .tooltip {
    left: 1px;
    margin-bottom: 4px;
    word-break: normal
}

.hint.hint--first .tooltip:after {
    left: 3px
}

.properties.list .properties__value {
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis
}

.filter-panel {
    padding: 13px 24px 11px 23px;
    margin-bottom: 20px
}

.filter-panel__filter .controls-hr {
    top: -3px;
    margin: 0 17px 0 13px
}

.filter-panel__filter .bx-filter-title {
    cursor: pointer;
    display: inline-block
}

.filter-panel__filter .bx-filter-title .svg {
    top: 0
}

.filter-panel__filter .bx-filter-title span {
    margin: 0 0 0 8px
}

.filter-panel__filter.filter-panel__filter--visible {
    display: block
}

.dropdown-menu-wrapper {
    position: absolute;
    top: 100%;
    left: -15px;
    display: none;
    z-index: 107
}

.dropdown-menu-wrapper .dropdown-menu-inner {
    background: #fff;
    background: var(--card_bg_black);
    text-align: left;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    overflow: hidden;
    padding: 7px 0
}

.dropdown-select {
    cursor: pointer;
    position: relative
}

.dropdown-select__title {
    padding: 5px 0
}

.dropdown-select__title .svg {
    margin: -4px 0 0 4px
}

.dropdown-select__list-link {
    display: block;
    padding: 5px 25px 5px 15px;
    white-space: nowrap
}

.dropdown-select__list-link--current {
    cursor: default;
    font-weight: 700
}

.dropdown-select__title svg {
    transition: transform .3s ease
}

.dropdown-select__title.opened svg {
    transform: rotate(180deg)
}

.controls-view {
    margin: 0 -10px;
    font-size: 0px
}

.controls-view__link {
    display: inline-block;
    vertical-align: top;
    padding: 2px 10px
}

.controls-view__link--current path {
    fill: var(--fill_dark_light)
}

.controls-hr {
    width: 21px;
    position: relative;
    height: 1px;
    margin: 0 29px 0 9px;
    display: inline-block;
    top: 3px;
    background: #e5e5e5;
    background: var(--stroke_black)
}

@media (min-width: 992px) {
    .filter-panel--filter-VERTICAL .filter-panel__filter {
        display: none
    }
}

@media (max-width: 991px) {
    .controls-linecount {
        display: none
    }
}

@media (min-width: 768px) {
    .filter-panel--filter-COMPACT .filter-panel__filter {
        display: none
    }

    .filter-panel--filter-COMPACT {
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .controls-view {
        display: none
    }
}

@media (max-width: 500px) {
    .filter-panel__filter .controls-hr {
        display: none
    }

    .filter-panel__main-info {
        justify-content: space-between;
        white-space: nowrap
    }

    .filter-panel__part-left {
        width: 100%
    }
}

@media (max-width: 450px) {
    body .filter-panel {
        border: none;
        padding: 0
    }

    .filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-select__title {
        overflow: hidden;
        max-width: 170px;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 10px
    }

    .filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-select__title .svg {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1px
    }

    .filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-menu-wrapper {
        left: auto;
        right: 0
    }

    .filter-panel .line-block__item:first-child:not(.filter-panel__filter) .dropdown-select:not(.dropdown-select--wide) .dropdown-menu-wrapper {
        left: 0;
        right: auto
    }
}

.countdown {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    display: inline-block;
    overflow: hidden;
    color: #333;
    color: var(--white_text_black)
}

.countdown-block {
    display: block
}

.countdown__inner {
    height: 27px;
    padding-right: 2px;
    background: #fff;
    background: var(--card_bg_black)
}

.countdown__items {
    display: none;
    background: #fff;
    background: var(--card_bg_black);
    height: 25px
}

.countdown__items.is-countdown {
    display: inline-block
}

.countdown__item {
    padding: 5px 3px 0 8px;
    font-size: 12px;
    width: auto;
    display: inline-block;
    position: relative;
    line-height: 16px;
    height: 25px;
    font-weight: 700
}

.countdown__item:last-child {
    display: none
}

.countdown__item:before, .countdown__item:after {
    content: "";
    background: #333;
    background: var(--white_text_black);
    width: 2px;
    height: 2px;
    display: block;
    position: absolute;
    right: -3px;
    border-radius: 6px;
    z-index: 10
}

.countdown__item:before {
    top: 11px
}

.countdown__item:after {
    bottom: 8px
}

.countdown__item:last-child:before, .countdown__item:last-child:after {
    display: none
}

.countdown__item.minutes:before, .countdown__item.minutes:after {
    display: none
}

.countdown__item.minutes {
    padding-right: 6px
}

.countdown__item .text {
    display: inline-block;
    padding: 0 0 0 1px;
    opacity: 1
}

.countdown__icon:before, .countdown__icon:after {
    display: none
}

.countdown__icon {
    padding-right: 6px
}

.countdown__icon .svg {
    top: -1px;
    left: 1px
}

.countdown--icons .countdown__inner {
    height: 29px;
    background: #fff;
    background: var(--card_bg_black)
}

.countdown--icons .countdown__items, .countdown--icons .countdown__item {
    height: 27px
}

.countdown--icons .countdown__items {
    margin-left: -6px
}

.countdown--icons .countdown__item {
    line-height: 18px
}

.countdown--icons .countdown__item:after {
    bottom: 9px
}

.countdown--icons .countdown__item:before {
    top: 12px
}

.countdown-list-image {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0
}

.countdown-list-list-image {
    margin-bottom: 4px
}

.cross {
    position: relative;
    height: 18px;
    width: 18px
}

.cross:before, .cross:after {
    content: '';
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 1px
}

.cross:before {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 2px;
    transition: width .5s ease-in-out
}

.cross:after {
    transform: translate(-50%, -50%);
    left: 50%;
    height: 18px;
    width: 2px;
    transition: height .5s ease-in-out
}

.animate-cross-hover:hover .cross:before {
    width: 26px
}

.animate-cross-hover:hover .cross:after {
    height: 26px
}

@media (min-width: 992px) {
    .animate-cross-hover:hover .cross--wide34:before {
        width: 34px
    }

    .animate-cross-hover:hover .cross--wide34:after {
        height: 34px
    }
}

@media (min-width: 601px) {
    .animate-cross-hover:hover .cross--wide42:before {
        width: 42px
    }

    .animate-cross-hover:hover .cross--wide42:after {
        height: 42px
    }
}

:root {
    --ON_toggle: initial;
    --OFF_toggle:
}

.theme-default, .theme-light {
    --light: var(--ON_toggle);
    --dark: var(--OFF_toggle)
}

.theme-dark {
    --light: var(--OFF_toggle);
}

body {
    --white_text_black: var(--light, #333) var(--dark, #fff);
    --white_text_black_reverse: var(--light, #fff) var(--dark, #333);
    --basic_text_black: var(--light, #555) var(--dark, #ccc);
    --light_basic_text_black: var(--light, #666) var(--dark, #ccc);
    --black_bg_black: var(--light, #fff) var(--dark, #1b1b1b);
    --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #121212);
    --stroke_black: var(--light, #e5e5e5) var(--dark, #3a3a3a);
    --stroke_black_hover: var(--light, #fff) var(--dark, #3a3a3a);
    --card_bg_black: var(--light, #fff) var(--dark, #232323);
    --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b);
    --arrows_bg_black: var(--light, #fff) var(--dark, #444);
    --light_bg_black: var(--light, #fafafa) var(--dark, #1b1b1b);
    --light2_bg_black: var(--light, #fafafa) var(--dark, #232323);
    --gray_bg_black: var(--light, #ccc) var(--dark, #3a3a3a);
    --white_bg_ccc: var(--light, #fff) var(--dark, #ccc);
    --fill_dark_light: var(--light, #333) var(--dark, #fff);
    --fill_dark_light_ccc: var(--light, #333) var(--dark, #ccc);
    --fill_dark_light_hover: var(--light, var(--theme-base-color)) var(--dark, #ccc);
    --fill_dark_light_white_hover: var(--light, var(--theme-base-color)) var(--dark, #fff);
    --dark_light-wtheme-hue: var(--light, var(--theme-base-color-hue)) var(--dark, 0);
    --dark_light-wtheme-saturation: var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);
    --dark_light-wtheme-lightness: var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);
    --dark_light-hue: var(--light, 0) var(--dark, 0);
    --dark_light-saturation: var(--light, 0%) var(--dark, 0%);
    --dark_light-lightness: var(--light, 97%) var(--dark, 7%);
    --checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a);
    --opacity_dark_light_hover: var(--light, var(--theme-base-opacity-color)) var(--dark, #3a3a3a);
    --dff_dark_light: var(--light, #fff) var(--dark, #121212)
}

@media (prefers-color-scheme: dark) {
    .theme-default {
        --light: var(--OFF_toggle);
    }
}

.doc-list-inner__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 27px 32px;
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

.doc-list-inner__content-wrapper {
    position: relative;
    width: 100%
}

.doc-list-inner__top {
    position: relative
}

.doc-list-inner__bottom {
    margin-top: 12px
}

.doc-list-inner__label {
    font-size: .86667em;
    line-height: calc(1em + 7px);
    color: #999
}

.doc-list-inner__name {
    font-size: 1em;
    line-height: calc(1em + 7px);
    color: #333;
    font-weight: 700
}

.doc-list-inner__preview-icon1 {
    display: none
}

.doc-list-inner__description p:last-child {
    margin-bottom: 0
}

.doc-list-inner__icon-preview-image {
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 1;
    width: 18px;
    height: 27px
}

.doc-list-inner__icon-wrapper {
    position: relative;
    margin-right: 32px
}

.doc-list-inner__icon {
    margin-top: 4px
}

.doc-list-inner--view-block .doc-list-inner__item {
    flex-direction: column;
    border-radius: 0 !important;
    padding: 40px 36px
}

.doc-list-inner--view-block .doc-list-inner__icon-wrapper {
    margin: 0 0 17px;
    text-align: center
}

.doc-list-inner--view-block .doc-list-inner__icon {
    margin: auto
}

.doc-list-inner--view-block .doc-list-inner__top {
    text-align: center
}

.doc-list-inner--view-block .doc-list-inner__link-file {
    display: none
}

.doc-list-inner--view-block .doc-list-inner__label {
    margin-top: 3px
}

@media (max-width: 600px) {
    .doc-list-inner__item {
        flex-direction: column;
        border-radius: 0 !important;
        padding: 40px 36px
    }

    .doc-list-inner__icon-wrapper {
        margin: 0 0 17px;
        text-align: center
    }

    .doc-list-inner__icon {
        margin: auto
    }

    .doc-list-inner__top {
        text-align: center
    }

    .doc-list-inner__link-file {
        display: none
    }

    .doc-list-inner__label {
        margin-top: 3px
    }
}

.file-type {
    width: 40px;
    height: 40px;
    display: block
}

.file-type--inline {
    display: inline-block
}

.file-type__icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url("../../images/svg/docs.svg") 0px -84px no-repeat;
    float: left
}

.file-type__icon--jpg {
    background-position: -42px -42px
}

.file-type__icon--rtf {
    background-position: 0 -42px
}

.file-type__icon--tiff {
    background-position: -84px -42px
}

.file-type__icon--ppt {
    background-position: -84px -126px
}

.file-type__icon--pdf {
    background-position: 0 0
}

.file-type__icon--word {
    background-position: -42px 0
}

.file-type__icon--png {
    background-position: -84px -84px
}

.file-type__icon--txt {
    background-position: -42px -84px
}

.file-type__icon--excel {
    background-position: -84px 0
}

.file-type__icon--gif {
    background-position: 0 -126px
}

.file-type__icon--bmp {
    background-position: -42px -126px
}

.body.index .main > .container, .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1
}

.row.flexbox {
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bx-mac .row.flexbox:not(.nmac) > div {
    margin-left: -1px;
    margin-right: -1px
}

.bx-mac .flexbox.nmac, .bx-mac .row.flexbox.nmac {
    display: block
}

.bx-mac .row.flexbox:after, .bx-mac .row.flexbox:before {
    width: 100%
}

.flexbox--direction-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flexbox--direction-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.flexbox--direction-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flexbox--direction-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flexbox--justify-beetwen {
    -ms-justify-content: space-between;
    justify-content: space-between
}

.flexbox--justify-end {
    -ms-justify-content: flex-end;
    justify-content: flex-end
}

.flexbox--justify-center {
    -ms-justify-content: center;
    justify-content: center
}

.flexbox--wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flexbox--align-center {
    -ms-align-items: center;
    align-items: center
}

.flexbox--align-start {
    -ms-align-items: flex-start;
    align-items: flex-start
}

.flex-1 {
    flex: 1
}

.no-shrinked {
    flex-shrink: 0
}

.flex-grow-1 {
    flex-grow: 1;
    flex-basis: 0%
}

.flex-grow-0 {
    flex-grow: 0
}

.bx-ie .flex-grow-1 {
    flex-grow: 1;
    flex-basis: auto
}

.flexbox--wrap {
    flex-wrap: wrap
}

body .flexbox--inline {
    display: inline-flex
}

@media (max-width: 600px) {
    .bx-ie .flex-grow-1.flex-basis-auto-f600-ie {
        flex-basis: 0
    }
}

@media (min-width: 601px) {
    .bx-ie .flex-grow-1.flex-basis-auto-t600-ie {
        flex-basis: 0
    }
}

@media (min-width: 992px) {
    .flexbox--w34-f992 {
        flex-basis: 34%;
        padding-right: 64px
    }
}

@media (max-width: 991px) {
    .flexbox--column-t991 {
        flex-direction: column
    }

    .flexbox--mb20-t991 {
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .flexbox--column-t767 {
        flex-direction: column
    }
}

.gallery, .big_gallery {
    position: relative
}

.gallery img, .big_gallery img {
    cursor: zoom-in;
    min-width: 1px;
    border-radius: 4px
}

.gallery-view_switch {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: #fff;
    background: var(--black_bg_black)
}

.gallery-view_switch__count-wrapper {
    display: flex;
    flex-direction: row
}

.gallery-view_switch__count-value {
    padding-right: 3px;
    padding-left: 3px
}

.gallery-view_switch__count-separate {
    color: #cecece;
    padding: 0 15px
}

.gallery-view_switch__icons {
    transition: opacity .3s ease
}

.gallery-view_switch__icons path {
    fill: var(--white_text_black)
}

.gallery-view_switch__icons.gallery-view_switch__icons--big {
    margin-right: 6px
}

.gallery-view_switch__icons:not(.active) {
    opacity: .35;
    cursor: pointer
}

.gallery-view_switch .gallery-view_switch__icons:hover {
    opacity: 1
}

.gallery-big .owl-carousel {
    max-height: 700px;
    min-height: 150px
}

.gallery-big .owl-carousel .owl-stage {
    display: flex;
    align-items: center
}

.gallery-big .owl-stage-outer {
    overflow: hidden;
    border-radius: 4px
}

.gallery-big .owl-carousel .owl-item {
    flex-shrink: 0
}

.gallery-big .owl-carousel .item img {
    max-height: 650px;
    width: auto
}

.gallery-big__link {
    display: inline-block
}

.gallery-big .owl-carousel .owl-dots {
    position: relative;
    bottom: -8px;
    right: initial;
    top: initial;
    text-align: center
}

@media (min-width: 768px) {
    .gallery-big .owl-carousel .owl-dots {
        display: none
    }
}

.gallery-small .grid-list {
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))
}

@media (max-width: 620px) {
    #main .gallery-small .grid-list:not(.mobile-scrolled) {
        grid-template-columns:1fr 1fr
    }
}

.gallery-small .item {
    padding-top: 67%;
    transition: opacity .3s ease;
    overflow: hidden;
    position: relative
}

.gallery-small .item:hover {
    opacity: .7
}

.gallery-small .item > a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    cursor: zoom-in;
    text-align: center
}

html.bx-ie .gallery-small .gallery-item-wrapper {
    width: 25%
}

@media (max-width: 991px) {
    html.bx-ie .gallery-small .gallery-item-wrapper {
        width: 50%
    }
}

.grid-list {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 32px
}

.grid-list--gap-20 {
    grid-gap: 20px
}

.grid-list--gap-32 {
    grid-gap: 32px
}

#main .body .grid-list--items-1, #main .body .grid-list--items-1-wide {
    grid-template-columns:1fr
}

.grid-list--items-2 {
    grid-template-columns:repeat(auto-fill, minmax(505px, 1fr))
}

.grid-list--items-2.grid-list--items-min260 {
    grid-template-columns:repeat(auto-fill, minmax(max(calc((100% - 32px) / 2), 260px), 1fr))
}

.grid-list--items-2.grid-list--no-gap {
    grid-template-columns:repeat(auto-fill, minmax(520px, 1fr))
}

.grid-list--items-2.grid-list--no-gap.grid-list--items-min260 {
    grid-template-columns:repeat(auto-fill, minmax(max(50%, 260px), 1fr))
}

.grid-list--items-3 {
    grid-template-columns:repeat(auto-fill, minmax(425px, 1fr))
}

.grid-list--items-4 {
    grid-template-columns:repeat(auto-fill, minmax(310px, 1fr))
}

.grid-list--items-5 {
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))
}

.grid-list--items-exact-2 {
    grid-template-columns:1fr 1fr
}

body .grid-list--no-gap {
    grid-gap: 0px
}

body .grid-list--gap-row {
    grid-row-gap: 32px
}

.grid-list--no-gap .grid-list-border-outer {
    margin: 0 -1px -1px 0
}

.grid-list--items-2-wide {
    grid-template-columns:repeat(auto-fill, minmax(640px, 1fr))
}

.grid-list--items-3-wide {
    grid-template-columns:repeat(auto-fill, minmax(480px, 1fr))
}

.grid-list--items-4-wide {
    grid-template-columns:repeat(auto-fill, minmax(385px, 1fr))
}

.grid-list--items-5-wide {
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))
}

body .grid-list--no-grid {
    display: flex;
    grid-gap: unset;
    flex-wrap: wrap
}

@media (max-width: 1300px) {
    .grid-list--items-2-wide {
        grid-template-columns:repeat(auto-fill, minmax(480px, 1fr))
    }
}

@media (min-width: 992px) {
    .grid-list--items-5:not(.grid-list--no-gap) {
        grid-template-columns:repeat(auto-fill, minmax(235px, 1fr))
    }
}

@media (max-width: 1100px) {
    #main .grid-list.grid-list--items-1-991 {
        grid-template-columns:1fr
    }

    .grid-list.grid-list--items-2-991 {
        grid-template-columns:1fr 1fr
    }

    .grid-list.grid-list--items-3-991 {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 768px) {
    #main [class*=grid-list--items] {
        grid-template-columns:repeat(auto-fill, minmax(325px, 1fr))
    }
}

@media (max-width: 500px) {
    #main .grid-list:not(.mobile-scrolled) {
        grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))
    }
}

.item-w25 {
    width: 25%
}

.item-w33 {
    width: 33.33%
}

.item-w50 {
    width: 50%
}

.item-w66 {
    width: 66.66%
}

.item-w75 {
    width: 75%
}

.item-w100 {
    width: 100%
}

html.bx-ie .grid-list {
    display: flex;
    flex-wrap: wrap
}

html.bx-ie .grid-list .grid-list__item {
    width: 100%
}

html.bx-ie .grid-list--items-5 .grid-list__item {
    width: 20%
}

html.bx-ie .grid-list--items-4 .grid-list__item {
    width: 25%
}

html.bx-ie .grid-list--items-3 .grid-list__item {
    width: 33.33%
}

html.bx-ie .grid-list--items-2 .grid-list__item {
    width: 50%
}

@media (max-width: 1200px) {
    html.bx-ie .grid-list--items-5 .grid-list__item {
        width: 33%
    }
}

@media (min-width: 992px) {
    .grid-list--no-grid:not(.grid-list--no-gap), html.bx-ie .grid-list:not(.grid-list--no-gap) {
        margin: -16px
    }

    .grid-list--no-grid:not(.grid-list--no-gap) > div, html.bx-ie .grid-list:not(.grid-list--no-gap) > div {
        padding: 16px
    }

    html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) {
        margin: 0 -10px
    }

    html.bx-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) > div {
        padding: 10px
    }

    html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) {
        margin: 0 -16px
    }

    html.bx-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) > div {
        padding: 16px
    }
}

@media (max-width: 991px) {
    html.bx-ie .grid-list .grid-list__item {
        width: 50%
    }

    html.bx-ie .grid-list--items-5 .grid-list__item {
        width: 20%
    }

    html.bx-ie .grid-list--items-1 .grid-list__item, html.bx-ie .grid-list--items-1-wide .grid-list__item {
        width: 100%
    }

    .grid-list {
        grid-gap: 24px
    }

    .grid-list--no-grid:not(.grid-list--no-gap), html.bx-ie .grid-list:not(.grid-list--no-gap) {
        margin: 0 -12px
    }

    .grid-list--no-grid:not(.grid-list--no-gap) > div, html.bx-ie .grid-list:not(.grid-list--no-gap) > div {
        padding: 12px
    }
}

@media (max-width: 767px) {
    html.bx-ie .grid-list .grid-list__item {
        width: 100%
    }
}

@media (max-width: 600px) {
    body .grid-list--no-gap.grid-list--no-gap-f601 {
        grid-gap: 24px
    }

    body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601 {
        grid-gap: 0
    }

    body .mobile-scrolled.grid-list--no-gap.grid-list--no-gap-f601 > div {
        padding-right: 24px
    }

    #main .grid-list.grid-list--compact {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 450px) {
    #main .grid-list.grid-list--compact {
        grid-gap: 0px;
        display: flex;
        flex-flow: row wrap
    }

    #main .grid-list.grid-list--compact .grid-list-border-outer {
        margin: 0 -1px -1px 0;
        width: 50%
    }

    #main .grid-list.grid-list--compact .grid-list__item > .bordered {
        border-radius: 0
    }
}

@media (max-width: 400px) {
    #main .grid-list:not(.mobile-scrolled) {
        grid-template-columns:1fr
    }
}

.grid-list__item > .bordered {
    background: #fff;
    background: var(--card_bg_black)
}

.hint {
    position: relative
}

.hint--absolute {
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 1
}

.hint.hint--absolute2 {
    position: absolute;
    right: -23px;
    top: 0;
    z-index: 1
}

.hint__icon {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 0;
    height: 16px;
    width: 16px;
    line-height: 15px;
    border: 1px solid #e5e5e5;
    font-size: 11px
}

.hint__icon:hover {
    color: #fff
}

.hint__icon i {
    font-style: normal
}

.hint__icon--absolute {
    position: absolute;
    z-index: 202;
    left: -35px;
    top: -1px
}

.hint__text {
    padding: 0 0 0 6px
}

.hint .tooltip {
    position: absolute;
    left: -19px;
    top: auto;
    bottom: 100%;
    line-height: 14px;
    z-index: 202;
    display: none;
    padding: 17px 20px 17px;
    min-width: 21px;
    max-width: 300px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-weight: 400;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .12);
    background: #fff;
    background: var(--card_bg_hover_black)
}

.hint.active .tooltip {
    opacity: 1;
    z-index: 204;
    cursor: auto
}

.hint .tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 22px;
    top: auto;
    border: 5px solid transparent;
    border-top: 5px solid #fff;
    border-top-color: var(--card_bg_hover_black)
}

.hint .tooltip--manual {
    max-width: 232px;
    opacity: 1
}

.hint.active .hint__icon {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    color: #fff
}

.hint.hint--down .tooltip {
    left: 4px;
    top: calc(100% + 4px);
    word-break: normal;
    bottom: inherit
}

.hint.hint--down .tooltip:after {
    left: 2px;
    border: 5px solid transparent;
    border-top-width: 1px;
    border-bottom-color: #fff;
    border-bottom-color: var(--card_bg_hover_black);
    top: -5px
}

.hint.hint--down.active .tooltip {
    display: inline-block
}

.properties_absolute {
    position: absolute;
    top: 0;
    padding-right: 35px;
    padding-top: 2px;
    right: 100%;
    bottom: 0;
    width: 100%;
    text-align: left;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.properties__item {
    margin-top: 3px;
    position: relative;
    word-break: break-word
}

.properties__item:first-of-type {
    margin-top: 0
}

.properties__item--inline {
    display: inline
}

.properties__item.properties__item--compact {
    margin-top: 0
}

.properties__hr {
    margin: 0 1px
}

.properties--mt-10 {
    margin-top: 10px
}

.properties--mt-13 {
    margin-top: 13px
}

.properties--mt-20 {
    margin-top: 20px
}

@media (min-width: 768px) {
    .properties-absolute-outer:hover .properties_absolute {
        right: 0
    }

    .properties_absolute.to-top {
        right: 0;
        top: 100%
    }

    .properties-absolute-outer:hover .properties_absolute.to-top {
        top: 0
    }
}

.icon-block__icon {
    margin-right: 11px;
    margin-top: -2px;
    display: none
}

.icon-block__icon--right {
    margin: 0 0 0 36px;
    display: none
}

.icon-block__only-icon {
    display: none
}

.icon-block__wrapper {
    display: flex;
    align-items: center
}

.icon-block--with_icon .icon-block__icon {
    display: block
}

.icon-block--only_icon .icon-block__icon {
    display: none
}

.icon-block--only_icon .icon-block__only-icon {
    display: flex;
    margin: 0
}

.icon-block--only_icon .icon-block__name, .icon-block--only_icon .more-arrow {
    display: none
}

.icon-block-with-counter {
    display: block
}

.icon-block-with-counter__inner {
    align-items: flex-end;
    display: flex;
    height: 20px;
    margin: 0;
    position: relative
}

@media (max-width: 1100px) {
    .icon-block--only_icon-1100 .icon-block__icon {
        display: none
    }

    .icon-block--only_icon-1100 .icon-block__only-icon {
        display: flex;
        margin: 0
    }

    .icon-block--only_icon-1100 .icon-block__name, .icon-block--only_icon-1100 .more-arrow {
        display: none
    }
}

@media (max-width: 1200px) {
    .icon-block--only_icon-1200 .icon-block__icon {
        display: none
    }

    .icon-block--only_icon-1200 .icon-block__only-icon {
        display: flex;
        margin: 0
    }

    .icon-block--only_icon-1200 .icon-block__name, .icon-block--only_icon-1200 .more-arrow {
        display: none
    }
}

@media (max-width: 1300px) {
    .icon-block--only_icon-1300 .icon-block__icon {
        display: none
    }

    .icon-block--only_icon-1300 .icon-block__only-icon {
        display: flex;
        margin: 0
    }

    .icon-block--only_icon-1300 .icon-block__name, .icon-block--only_icon-1300 .more-arrow {
        display: none
    }
}

@media (max-width: 1400px) {
    .icon-block--only_icon-1400 .icon-block__icon {
        display: none
    }

    .icon-block--only_icon-1400 .icon-block__only-icon {
        display: flex;
        margin: 0
    }

    .icon-block--only_icon-1400 .icon-block__name, .icon-block--only_icon-1400 .more-arrow {
        display: none
    }
}

@media (max-width: 1500px) {
    .icon-block--only_icon-1500 .icon-block__icon {
        display: none
    }

    .icon-block--only_icon-1500 .icon-block__only-icon {
        display: flex;
        margin: 0
    }

    .icon-block--only_icon-1500 .icon-block__name, .icon-block--only_icon-1500 .more-arrow {
        display: none
    }
}

@media (max-width: 1600px) {
    .icon-block--only_icon-1600 .icon-block__icon {
        display: none
    }

    .icon-block--only_icon-1600 .icon-block__only-icon {
        display: flex;
        margin: 0
    }

    .icon-block--only_icon-1600 .icon-block__name, .icon-block--only_icon-1600 .more-arrow {
        display: none
    }
}

@media (max-width: 1100px) {
    .icon-block--no_icon-1100 .icon-block__icon {
        display: none
    }
}

@media (max-width: 1500px) {
    .icon-block--no_icon-1500 .icon-block__icon {
        display: none
    }
}

.icon-block__icon--top {
    align-self: flex-start
}

.icon-block--only_icon .sites__dropdown {
    left: -15px;
    padding-top: 8px
}

@media (max-width: 1100px) {
    .icon-block--only_icon-1100 .sites__dropdown {
        left: -15px;
        padding-top: 8px
    }
}

@media (max-width: 1200px) {
    .icon-block--only_icon-1200 .sites__dropdown {
        left: -15px;
        padding-top: 8px
    }
}

@media (max-width: 1300px) {
    .icon-block--only_icon-1300 .sites__dropdown {
        left: -15px;
        padding-top: 8px
    }
}

@media (max-width: 1400px) {
    .icon-block--only_icon-1400 .sites__dropdown {
        left: -15px;
        padding-top: 8px
    }
}

@media (max-width: 1500px) {
    .icon-block--only_icon-1500 .sites__dropdown {
        left: -15px;
        padding-top: 8px
    }
}

.icon-block--only_icon .phones__dropdown {
    padding-top: 8px;
    top: 100%
}

@media (max-width: 1100px) {
    .icon-block--only_icon-1100 .phones__dropdown {
        padding-top: 8px;
        top: 100%
    }

    .icon-block--only_icon-1100 .phones__dropdown .dropdown {
        left: -23px
    }
}

@media (max-width: 1200px) {
    .icon-block--only_icon-1200 .phones__dropdown {
        padding-top: 8px;
        top: 100%
    }

    .icon-block--only_icon-1200 .phones__dropdown .dropdown {
        left: -23px
    }
}

@media (max-width: 1300px) {
    .icon-block--only_icon-1300 .phones__dropdown {
        padding-top: 8px;
        top: 100%
    }

    .icon-block--only_icon-1300 .phones__dropdown .dropdown {
        left: -23px
    }
}

@media (max-width: 1400px) {
    .icon-block--only_icon-1400 .phones__dropdown {
        padding-top: 8px;
        top: 100%
    }

    .icon-block--only_icon-1400 .phones__dropdown .dropdown {
        left: -23px
    }
}

.image-list-outer, .image-list {
    width: 100%;
    position: relative
}

.image-list-wrapper {
    position: relative;
    padding-top: 100%;
    margin: 0 auto;
    text-align: center;
    zoom: 1;
    display: block
}

.image-list__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.image-list-wrapper img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none
}

.section-gallery-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: row;
    z-index: 2
}

.section-gallery-wrapper__item {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1
}

.section-gallery-wrapper__item-nav {
    display: block;
    position: relative;
    margin: 0 1px;
    height: 100%
}

.section-gallery-wrapper__item_hidden {
    display: none
}

.section-gallery-wrapper__item img {
    opacity: 0;
    transition: opacity .2s ease-in-out;
    left: 0;
    right: 0;
    border-radius: 4px
}

.section-gallery-wrapper__item.active img {
    opacity: 1
}

.section-gallery-nav {
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2
}

.section-gallery-nav__item {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #ddd;
    border-radius: 100%
}

.section-gallery-nav__item:not(.active) {
    cursor: pointer
}

.line-block {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 -16px
}

.line-block--align-normal {
    align-items: normal
}

.line-block--align-flex-start {
    align-items: flex-start
}

.line-block--align-flex-end {
    align-items: flex-end
}

.line-block--flex-wrap {
    flex-wrap: wrap
}

.line-block > .line-block__item {
    padding-left: 16px;
    padding-right: 16px
}

.line-block--40 {
    margin-left: -20px;
    margin-right: -20px
}

.line-block--40 > .line-block__item {
    padding-left: 20px;
    padding-right: 20px
}

.line-block--48 {
    margin-left: -24px;
    margin-right: -24px
}

.line-block--48 > .line-block__item {
    padding-left: 24px;
    padding-right: 24px
}

.line-block--100 {
    margin-left: -50px;
    margin-right: -50px
}

.line-block--100 > .line-block__item {
    padding-left: 50px;
    padding-right: 50px
}

.line-block-80 {
    margin-left: -40px;
    margin-right: -40px
}

.line-block--80 > .line-block__item {
    padding-left: 40px;
    padding-right: 40px
}

.line-block--24 {
    margin-left: -12px;
    margin-right: -12px
}

.line-block--24 > .line-block__item {
    padding-left: 12px;
    padding-right: 12px
}

.line-block--20 {
    margin-left: -10px;
    margin-right: -10px
}

.line-block--20 > .line-block__item {
    padding-left: 10px;
    padding-right: 10px
}

.line-block--16 {
    margin-left: -8px;
    margin-right: -8px
}

.line-block--16 > .line-block__item {
    padding-left: 8px;
    padding-right: 8px
}

.line-block--12 {
    margin-left: -6px;
    margin-right: -6px
}

.line-block--12 > .line-block__item {
    padding-left: 6px;
    padding-right: 6px
}

.line-block--8 {
    margin-left: -4px;
    margin-right: -4px
}

.line-block--8 > .line-block__item {
    padding-left: 4px;
    padding-right: 4px
}

.line-block--0 {
    margin-left: 0;
    margin-right: 0
}

.line-block--0 > .line-block__item {
    padding-left: 0;
    padding-right: 0
}

.line-block--flex-100 > .line-block__item {
    flex-basis: 100%
}

@media all and (max-width: 1400px) {
    .line-block--24-narrow {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-narrow > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1300px) {
    .line-block--24-1300 {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-1300 > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1200px) {
    .line-block--24-1200 {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-1200 > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1100px) {
    .line-block--24-1100 {
        margin-left: -12px;
        margin-right: -12px
    }

    .line-block--24-1100 > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1400px) {
    .line-block--32-narrow {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-narrow > .line-block__item {
        padding: 0 16px
    }

    .line-block--32-1400 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1400 > .line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width: 1300px) {
    .line-block--32-1300 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1300 > .line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width: 1200px) {
    .line-block--32-1200 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1200 > .line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width: 1100px) {
    .line-block--32-1100 {
        margin-left: -16px;
        margin-right: -16px
    }

    .line-block--32-1100 > .line-block__item {
        padding: 0 16px
    }
}

@media (max-width: 1400px) {
    .line-block--wrap-end-1400 {
        flex-wrap: wrap;
        justify-content: flex-end
    }
}

@media (max-width: 767px) {
    .line-block--block {
        display: block
    }
}

.line-block--24-vertical {
    margin-top: -12px;
    margin-bottom: -12px
}

.line-block--24-vertical > .line-block__item {
    padding-top: 12px;
    padding-bottom: 12px
}

.line-block--16-vertical {
    margin-top: -8px;
    margin-bottom: -8px
}

.line-block--16-vertical > .line-block__item {
    padding-top: 8px;
    padding-bottom: 8px
}

.line-block--8-vertical {
    margin-top: -4px;
    margin-bottom: -4px
}

.line-block--8-vertical > .line-block__item {
    padding-top: 4px;
    padding-bottom: 4px
}

.line-block--8-1-vertical {
    margin-top: -8px;
    margin-bottom: -1px
}

.line-block--8-1-vertical > .line-block__item {
    padding-top: 8px;
    padding-bottom: 1px
}

.line-block--5-6-vertical {
    margin-top: -5px;
    margin-bottom: -6px
}

.line-block--5-6-vertical > .line-block__item {
    padding-top: 5px;
    padding-bottom: 6px
}

@media (max-width: 600px) {
    .mobile-scrolled {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 15px !important;
        margin-bottom: -15px !important;
        padding-top: 15px !important;
        margin-top: -15px !important;
        grid-gap: 0px
    }

    #main .mobile-scrolled:not(.grid-list--no-gap) > div {
        padding: 0 24px 0 0
    }

    #main .mobile-scrolled .bottom_nav.mobile_slider {
        padding: 0
    }

    #main .mobile-scrolled > div {
        width: 420px;
        flex-shrink: 0;
        box-sizing: content-box
    }

    #main .mobile-scrolled--items-2 > div {
        width: 260px
    }

    #main .mobile-scrolled.mobile-scrolled--items-auto > div {
        width: auto;
        padding: 0
    }

    #main .mobile-offset {
        margin: 0 -24px;
        padding: 0 0 0 24px;
        flex-wrap: nowrap
    }
}

@media (max-width: 450px) {
    .mobile-scrolled > div {
        width: 320px
    }
}

body.jqm-initied #panel, body.jqm-initied .basket_bottom_block > div, body.jqm-initied .basket_fly_forms > div, body.jqm-initied .basket_wrapp .opener, body.jqm-initied .scroll-to-top, body.jqm-initied .style-switcher, body.jqm-initied .ui-panel-top-devices-inner, body.jqm-initied .page-top, body.jqm-initied .body > div > div, body.jqm-initied .body > div > header > div > div, body.jqm-initied footer, body.jqm-initied .fixed_wrapper, body.jqm-initied.wf .wrapper1 > div {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.filter-none, .filter-none > div, .filter-none > header > div {
    -webkit-filter: none !important;
    filter: none !important
}

#popup_iframe_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

.popup.loading-state {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

.jqmWindow {
    display: none;
    position: fixed;
    min-width: 250px;
    max-width: 580px;
    background: #fff;
    background: var(--black_bg_black);
    animation: toggle_opacity .2s;
    max-height: 100%;
    width: 100%;
    border-radius: 4px
}

.review_frame.popup {
    max-width: 700px
}

.ocb_frame.popup:not(.success) {
    max-width: 957px
}

.auth_frame.popup {
    max-width: 520px
}

.jqmOverlay {
    background: #3a3f44;
    opacity: .7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998
}

.jqmOverlay.mobp {
    z-index: 994
}

.jqmOverlay.waiting {
    z-index: 997
}

.jqmClose.top-close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.top-close.top-close--small {
    width: 44px;
    height: 40px
}

.top-close--small svg {
    width: 10px;
    height: 10px
}

.mobile .jqmWindow.popup {
    overflow: hidden;
    overflow-y: auto
}

.goods-popup {
    width: 393px;
    border-right: 1px solid #e5e5e5;
    border-right: 1px solid var(--stroke_black);
    padding: 48px 49px
}

.goods-popup__image {
    margin-bottom: 26px
}

.goods-popup__info-link {
    display: block;
    margin-bottom: 6px
}

.goods-popup__info-more {
    margin-bottom: 14px
}

.fast_view_sale_frame {
    max-width: 700px
}

.fast_view_frame.popup {
    max-width: 964px;
    width: 88%;
    z-index: 2998;
    max-height: 750px
}

#fast_view_item {
    height: 100%
}

.navigation-wrapper-fast-view .fast-view-nav.next, .navigation-wrapper-fast-view .fast-view-nav.prev {
    border-radius: var(--theme-border-radius)
}

@media (min-width: 768px) {
    .fast_view_frame.popup > .mCustomScrollBox > .mCSB_container {
        height: 100%
    }

    .fast_view_frame.popup > .mCustomScrollBox > .mCSB_scrollTools {
        display: none !important
    }
}

@media (max-height: 750px) {
    .fast_view_frame.popup {
        height: 100vh
    }
}

.navigation-wrapper-fast-view {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    max-width: 1080px;
    display: flex;
    justify-content: space-between
}

.navigation-wrapper-fast-view .fast-view-nav {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    z-index: 2998;
    display: flex;
    align-items: center;
    justify-content: center
}

.navigation-wrapper-fast-view .fast-view-nav:hover * {
    fill: #fff
}

.navigation-wrapper-fast-view .fast-view-nav.prev .svg {
    transform: rotate(-90deg)
}

.navigation-wrapper-fast-view .fast-view-nav.next .svg {
    transform: rotate(90deg)
}

.bx-ie .jqmWindow {
    transform: translate(-50%, -50%)
}

@media (max-width: 991px) {
    .goods-popup {
        width: 300px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .jqmWindow {
        width: calc(100% - 48px)
    }

    .goods-popup {
        display: none
    }

    .navigation-wrapper-fast-view {
        display: none
    }
}

@media (max-width: 600px) {
    .form.popup .form-header, .form.popup .form-body, .form.popup .form-footer {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 450px) {
    .jqmWindow {
        transition: .15s linear
    }
}

@media (max-width: 430px) {
    .jqmWindow {
        max-width: inherit;
        width: 100% !important;
        left: 0 !important;
        transform: none !important;
        min-height: 100%;
        top: 0 !important;
        bottom: 0 !important;
        overflow-y: auto;
        border-radius: 0
    }
}

.price {
    font-weight: 600;
    line-height: 20px;
    font-size: 1rem
}

.price__old {
    display: inline-block;
    vertical-align: top;
    font-weight: 400
}

.price__old-val {
    text-decoration: line-through
}

.price__economy {
    display: inline-block;
    vertical-align: top;
    background: #ffd600;
    border: 1px solid #f2cb00;
    line-height: 0;
    margin: 1px 0 0
}

.price .price__economy-val {
    color: #333;
    vertical-align: middle;
    line-height: 9px;
    display: inline-block;
    padding: 4px 4px 3px 3px
}

.price--inline > div {
    display: inline-block;
    vertical-align: baseline
}

.rating {
    display: flex;
    margin: 0 -2px;
    line-height: 0
}

.rating__star {
    margin: 0 2px
}

.rating__star-svg--filled * {
    fill: #e5c45b
}

.basket.fly .opener.has_right_dok {
    border-bottom-left-radius: 0
}

.right-sidebar-wrapper {
    position: absolute;
    right: -1px;
    width: 63px;
    background-color: #fff;
    background-color: var(--card_bg_black);
    box-shadow: -7px 5px 11px rgba(0, 0, 0, .1);
    border-radius: 4px 0 0 4px;
    top: 185px;
    overflow: hidden
}

.right_dok .link {
    display: block;
    position: relative
}

.basket.fly .right-sidebar-wrapper {
    left: -63px;
    right: auto
}

.right_dok .link:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    background: var(--stroke_black)
}

.right_dok .link:after {
    content: "";
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #e5e5e5;
    background: var(--stroke_black);
    position: absolute;
    z-index: 1
}

.opener + .right_dok .link:first-child:before {
    display: block
}

.right_dok .link:first-child:before {
    display: none
}

.right_dok .link > span {
    display: block;
    height: 100%;
    text-align: center;
    line-height: 64px
}

.fly_compare.icon-block-with-counter {
    line-height: 64px;
    width: 63px;
    height: 64px;
    text-align: center
}

.fly_compare .icon-block-with-counter__inner {
    display: inline-block;
    line-height: normal
}

.ajax_basket .fixed_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 102
}

@media (min-height: 601px) {
    .right-sidebar-wrapper {
        top: 260px
    }
}

.bx-touch .table-scroller-wrapper__ear {
    display: none
}

@media (min-width: 992px) {
    #table-scroller-wrapper.scroller {
        overflow-x: auto;
        overflow-y: hidden
    }

    .table-scroller-wrapper__ear {
        position: absolute;
        z-index: 6;
        margin-bottom: -80px;
        width: 36px;
        height: 160px;
        opacity: 0;
        -webkit-transition: opacity .3s ease, margin .3s ease, height .3s ease;
        -o-transition: opacity .3s ease, margin .3s ease, height .3s ease;
        transition: opacity .3s ease, margin .3s ease, height .3s ease;
        -webkit-transform: translate3d(0px, 48px, 0);
        -ms-transform: translate3d(0px, 48px, 0);
        transform: translate3d(0px, 48px, 0);
        will-change: transform
    }

    .table-scroller-wrapper__ear:before, .table-scroller-wrapper__ear:after {
        content: "";
        width: 36px;
        height: 48px;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .table-scroller-wrapper__ear:before {
        background-color: #333;
        opacity: .4
    }

    .table-scroller-wrapper__ear:hover:before {
        background-color: var(--theme-base-color);
        opacity: 1
    }

    .table-scroller-wrapper__ear--right {
        right: 0;
        left: auto;
        margin-right: -36px
    }

    .table-scroller-wrapper__ear--right:after {
        background: url("../../images/svg/arrows/arrow-right-light.svg") center no-repeat
    }

    .table-scroller-wrapper__ear--right:before {
        border-radius: 4px 0 0 4px
    }

    .table-scroller-wrapper__ear--left {
        left: 0;
        margin-left: -36px
    }

    .table-scroller-wrapper__ear--left:after {
        background: url("../../images/svg/arrows/arrow-left-light.svg") center no-repeat
    }

    .table-scroller-wrapper__ear--left:before {
        border-radius: 0 4px 4px 0
    }

    #table-scroller-wrapper:hover .table-scroller-wrapper__ear.showing {
        opacity: 1
    }

    #table-scroller-wrapper:hover .table-scroller-wrapper__ear--left.showing {
        margin-left: 0
    }

    #table-scroller-wrapper:hover .table-scroller-wrapper__ear--right.showing {
        margin-right: 0
    }
}

@media (max-width: 991px) {
    .table-scroller-wrapper__ear {
        display: none
    }
}

.share {
    position: relative
}

.bottom-links-block .share {
    float: right;
    margin: 0 0 0 20px;
    cursor: pointer
}

.share .shares-block {
    position: relative
}

.share .shares-block .ya-share2:before {
    content: "";
    display: block;
    height: 14px;
    position: absolute;
    left: -373px;
    top: 100%;
    right: -10px
}

.share.bottom .shares-block .ya-share2:before {
    top: auto;
    bottom: 100%
}

.share .ya-share2 {
    position: absolute;
    top: 38px;
    right: 12px;
    z-index: 6;
    background: #fff;
    background: var(--card_bg_black);
    padding: 16px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow: hidden
}

.share.bottom .ya-share2 {
    top: auto;
    bottom: 38px;
    right: 0
}

.share .shares-block .ya-share2 {
    display: none
}

.ya-share2__list {
    display: flex !important;
    flex-direction: row;
    margin: -3px !important;
    max-width: calc(100vw - 32px)
}

@media (max-width: 500px) {
    .ya-share2__list {
        width: 225px;
        flex-wrap: wrap
    }
}

.ya-share2__item {
    background: #fff;
    background: var(--card_bg_black);
    margin: 0 !important;
    padding: 3px !important;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.ya-share2__item:hover {
    opacity: .8 !important
}

.ya-share2__item:before {
    content: none !important
}

.ya-share2__badge {
    background-color: none !important;
    border-radius: 4px !important
}

.ya-share2__icon {
    width: 39px !important;
    height: 39px !important;
    background: url(../../images/svg/social.svg) -2px -190px no-repeat !important
}

.ya-share2__item_service_facebook .ya-share2__icon {
    background-position: -96px -190px !important
}

.ya-share2__item_service_twitter .ya-share2__icon {
    background-position: -2px -237px !important
}

.ya-share2__item_service_skype .ya-share2__icon {
    background-position: -331px -284px !important
}

.ya-share2__item_service_telegram .ya-share2__icon {
    background-position: -331px -331px !important
}

.ya-share2__item_service_whatsapp .ya-share2__icon {
    background-position: -331px -237px !important
}

.ya-share2__item_service_viber .ya-share2__icon {
    background-position: -331px -189px !important
}

.ya-share2__item_service_odnoklassniki .ya-share2__icon {
    background-position: -49px -190px !important
}

.ya-share2__item_service_moimir .ya-share2__icon {
    background-position: -378px -237px !important
}

.social-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 0
}

.social-list--mt-15 {
    margin-top: 15px
}

.social-list--mt-30 {
    margin-top: 30px
}

.social-list__item {
    display: flex;
    align-items: center;
    margin: 0 10px
}

.social-list__item .svg {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.social-list .social-list__item * {
    fill: #b8b8b8
}

.sticker {
    position: absolute;
    z-index: 3;
    top: 0;
    left: -2px;
    display: flex;
    flex-wrap: wrap
}

.sticker__item {
    padding: 2px 7px 3px;
    margin: 0 2px 4px;
    color: #fff;
    background: #0cbc3d;
    border-radius: 3px
}

.sticker__item--bordered {
    padding-top: 0;
    padding-bottom: 1px;
    color: #666;
    color: var(--light_basic_text_black);
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    background: #fafafa;
    background: var(--light_bg_black)
}

.sticker--upper .sticker__item {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    padding: 4px 7px 3px 9px;
    font-weight: 500
}

.sticker_item--sale {
    background-color: #ffd600;
    color: #333
}

.sticker_item--new {
    background-color: #31b82f
}

.sticker_item--hit {
    background-color: #ed673c
}

.sticker_item--recommend {
    background-color: #925aec
}

.sticker_item--sale-text {
    background-color: #fc482d
}

.block .side-icons + .sticker {
    padding-right: 37px
}

.side-icons:not(.static) {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
}

.side-icons-hover:hover .side-icons__item {
    opacity: 1;
    visibility: visible
}

.side-icons__item {
    display: block;
    background: #fff;
    background: var(--black_bg_black);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    margin: 0 0 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.side-icons__item .svg {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.side-icons__item svg {
    display: inline-block;
    vertical-align: middle
}

.side-icons__item .svg span {
    font-style: normal
}

.side-icons__item:hover path, .side-icons__item:hover circle {
    stroke: #fff
}

.side-icons__item:hover .svg {
    color: #fff
}

.side-icons.static .side-icons__item {
    opacity: 1;
    visibility: visible
}

.side-icons--line {
    font-size: 0px;
    line-height: 0;
    white-space: nowrap
}

.side-icons--line .side-icons__item {
    display: inline-block;
    margin: 0 0 0 12px
}

.side-icons--lg .side-icons__item .svg {
    width: 36px;
    height: 36px
}

.bx-touch .side-icons-hover .side-icons__item {
    opacity: 1;
    visibility: visible
}

.side-icons__item.active {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color);
    opacity: .5;
    visibility: visible
}

.side-icons__item--fill svg {
    fill: #999
}

.side-icons__item--stroke svg {
    stroke: #999
}

.side-icons__item--fill:hover svg, .side-icons__item--fill.active svg {
    fill: #fff
}

.side-icons__item--stroke:hover svg, .side-icons__item--stroke.active svg {
    stroke: #fff
}

.status-icon {
    padding: 0 0 0 12px;
    position: relative;
    display: inline-block;
    color: #69be15;
    white-space: nowrap
}

.status-icon:before {
    content: "";
    position: absolute;
    background: #69be15;
    border: 1px solid #5da911;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    top: 8px;
    left: 0
}

.status-icon.nostock {
    color: #f91a35
}

.status-icon.nostock:before {
    background-color: #f91a35;
    border-color: #d50b23
}

.status-icon.order {
    color: #25a4f1
}

.status-icon.order:before {
    background-color: #25a4f1;
    border-color: #08c
}

.status-icon.pending {
    color: #fc9e41
}

.status-icon.pending:before {
    background-color: #fc9e41;
    border-color: #d67a1f
}

@media (max-width: 600px) {
    .side-icons__item {
        opacity: 1;
        visibility: visible
    }
}

.discount-sticker {
    background: #ffd600;
    font-weight: 700;
    display: inline-block;
    padding: 4px 10px 3px 9px;
    color: #333;
    vertical-align: top;
    height: 27px;
    font-size: 12px;
    line-height: 20px
}

#main .sticky-block {
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
    top: 32px
}

#main.fixed_y .sticky-block {
    top: 112px
}

#main .sticky-block--top-0 {
    top: 0
}

#main .sticky-block--show-N {
    position: static
}

.tabs {
    margin-bottom: 40px
}

.tabs--in-section {
    margin-bottom: 48px
}

.tabs .tab-content {
    background-color: #fff;
    background-color: var(--black_bg_black);
    border: none;
    padding: 40px 0 0
}

.tabs .tab-content.not_tabs {
    padding-top: 0
}

.tabs .nav-tabs + .tab-content {
    border-top: 0
}

.tabs .nav-tabs li {
    margin: 3px;
    background: #fafafa;
    background: var(--light2_bg_black);
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s, box-shadow .3s ease;
    -o-transition: background-color .3s, box-shadow .3s ease;
    -webkit-transition: background-color .3s, box-shadow .3s ease;
    transition: background-color .3s, box-shadow .3s ease
}

.tabs .nav-tabs li:hover {
    background: #fff;
    background: var(--black_bg_black)
}

.tabs .nav-tabs li a, .tabs .nav-tabs li > span {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 14px 21px 14px 22px;
    color: #666;
    color: var(--light_basic_text_black);
    border: none;
    border-radius: 3px;
    font-weight: 600
}

.tabs .nav-tabs li span {
    padding-top: 11px;
    padding-bottom: 11px
}

.tabs .nav-tabs li a:hover, .tabs .nav-tabs li span:hover {
    border-color: transparent;
    color: #333;
    color: var(--white_text_black)
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    background: 0 0
}

.nav-tabs > li.active:after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 1;
    height: 2px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #9e9e9e;
    background: var(--theme-more-color)
}

.tabs .nav-tabs li.active > span {
    color: #333;
    color: var(--white_text_black);
    cursor: default
}

.tabs .nav-tabs a:hover, .tabs .nav-tabs a:active, .tabs .nav-tabs a:focus {
    background: #fff;
    background: var(--card_bg_hover_black)
}

.tabs .nav-tabs li.active a {
    color: #9e9e9e;
    color: var(--fill_dark_light_white_hover);
    background: var(--black_bg_black)
}

.tabs .nav-tabs li.active:hover {
    box-shadow: none;
    transform: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.tabs .tab-content .content {
    margin: -8px 0 0
}

.tabs .nav-tabs > li:before, .pagination > li:before {
    margin: 0;
    padding: 0
}

.nav-tabs {
    border: none;
    margin: -3px;
    padding: 0
}

.nav-tabs li {
    margin: 0;
    padding: 0
}

.nav-tabs li:before {
    display: none !important
}

.tabs.horizontal-scrolling {
    margin: 0;
    position: relative;
    overflow: hidden
}

.tabs.horizontal-scrolling:before, .tabs.horizontal-scrolling:after {
    content: "";
    width: 10px;
    height: 48px;
    background: #fff;
    background: var(--black_bg_black);
    position: absolute;
    top: 0;
    opacity: 0
}

.tabs.horizontal-scrolling:before {
    left: 0
}

.tabs.horizontal-scrolling:after {
    right: 0
}

.tabs.horizontal-scrolling .nav {
    margin: 0;
    white-space: nowrap;
    padding: 0
}

.tabs.horizontal-scrolling .nav > li {
    float: none;
    display: inline-block;
    margin: 0
}

.tabs.horizontal-scrolling .nav > li:not(:last-of-type) {
    margin-right: 4px
}

.tabs.horizontal-scrolling + .tab-content {
    margin-top: 2.666rem
}

.tabs.horizontal-scrolling.bottom-line .nav > li:not(:last-of-type) {
    margin-right: 2.266rem
}

.tabs.bottom-line li {
    background: 0 0
}

.tabs.bottom-line li a {
    padding: 0 0 .466rem
}

.tabs.bottom-line li.active:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    border-radius: 0
}

.tabs.bottom-line + .tab-content {
    margin-top: 1.666rem
}

.tab-nav-wrapper {
    margin: 0 70px
}

.tab-nav {
    display: flex;
    justify-content: center;
    margin: 0 -6px;
    position: relative
}

.tab-nav__item {
    margin: 0 6px;
    padding: 5px 11px 6px;
    cursor: pointer;
    color: #666;
    color: var(--light_basic_text_black)
}

.tab-nav__item:first-letter {
    text-transform: capitalize
}

.tab-nav__item:hover {
    border-radius: 4px
}

.tab-nav__item.active {
    cursor: default;
    color: #fff;
    border-radius: 4px
}

@media (max-width: 767px) {
    .index-block__title-wrapper--with-center-block .tab-nav-wrapper {
        margin-top: 25px;
        margin-bottom: 7px;
        padding-right: 6px
    }

    .tab-nav {
        margin: 0 -6px
    }

    .tab-nav__item {
        margin: 0 6px;
        line-height: 18px
    }

    .tab-nav__item.active {
        font-weight: 400
    }

    .index-block__title-wrapper--with-center-block .index-block__part--left {
        margin-bottom: 16px
    }
}

@media (max-width: 600px) {
    .arrow_scroll_init .arrows_wrapper {
        opacity: 0
    }

    .tab-nav {
        margin-left: -3px;
        margin-right: -3px
    }

    .tab-nav__item {
        margin-left: 3px;
        margin-right: 3px
    }

    .index-block__title-wrapper--with-center-block .index-block__part--center {
        margin-bottom: 8px
    }
}

.arrow_scroll {
    max-height: 55px;
    overflow: hidden
}

.arrow_scroll .nav.nav-tabs {
    white-space: nowrap;
    min-width: 300%;
    z-index: 1;
    position: relative
}

.arrow_scroll .nav.nav-tabs > li {
    float: none;
    display: inline-block;
    vertical-align: top
}

.arrow_scroll_init .arrows_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.arrow_scroll_init .arrows_wrapper .arrow {
    position: absolute;
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    cursor: pointer
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
    background-color: #f9f9fa;
    background-color: var(--darkerblack_bg_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
    left: -14px;
    border-right: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
    transform: rotate(-90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: -14px;
    border-left: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: 14px
}

.dropdown-select .arrow_scroll_init .arrows_wrapper {
    right: -14px
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
    transform: rotate(90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
    display: none
}

.dropdown-select .line-block {
    position: relative
}

.video-block__play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer
}

.video-block__play:after, .video-block__play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .3s
}

.video-block__play:before {
    border: 14px solid transparent;
    border-left: 25px solid #fff;
    z-index: 2;
    margin: -14px 0 0 -9px
}

.video-block__play:after {
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #9e9e9e
}

.video-block__play:not(.video-block__play--static):hover:after, .video-block__play:not(.video-block__play--static):hover:before {
    transform: scale(1.2)
}

.video-block__play .video-block__fancy {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block !important;
    z-index: 2
}

.video-block video {
    opacity: 0;
    visibility: hidden
}

.video_block .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 767px) {
    .video-block__play:not(.video-block__play--sm):after {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

.video-block__play--sm:before {
    border: 7px solid transparent;
    border-left: 11px solid #fff;
    margin: -7px 0 0 -4px
}

.video-block__play--sm:after {
    margin: -16px 0 0 -16px;
    width: 32px;
    height: 32px
}

.video_block .grid-list:not(.grid-list--items-1) {
    grid-template-columns:1fr 1fr
}

.video_block .grid-list:not(.grid-list--items-1) .video_body {
    padding-bottom: 56.25%;
    position: relative
}

.video_block .grid-list:not(.grid-list--items-1) .video-js, .video_block .grid-list:not(.grid-list--items-1) iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.body.index .main > .container > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.drag-block[data-order="1"] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.drag-block[data-order="2"] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.drag-block[data-order="3"] {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.drag-block[data-order="4"] {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.drag-block[data-order="5"] {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.drag-block[data-order="6"] {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.drag-block[data-order="7"] {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.drag-block[data-order="8"] {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.drag-block[data-order="9"] {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.drag-block[data-order="10"] {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.drag-block[data-order="11"] {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.drag-block[data-order="12"] {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.drag-block[data-order="13"] {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.drag-block[data-order="14"] {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.drag-block[data-order="15"] {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.drag-block[data-order="16"] {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.drag-block[data-order="17"] {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.drag-block[data-order="18"] {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.drag-block[data-order="19"] {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.drag-block[data-order="20"] {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.drag-block[data-order="21"] {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.drag-block[data-order="22"] {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.drag-block[data-order="23"] {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.drag-block[data-order="24"] {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.drag-block[data-order="25"] {
    -webkit-box-ordinal-group: 26;
    -ms-flex-order: 25;
    order: 25
}

.drag-block.container {
    position: relative
}

.bg-fix {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.index-block > [id^=bx_incl] {
    display: block
}

.index-block--padding-top-0 > div {
    padding-top: 0
}

.index-block--padding-top-40 > div {
    padding-top: 40px
}

.index-block--padding-top-80 > div {
    padding-top: 80px
}

.index-block--padding-top-130 > div {
    padding-top: 130px
}

.index-block--padding-bottom-0 > div {
    padding-bottom: 0
}

.index-block--padding-bottom-40 > div {
    padding-bottom: 40px
}

.index-block--padding-bottom-80 > div {
    padding-bottom: 80px
}

.index-block--padding-bottom-130 > div {
    padding-bottom: 130px
}

.index-block--padding-top-40 .index-block--mt-dynamic {
    margin-top: -40px
}

.index-block--padding-top-80 .index-block--mt-dynamic {
    margin-top: -80px
}

.index-block--padding-top-130 .index-block--mt-dynamic {
    margin-top: -130px
}

.index-block--padding-bottom-40 .index-block--mb-dynamic {
    margin-bottom: -40px
}

.index-block--padding-bottom-80 .index-block--mb-dynamic {
    margin-bottom: -80px
}

.index-block--padding-bottom-130 .index-block--mb-dynamic {
    margin-bottom: -130px
}

@media (max-width: 767px) {
    .index-block--padding-top-80 > div {
        padding-top: 40px
    }

    .index-block--padding-top-130 > div {
        padding-top: 40px
    }

    .index-block--padding-bottom-80 > div {
        padding-bottom: 40px
    }

    .index-block--padding-bottom-130 > div {
        padding-bottom: 40px
    }

    .index-block--padding-top-80 .index-block--mt-dynamic {
        margin-top: -40px
    }

    .index-block--padding-top-130 .index-block--mt-dynamic {
        margin-top: -40px
    }

    .index-block--padding-bottom-80 .index-block--mb-dynamic {
        margin-bottom: -40px
    }

    .index-block--padding-bottom-130 .index-block--mb-dynamic {
        margin-bottom: -40px
    }
}

.index-block--fon {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black)
}

.index-block--delimiter > div {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black)
}

.index-block__title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.index-block__title-wrapper--align-baseline {
    align-items: baseline
}

.index-block__title-wrapper--with-center-block .index-block__part--left, .index-block__title-wrapper--with-center-block .index-block__part--right {
    flex-basis: 25%
}

.index-block__title-wrapper--with-center-block .index-block__part--right {
    justify-content: flex-end
}

.index-block__part--center {
    flex: 1;
    text-align: center
}

.index-block__title-wrapper--mb-52 {
    margin-bottom: 52px
}

.index-block--mb-59 {
    margin-bottom: 59px
}

.index-block__title {
    font-size: 40px;
    line-height: 50px;
    margin: 0
}

.index-block__title-wrapper--with-center-block .index-block__part--right .index-block__link {
    display: flex
}

.index-block__preview--right .index-block__link {
    display: block;
    margin-top: 29px
}

@media (min-width: 992px) {
    .index-block__subtitle--margined-f992 {
        margin: -5px 0 10px
    }

    .tariffs-list .index-block__title-wrapper--with-center-block .index-block__part--left {
        flex-basis: auto
    }
}

@media (max-width: 991px) {
    .index-block__space-wrapper.flexbox {
        flex-direction: column
    }

    .index-block__title-wrapper--with-center-block .tab-nav {
        justify-content: normal
    }
}

@media (max-width: 767px) {
    .index-block__title {
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width: 600px) {
    .index-block__title {
        font-size: 24px;
        line-height: 34px
    }
}

.index-block__subtitle {
    color: #999;
    font-size: .86667em;
    line-height: calc(1em + 7px);
    margin-bottom: 12px
}

.index-block__subtitle--mb-9 {
    margin-bottom: 9px
}

.index-block__link {
    font-size: .93333em;
    line-height: calc(1em + 7px)
}

.index-block__part--right {
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .index-block__part--right.visible-t991 {
        display: flex !important
    }
}

@media (min-width: 992px) {
    .visible-t991 {
        display: none
    }
}

.index-block__preview {
    color: #666;
    color: var(--light_basic_text_black);
    text-align: left;
    margin-top: 21px;
    max-width: 1000px
}

.index-block__preview--mb-66 {
    margin-bottom: 56px
}

body .index-block__btn {
    margin-top: 33px
}

.index-block__preview--centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.index-block__title-wrapper--centered .index-block__part--left {
    flex: 1;
    text-align: center;
    padding: 0 90px
}

.index-block__title-wrapper--centered .index-block__part--right {
    position: absolute;
    right: 0
}

@media (max-width: 767px) {
    .index-block__title-wrapper--centered .index-block__part--left {
        padding: 0;
        text-align: left
    }

    .index-block__preview--centered, .index-block__subtitle.text-center {
        text-align: left
    }

    .index-block__title-wrapper--centered .index-block__part--right {
        position: relative
    }

    .index-block__title-wrapper--with-center-block {
        flex-wrap: wrap
    }

    .index-block__title-wrapper--with-center-block .index-block__part--center {
        order: 2;
        flex-basis: 100%
    }

    .index-block__title-wrapper--with-center-block .tab-nav-wrapper {
        margin: 0
    }
}

@media (max-width: 600px) {
    .index-block__link {
        font-size: 0
    }

    .index-block__title-wrapper.index-block__title-wrapper--align-baseline {
        align-items: center
    }

    .index-block__title-wrapper.index-block__title-wrapper--mb-52, .index-block--mb-59 {
        margin-bottom: 18px
    }

    .index-block__preview--mb-66 {
        margin-bottom: 26px
    }
}

.index-block__arrow {
    margin-left: 12px
}

.index-block__arrow .svg {
    top: 0
}

.index-block__nav {
    margin-left: 20px
}

.index-block__nav.disabled {
    display: none
}

.index-block__nav button {
    border: none;
    background: no-repeat;
    padding: 0
}

.index-block__nav .owl-carousel__button {
    height: 36px;
    width: 36px;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, .1)
}

.index-block__nav button.disabled .owl-carousel__button {
    background: #fff
}

.index-block__nav .owl-carousel__button:not(:hover) * {
    stroke: #333
}

.index-block__nav .owl-carousel__button--right {
    transform: rotate(180deg);
    margin-left: 8px
}

.index-block__nav .owl-carousel__button--right svg {
    margin-left: -1px
}

@media (max-width: 767px) {
    .index-block__nav {
        display: none
    }
}

.fill_bg_n .drag-block.container.noborder {
    border-top: none
}

.fill_bg_n .drag-block.container.noborder .item-views {
    border-top: 1px solid #f2f2f2
}

div[data-class=BIG_BANNER_INDEX_drag][data-order="1"], div[data-class=BIG_BANNER_INDEX_drag] + div[data-class=TEASERS_INDEX_drag], div.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX {
    border-top-width: 0
}

body.tizersPadding0 div[data-class=BIG_BANNER_INDEX_drag]:not(.hidden) + div[data-class=TEASERS_INDEX_drag][data-order="2"] .tizers_block2 {
    padding-top: 0
}

.fill_bg_n div.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX .item-views {
    border-top: 1px solid #f2f2f2
}

.styled-block.front {
    margin-bottom: 56px
}

.styled-block.front h2 {
    margin-bottom: 15px;
    margin-top: -1px
}

.item-views.catalog.blocks {
    padding-bottom: 0
}

.wo-tizers .item-views.blocks {
    padding-top: 0
}

.item-views.blocks h3, .item-views.blocks h3.title {
    padding: 0 0 34px;
    margin: 0;
    font-size: 1.733em;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.COMPANY_INDEX h3 {
    font-size: 1.733em
}

.item-views.blocks h3.line:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 50px;
    background: #dedede;
    height: 3px
}

.item-views.blocks .title_block {
    clear: both
}

.item-views.blocks .title_block .right_link_block {
    float: right;
    position: relative;
    z-index: 1
}

.row.block-with-bg + .row .item-views.blocks h3, .row.block-with-bg .item-views:not(.catalog) h3 {
    padding-top: 86px
}

.float-banners .title_block + .items .text-block {
    color: #777;
    padding-top: 35px
}

.float-banners.v2 .items .item {
    background: #fff;
    padding: 30px 30px 36px;
    margin-bottom: 0
}

.float-banners.v2 .items.indent2.flexbox .item {
    height: 100%
}

.float-banners.v2 .items.indent2.flexbox > div {
    margin-bottom: 4px
}

.float-banners.v2 .items .item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: #ddd;
    transition: right ease .3s
}

.float-banners.v2 .items .item .img {
    margin-bottom: 17px
}

.float-banners .items .item .title {
    font-weight: 700;
    font-size: 1.2em;
    padding: 0
}

.float-banners .items .item .preview_text {
    color: #666;
    font-size: .933em;
    padding: 0;
    line-height: 21px
}

body .items .item:hover .title a.colored {
    color: #333
}

.float-banners.v2 .items .item:hover:after {
    right: 0
}

.float-banners.v3 .items .item {
    box-shadow: none;
    margin-bottom: 32px
}

.float-banners.v3 .items .item .img {
    height: 0;
    position: relative;
    padding-bottom: 66%;
    margin-bottom: 16px;
    overflow: hidden
}

.float-banners.v3 .items .item .title {
    font-size: 1.067em;
    margin-bottom: 4px
}

.float-banners.v3.list {
    overflow: hidden
}

.float-banners.v3.list .items .item .img {
    float: left;
    width: 120px;
    height: 120px;
    padding: 0;
    border-radius: 100%
}

.float-banners.v3.list .items .item .img .img_block {
    border-radius: 100%
}

.float-banners.v3.list .items .item .title {
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis
}

.float-banners.v3.list .items .item .preview_text {
    overflow: hidden;
    text-overflow: ellipsis
}

.float-banners.v3.list .items .item .img + .text-wrapper {
    padding-left: 148px;
    padding-top: 8px
}

.float-banners.v3.list .items .items {
    margin-top: -1px;
    margin-right: -1px !important;
    margin-left: -30px !important
}

.float-banners.v3.list > .items > div {
    overflow: hidden
}

.float-banners.v3.list .items .items > div {
    border-top: 1px solid #f2f2f2;
    padding: 0 0 0 30px
}

.float-banners.v3.list .items .item {
    margin: 0;
    padding: 30px 20px 29px 0
}

.float-banners.v3.list .items .item:after {
    content: "";
    background: #f2f2f2;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    bottom: 0
}

.index-block__link.right_link_block {
    flex-shrink: 0
}

.index-block__link.right_link_block:hover {
    color: var(--theme-base-color)
}

@media (max-width: 550px) {
    .index-block__arrow {
        display: block
    }
}

iframe.waitwindowlocal {
    position: absolute;
    border: 0;
    z-index: 9999
}

div.waitwindowlocal {
    position: absolute;
    width: 25px;
    height: 25px;
    padding: 0;
    z-index: 10000;
    background-color: #fcf7d1;
    border: 1px solid #e1b52d;
    background-image: url(images/wait.gif);
    background-position: center center;
    background-repeat: no-repeat
}

div.waitwindowlocalshadow {
    position: absolute;
    z-index: 9998;
    background-image: url(images/shadow.gif);
    border: 1px solid gray
}

.social {
    display: flex;
    align-items: center;
    position: relative
}

.social__more {
    margin: 0
}

.social__items {
    display: flex;
    flex-wrap: wrap;
    margin: -3px -8px;
    padding: 0
}

.social__item:before, .main ul.social__items li:before {
    display: none
}

.social--picture-image .social__items {
    margin: -3px
}

.social__item {
    padding: 3px 8px;
    margin: 0;
    display: flex;
    align-items: center
}

.social__item--image {
    padding: 3px
}

.social__link {
    display: flex
}

.social__link .svg {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.social__link svg * {
    fill: #333;
    fill: var(--white_text_black);
    opacity: .5
}

.social__link:hover svg * {
    opacity: 1
}

.social__more-dots {
    display: flex;
    margin: 0 15px;
    padding-bottom: 7px;
    letter-spacing: 1.8px;
    cursor: pointer
}

.social__more-dots:hover ~ .social__more, .social__more:hover {
    opacity: 1;
    visibility: visible
}

.social__more {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    right: -2px;
    top: 100%;
    background: #fff;
    background: var(--card_bg_black);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: 9px
}

.social__more .social__item {
    padding: 10px 15px
}

html:not(.mobile) .social__item.hide_on_desktop {
    display: none
}

html.mobile .social__item.hide_on_mobile {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu .dropdown {
    right: 0;
    min-width: 240px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item-img {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .maxwidth-theme {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    transition-delay: .2s;
    position: absolute;
    right: 100%;
    top: -17px;
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    padding: 17px 0;
    min-width: 240px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown:hover > .header-menu__wide-item-wrapper > .header-menu__wide-submenu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown > .header-menu__wide-item-wrapper > .header-menu__wide-submenu .header-menu__wide-submenu-item--with-dropdown > span > a {
    display: block;
    position: relative
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu-item-inner {
    position: static
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown:hover .header-menu__wide-submenu-item-inner .submenu-wrapper .header-menu__wide-submenu {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    margin-left: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .submenu-wrapper {
    display: block !important
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .toggle_block {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-item-wrapper > a {
    font-weight: 400;
    display: block;
    position: relative
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .switcher-title {
    font-family: inherit
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-item-wrapper > a {
    padding-right: 7px
}

.header-menu__wide-submenu-right-arrow.only_more_items {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-item-wrapper .header-menu__wide-submenu-right-arrow.only_more_items {
    display: block;
    position: absolute;
    top: calc(1em - 4px);
    transform: translateY(-50%);
    right: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
    display: block
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-limiter {
    padding: 17px 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu {
    padding: 0;
    top: -17px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide {
    position: relative
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-item-wrapper {
    width: 100%
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-right-part {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
    width: 100%
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .mCSB_container {
    overflow: visible
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .mCustomScrollBox {
    overflow: visible;
    max-height: none !important
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide > .header-menu__dropdown-menu, .header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide > .header-menu__dropdown-menu > .mCustomScrollBox {
    max-height: none;
    border-radius: 4px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide > .header-menu__dropdown-menu .dropdown.dropdown--no-shadow {
    -webkit-box-shadow: 0px 5px 20px rgb(0 0 0/15%);
    box-shadow: 0px 5px 20px rgb(0 0 0/15%)
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .mCSB_scrollTools {
    display: none !important
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu-item-inner > a {
    font-size: 1em
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu-item-inner > a:not(:hover) {
    color: #333;
    color: var(--white_text_black)
}

.header--narrow:not(.header--offset) .header-menu__item--more-items .header-menu__item--wide > .header-menu__dropdown-menu {
    width: auto;
    transform: unset;
    left: auto;
    right: 100%
}

.header-menu .header-menu__wide-submenu-item--more_items .menu-arrow {
    top: 4px;
    right: 0
}

.header-menu .header-menu__wide-submenu-item--more_items .menu-arrow svg {
    position: static
}

.header-menu .header-menu__wide-submenu-item--more_items .with_dropdown {
    padding-right: 20px
}

.social {
    display: flex;
    align-items: center;
    position: relative
}

.social__more {
    margin: 0
}

.social__items {
    display: flex;
    flex-wrap: wrap;
    margin: -3px -8px;
    padding: 0
}

.social__item:before, .main ul.social__items li:before {
    display: none
}

.social--picture-image .social__items {
    margin: -3px
}

.social__item {
    padding: 3px 8px;
    margin: 0;
    display: flex;
    align-items: center
}

.social__item--image {
    padding: 3px
}

.social__link {
    display: flex
}

.social__link .svg {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.social__link svg * {
    fill: #333;
    fill: var(--white_text_black);
    opacity: .5
}

.social__link:hover svg * {
    opacity: 1
}

.social__more-dots {
    display: flex;
    margin: 0 15px;
    padding-bottom: 7px;
    letter-spacing: 1.8px;
    cursor: pointer
}

.social__more-dots:hover ~ .social__more, .social__more:hover {
    opacity: 1;
    visibility: visible
}

.social__more {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    right: -2px;
    top: 100%;
    background: #fff;
    background: var(--card_bg_black);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin-top: 9px
}

.social__more .social__item {
    padding: 10px 15px
}

html:not(.mobile) .social__item.hide_on_desktop {
    display: none
}

html.mobile .social__item.hide_on_mobile {
    display: none
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-lazy {
    transition: opacity ease .3s
}

#main .swiper-lazy:not(.swiper-lazy-loaded) {
    background-size: auto
}

.swiper-lazy:not(.swiper-lazy-loaded) > div {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, .1);
    opacity: 1;
    position: relative
}

.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before, .swiper-pagination-bullet:hover:before {
    transform: scale(1.5);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 21px
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px
}

.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    background: var(--arrows_bg_black);
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.swiper-button-next:after, .swiper-button-prev:after {
    background: url(header_icons.svg) no-repeat;
    font-size: 0;
    width: 7px;
    height: 12px;
    background-position: var(--light, 0 -65px) var(--dark, 0 -81px)
}

.swiper-button-prev:hover:after {
    background-position: 0 -81px
}

.swiper-button-next:after {
    background-position: -11px -65px;
    background-position: var(--light, -11px -65px) var(--dark, -11px -81px)
}

.swiper-button-next:hover:after {
    background-position: -11px -81px
}

.navigation_on_hover:not(:hover) .swiper-button-next, .navigation_on_hover:not(:hover) .swiper-button-prev {
    opacity: 0;
    visibility: hidden
}

.tizers-list__item {
    display: flex;
    height: 100%;
    flex-direction: row
}

.tizers-list__item--column {
    flex-direction: column
}

.tizers-list__item--column.tizers-list__item--centered {
    text-align: center;
    align-items: center
}

.tizers-list__item--vertical-centered {
    align-items: center
}

.tizers-list__item-image-wrapper {
    flex-shrink: 0
}

.tizers-list__item-wrapper.bordered {
    border-radius: 4px
}

.tizers-list__item-wrapper.tizers-list__item-wrapper-close.bordered {
    margin-right: -1px;
    margin-bottom: -1px;
    border-radius: 0
}

@media (max-width: 450px) {
    .tizers-list__item {
        flex-direction: column
    }

    .tizers-list__item--images-position-LEFT .tizers-list__item-image-wrapper {
        margin-bottom: 15px
    }
}

.tizers-list__item-image-wrapper--TEXT.tizers-list__item-image-wrapper--position-TOP {
    margin-bottom: 19px
}

.tizers-list__item-image-wrapper--TEXT.tizers-list__item-image-wrapper--position-LEFT {
    margin-top: 4px;
    margin-right: 21px
}

.tizers-list__item-image-text {
    font-size: 45px;
    line-height: 45px
}

.tizers-list__item-image-text--size-50 {
    font-size: 50px;
    line-height: 50px
}

.tizers-list__item-image-wrapper--PICTURES {
    overflow: hidden;
    border-radius: 50%
}

.tizers-list__item-image-wrapper--PICTURES.tizers-list__item-image-wrapper--position-TOP {
    width: 140px;
    height: 140px;
    margin-bottom: 26px
}

.tizers-list__item-image-wrapper--PICTURES.tizers-list__item-image-wrapper--position-LEFT {
    width: 80px;
    height: 80px;
    margin-right: 27px
}

.tizers-list__item-image-picture {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.tizers-list__item-image-wrapper--ICONS {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.tizers-list__item-image-wrapper--ICONS svg {
    max-width: 100%;
    max-height: 100%
}

.tizers-list__item-image-wrapper--position-TOP.tizers-list__item-image-wrapper--ICONS {
    margin-bottom: 26px
}

.tizers-list__item-image-wrapper--position-LEFT.tizers-list__item-image-wrapper--ICONS {
    margin-right: 28px
}

.tizers-list__item-text-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: -.25em
}

.bx-ie .tizers-list__item-text-wrapper {
    flex-grow: 1
}

@media (min-width: 451px) {
    .bx-ie .tizers-list__item-text-wrapper {
        flex-basis: 0
    }
}

.tizers-list__item-descr {
    margin-top: 8px
}

.tizers-list__item--with-bg {
    background-color: #fff;
    background-color: var(--card_bg_black)
}

.tizers-list__item--with-bg:hover {
    background-color: #fff;
    background-color: var(--card_bg_hover_black)
}

.tizers-list__item--narrow-with-bg {
    padding: 48px
}

.tizers-list__item--wide-with-bg {
    padding: 56px
}

.tizers-list__item--with-bg .tizers-list__item-image-wrapper--TEXT.tizers-list__item-image-wrapper--position-TOP {
    margin-bottom: 13px
}

.tizers-list__item--with-bg.tizers-list__item--images-PICTURES.tizers-list__item--images-position-TOP {
    padding: 47px 47px 42px
}

.detail-block.tizers {
    margin: -1px 0 0
}

.detail-block .tizers-list {
    padding: 40px 0 35px;
    background-color: var(--card_bg_black)
}

.detail-block .tizers-list__item-name {
    font-size: 1em
}

.detail-block .tizers-list__item-descr {
    margin-top: 3px;
    font-size: .86667em
}

.detail-block .tizers-list__item-image-wrapper--ICONS {
    width: 40px;
    height: 40px
}

.services-list__item {
    position: relative
}

.services-list__item--big-padding {
    padding: 40px
}

@media (max-width: 767px) {
    .services-list__item--big-padding {
        padding: 32px
    }
}

.services-list__item.services-list__item--has-additional-text {
    cursor: pointer;
    padding: 0
}

.services-list__item.services-list__item--has-additional-text.services-list__item--cursor-initial {
    cursor: initial
}

.services-list__item .maxwidth-theme--half {
    width: 100%
}

.services-list__item--has-additional-text {
    overflow: hidden
}

.services-list__item-image-wrapper--PICTURE .services-list__item-image {
    border-radius: 0
}

@media (min-width: 601px) {
    .services-list--img-side .services-list__wrapper:nth-child(even) .services-list__item {
        flex-direction: row !important
    }

    .services-list__wrapper--padding {
        padding: 70px 0;
        border-bottom: 1px solid #efefef;
        border-bottom-color: var(--stroke_black)
    }

    .services-list__wrapper--border-bottom {
        border-bottom: 1px solid #efefef;
        border-bottom-color: var(--stroke_black)
    }

    .services-list--img-side .services-list__wrapper--border-bottom {
        border: none
    }

    .services-list .services-list__wrapper--padding:first-child {
        padding-top: 0
    }

    .services-list .services-list__wrapper--padding:nth-last-child(2) {
        padding-bottom: 0;
        border-bottom: 0
    }
}

@media (max-width: 600px) {
    .services-list__item.flexbox--direction-row-reverse, .services-list__item.flexbox--direction-row {
        flex-direction: column
    }

    .services-list__item.maxwidth-theme, .services-list__item-text-wrapper .maxwidth-theme {
        padding-left: 0;
        padding-right: 0
    }
}

.services-list__item-additional-text-wrapper {
    position: absolute;
    bottom: 33px;
    left: 40px;
    right: 40px;
    z-index: 1
}

.services-list__item:hover .services-list__item-additional-text-wrapper {
    opacity: 0
}

.services-list__item--has-additional-text .services-list__item-text-wrapper {
    opacity: 0;
    visibility: hidden;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 4px 4px 2px 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 0;
    max-height: 100%;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, box-shadow .2s ease-in-out;
    width: 100%;
    z-index: 1
}

.services-list__item--has-additional-text .services-list__item-text-top-part {
    overflow-y: auto
}

.services-list__item--has-additional-text .services-list__item-text-wrapper .services-list__item-text-top-part:not(.mCustomScrollbar) {
    visibility: hidden
}

.services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container {
    padding: 35px 40px 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.services-list__item--has-additional-text:hover .services-list__item-text-wrapper {
    opacity: 1;
    visibility: visible
}

.services-list__item-text-bottom-part {
    padding: 28px 0 0
}

.services-list__item--has-additional-text .services-list__item-text-bottom-part {
    padding: 21px 40px 23px;
    position: relative
}

.services-list__item--has-additional-text .services-list__item-text-bottom-part:before {
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background-color: #fff;
    background-color: var(--black_bg_black);
    opacity: .2
}

.services-list__item--has-bg .services-list__item-text-wrapper .dark_link, .services-list__item--has-bg .services-list__item-text-wrapper .color_333 {
    color: #fff
}

.services-list__item--has-bg .services-list__item-text-wrapper .dark_link.color_light--opacity:hover {
    opacity: 1
}

.services-list__item:not(.services-list__item--has-additional-text) .services-list__item-text-wrapper > *, .services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container > * {
    cursor: initial
}

.services-list__item--has-additional-text .services-list__item-text-wrapper .services-list__item-text-top-part .mCSB_container > div:last-of-type {
    margin-bottom: 22px
}

.services-list__item--has-additional-text .services-list__item-text-wrapper:not(.services-list__item-text-wrapper--has-bottom-part) .services-list__item-text-top-part .mCSB_container > div:last-of-type {
    margin-bottom: 35px
}

.services-list--img-trl .services-list__item-text-top-part {
    word-break: break-word
}

.bx-ie .services-list__item-text-wrapper {
    flex-basis: auto
}

.bx-ie .maxwidth-theme--half.flex-1 {
    flex-basis: auto
}

@media (min-width: 601px) {
    .services-list--img-srl .services-list__item-text-wrapper {
        padding-top: 40px
    }

    .services-list--img-srl .services-list__wrapper--border-bottom .services-list__item-text-wrapper {
        padding-bottom: 40px
    }

    .services-list__item-image-wrapper--LEFT + .services-list__item-text-wrapper > * {
        padding-left: 59px
    }

    .services-list__item-image-wrapper--RIGHT + .services-list__item-text-wrapper > *, .services-list__item-image-wrapper--SIDE + .services-list__item-text-wrapper > * {
        padding-right: 59px
    }

    .services-list--img-side .services-list__wrapper:nth-child(even) .services-list__item-image-wrapper--SIDE + .services-list__item-text-wrapper > * {
        padding-right: 0;
        padding-left: 59px
    }

    .services-list__wrapper--border-bottom .services-list__item-image-wrapper--LEFT + .services-list__item-text-wrapper {
        align-items: flex-start
    }

    .services-list__wrapper--border-bottom .services-list__item-image-wrapper--SIDE + .services-list__item-text-wrapper, .services-list__wrapper--border-bottom .services-list__item-image-wrapper--RIGHT + .services-list__item-text-wrapper {
        align-items: flex-end
    }

    .services-list__wrapper--border-bottom .services-list__item-image-wrapper--LEFT + .services-list__item-text-wrapper .maxwidth-theme--half {
        padding-right: 32px
    }

    .services-list__wrapper--border-bottom .services-list__item-image-wrapper--SIDE + .services-list__item-text-wrapper .maxwidth-theme--half, .services-list__wrapper--border-bottom .services-list__item-image-wrapper--RIGHT + .services-list__item-text-wrapper .maxwidth-theme--half {
        padding-left: 32px
    }

    .services-list--img-side .services-list__wrapper--border-bottom:nth-child(even) .services-list__item-image-wrapper--SIDE + .services-list__item-text-wrapper, .services-list--img-side .services-list__wrapper--border-bottom:nth-child(even) .services-list__item-image-wrapper--RIGHT + .services-list__item-text-wrapper {
        align-items: flex-start
    }

    .services-list--img-side .services-list__wrapper--border-bottom:nth-child(even) .services-list__item-image-wrapper--SIDE + .services-list__item-text-wrapper .maxwidth-theme--half, .services-list--img-side .services-list__wrapper--border-bottom:nth-child(even) .services-list__item-image-wrapper--RIGHT + .services-list__item-text-wrapper .maxwidth-theme--half {
        padding-right: 32px
    }

    .bx-ie .services-list--img-srl .services-list__item-text-wrapper, .bx-ie .services-list--img-trl .services-list__item-text-wrapper {
        flex-basis: 0
    }
}

@media (max-width: 600px) {
    .services-list--img-srl .services-list__item-text-wrapper {
        justify-content: space-between
    }

    .services-list__item-text-wrapper .flexbox.maxwidth-theme--half, .services-list__item-text-wrapper .flexbox.maxwidth-theme {
        justify-content: space-between
    }

    .services-list--img-srl .services-list__item-image-wrapper + .services-list__item-text-wrapper {
        padding-top: 26px
    }
}

.services-list__item-image-wrapper {
    position: relative
}

.services-list__item-image-wrapper--TOP {
    margin: 0 0 33px;
    display: flex;
    flex-direction: row
}

.services-list__item-image-wrapper--TOP .services-list__item-link, .services-list__item-image-wrapper--TOP > span {
    width: 140px;
    height: 140px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.services-list__item-image-wrapper--TOP.services-list__item-image-wrapper--PICTURE .services-list__item-link, .services-list__item-image-wrapper--TOP.services-list__item-image-wrapper--PICTURE > span {
    width: 120px;
    height: 120px
}

.services-list__item-image-wrapper--ICONS .services-list__item-link, .services-list__item-image-wrapper--ICONS > span {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden
}

.services-list__item-image-wrapper--ICONS a svg, .services-list__item-image-wrapper--ICONS > span svg {
    max-width: 100%;
    max-height: 100%
}

.services-list__item-image-wrapper--BG {
    padding-top: 126%;
    width: 100%
}

.services-list__item-image-wrapper--BG:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%)
}

.services-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.services-list--img-srl .services-list__wrapper--padding .services-list__item-image-wrapper .services-list__item-link, .services-list--img-srl .services-list__wrapper--padding .services-list__item-image-wrapper > span {
    position: relative;
    padding-top: 64%;
    max-height: 479px;
    display: block
}

.services-list--img-srl .services-list__wrapper--border-bottom .services-list__item-image-wrapper .services-list__item-link, .services-list--img-srl .services-list__wrapper--border-bottom .services-list__item-image-wrapper > span {
    position: relative;
    padding-top: 64%;
    max-height: 100vh;
    height: 100%;
    display: block
}

#main .services-list--img-srl .services-list__wrapper--border-bottom .services-list__item-image-wrapper .services-list__item-link.sticky-block, #main .services-list--img-srl .services-list__wrapper--border-bottom .services-list__item-image-wrapper > span.sticky-block {
    top: 0
}

.services-list--img-trl .services-list__item-image-wrapper .services-list__item-link, .services-list--img-trl .services-list__item-image-wrapper > span {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.services-list--img-trl .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) .services-list__item-link, .services-list--img-trl .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) > span {
    width: 110px;
    height: 110px
}

.services-list--img-trl .grid-list--items-3 .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) .services-list__item-link, .services-list--img-trl .grid-list--items-3-wide .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) .services-list__item-link, .services-list--img-trl .grid-list--items-3 .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) > span, .services-list--img-trl .grid-list--items-3-wide .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) > span {
    width: 90px;
    height: 90px
}

.services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) .services-list__item-link, .services-list--img-trl .grid-list--items-1-wide .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) .services-list__item-link, .services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) > span, .services-list--img-trl .grid-list--items-1-wide .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS) > span {
    width: 140px;
    height: 140px
}

.services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS).services-list__item-image-wrapper--PICTURE .services-list__item-link, .services-list--img-trl .grid-list--items-1-wide .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS).services-list__item-image-wrapper--PICTURE .services-list__item-link, .services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS).services-list__item-image-wrapper--PICTURE > span, .services-list--img-trl .grid-list--items-1-wide .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ICONS).services-list__item-image-wrapper--PICTURE > span {
    width: 120px;
    height: 120px
}

.services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper.services-list__item-image-wrapper--BIG_PICTURES .services-list__item-link, .services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper.services-list__item-image-wrapper--BIG_PICTURES > span {
    width: 300px;
    height: 200px
}

.bx-ie #main .sticky-block {
    top: 0
}

@media (min-width: 992px) {
    .grid-list--items-3--wide .services-list__item-image-wrapper--BG, .grid-list--items-3 .services-list__item-image-wrapper--BG {
        padding-top: 100%
    }

    .grid-list--items-2--wide .services-list__item-image-wrapper--BG, .grid-list--items-2 .services-list__item-image-wrapper--BG {
        padding-top: 67%
    }
}

@media (max-width: 991px) {
    .services-list__item-image-wrapper--BG {
        padding-top: 67%
    }
}

@media (min-width: 601px) {
    .services-list__wrapper--padding .services-list__item-image-wrapper--LEFT .services-list__item-image {
        right: 14px
    }

    .services-list__wrapper--padding .services-list__item-image-wrapper--RIGHT .services-list__item-image, .services-list__wrapper--padding .services-list__item-image-wrapper--SIDE .services-list__item-image {
        left: 14px
    }

    .services-list--img-side .services-list__wrapper--padding:nth-child(even) .services-list__item-image-wrapper--SIDE .services-list__item-image {
        right: 14px;
        left: 0
    }

    .services-list--img-trl .services-list__item-image-wrapper--TOP_RIGHT .services-list__item-link, .services-list--img-trl .services-list__item-image-wrapper--TOP_RIGHT > span {
        margin-left: 48px
    }

    .services-list--img-trl .services-list__item-image-wrapper--TOP_LEFT .services-list__item-link, .services-list--img-trl .services-list__item-image-wrapper--TOP_LEFT > span {
        margin-right: 32px
    }

    .services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper--TOP_LEFT .services-list__item-link, .services-list--img-trl .grid-list--items-1-wide .services-list__item-image-wrapper--TOP_LEFT .services-list__item-link, .services-list--img-trl .grid-list--items-1 .services-list__item-image-wrapper--TOP_LEFT > span, .services-list--img-trl .grid-list--items-1-wide .services-list__item-image-wrapper--TOP_LEFT > span {
        margin-right: 48px
    }
}

@media (max-width: 600px) {
    #main .services-list__item-image-wrapper--SIDE .sticky-block {
        top: 0
    }

    .services-list--img-srl .services-list__item-image-wrapper {
        flex-grow: 0;
        flex-basis: auto
    }

    .services-list--img-srl .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--ROUND_PICTURES) .services-list__item-image {
        border-radius: 4px
    }

    .mobile-scrolled .services-list__item-image-wrapper--BG {
        padding-top: 150%
    }

    .mobile-scrolled .services-list__item-image-wrapper--BG:after {
        top: 40%
    }

    .services-list--img-trl .services-list__item-image-wrapper {
        margin: 0 0 33px
    }
}

@media (max-width: 424px) {
    .services-list--img-trl .services-list__item-image-wrapper.services-list__item-image-wrapper--BIG_PICTURES .services-list__item-link, .services-list--img-trl .services-list__item-image-wrapper.services-list__item-image-wrapper--BIG_PICTURES > span {
        max-width: 300px;
        padding-top: 67%;
        width: 100%;
        height: auto
    }
}

.services-list__item .arrow-all {
    right: 0;
    top: 0
}

.services-list__item--section .arrow-all__item-line {
    transition-delay: .1s
}

.services-list__item-additional-text-top-part .arrow-all {
    right: -25px;
    top: initial;
    bottom: 16px
}

.services-list__item-text-top-part .arrow-all {
    right: -25px;
    top: 9px
}

.services-list--img-trl .services-list__item-text-top-part .arrow-all {
    right: 0
}

.services-list__item--has-bg .services-list__item-text-top-part .arrow-all {
    right: 0
}

.services-list__item--has-bg .services-list__item-additional-text-top-part .arrow-all {
    right: 0
}

.services-list__item--has-bg .services-list__item-text-top-part .services-list__item-title {
    padding-right: 35px
}

.services-list__item--has-bg .services-list__item-additional-text-top-part .services-list__item-title {
    padding-right: 25px
}

@media (max-width: 767px) {
    .services-list__item .arrow-all--wide {
        display: none
    }
}

@media (min-width: 601px) {
    .services-list--img-trl .services-list__item-image-wrapper .arrow-all {
        display: none
    }
}

@media (max-width: 600px) {
    .services-list--img-trl .services-list__item-text-top-part .arrow-all {
        display: none
    }
}

.services-list__item-section {
    margin: 0 0 10px
}

.services-list__item-title {
    position: relative
}

.services-list__item--has-additional-text .services-list__item-text-top-part .services-list__item-title {
    margin: 0 0 33px
}

.services-list__item--has-additional-text .services-list__item-text-wrapper--has-bottom-part .services-list__item-title {
    margin-bottom: 0
}

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

@media (min-width: 601px) {
    .services-list--img-trl .services-list__item-title {
        padding-right: 54px
    }
}

@media (max-width: 600px) {
    .services-list--img-srl .services-list__item-title {
        font-size: 1.6em;
        line-height: calc(1em + 7px)
    }
}

.services-list__item-text-top-part .services-list__item-title + .services-list__item-preview-wrapper {
    margin: 17px 0 0
}

.services-list__item:not(.services-list__item--has-additional-text) .services-list__item-text-top-part .services-list__item-childs + .services-list__item-preview-wrapper {
    margin: 21px 0 0
}

.services-list__item--has-additional-text .services-list__item-text-top-part .services-list__item-title + .services-list__item-preview-wrapper {
    margin: -15px 0 0
}

.services-list__item--has-additional-text .services-list__item-text-top-part .services-list__item-childs + .services-list__item-preview-wrapper {
    margin-top: -15px
}

.services-list__item--has-additional-text .services-list__item-text-wrapper--has-bottom-part .services-list__item-text-top-part .services-list__item-title + .services-list__item-preview-wrapper {
    margin-top: 18px;
    margin-bottom: 0
}

.services-list__item:not(.services-list__item--has-additional-text) .services-list__item-preview {
    max-height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3
}

.right_block .services-list__item:not(.services-list__item--has-additional-text) .services-list__item-preview {
    max-height: initial;
    display: block;
    -webkit-line-clamp: initial;
    -moz-line-clamp: initial
}

.bx-ie .services-list__item:not(.services-list__item--has-additional-text) .services-list__item-preview {
    max-height: 104px
}

@media (max-width: 600px) {
    .services-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.services-list__item-properties {
    margin: 20px 0 0
}

.services-list__item-properties-item-wraper {
    padding: 0 0 0 15px;
    position: relative
}

.services-list__item-properties-item-wraper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #9e9e9e;
    background: var(--theme-base-color)
}

.services-list__item-properties-item-wraper + .services-list__item-properties-item-wraper {
    margin-top: 5px
}

.services-list__item--has-additional-text .services-list__item-properties-item-wraper:before {
    background: #fff
}

.services-list__item-childs {
    margin: 17px 0 0
}

.services-list__item--has-additional-text .services-list__item-text-top-part .services-list__item-title + .services-list__item-childs {
    margin: -15px 0 35px
}

.services-list__item-childs > ul {
    margin: 0
}

.services-list__item-childs > ul > li {
    display: inline;
    line-height: calc(1em + 10px)
}

.services-list__item-childs-item-separator {
    color: #ccc;
    margin: 0 7px 0 4px
}

.services-list__item--has-additional-text .services-list__item-childs-item-separator {
    color: #fff
}

.services-list__item-text-bottom-part .services-list__item-price-wrapper + .btn {
    margin: 35px 0 0
}

@media (max-width: 600px) {
    .services-list__item-text-bottom-part .btn, .services-list__item-text-bottom-part:not(.services-list__item-text-bottom-part--has-price) {
        display: none
    }

    .grid-list:not(.mobile-scrolled) .services-list__item .services-list__item-additional-text-wrapper {
        bottom: 13px;
        left: 20px;
        right: 20px
    }

    .services-list__item--no-scrolled.services-list__item--has-additional-text .services-list__item-text-bottom-part {
        padding: 21px 20px 16px
    }

    .services-list__item--no-scrolled.services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container {
        padding: 15px 20px 0
    }

    .grid-list:not(.mobile-scrolled) .services-list__item .services-list__item-image-wrapper--BG {
        padding-top: 90%
    }
}

.project-list__item {
    position: relative;
    overflow: hidden
}

.grid-list--no-gap .project-list__item-image--absolute {
    left: -1px
}

.project-list__item-image-wrapper {
    position: relative;
    padding-top: 67%;
    overflow: hidden;
    width: 100%
}

.project-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.project-list__item-additional-text {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 46px;
    transition: opacity ease-in-out .3s;
    z-index: 1
}

.project-list__item-text-top-part {
    height: 100%
}

.project-list__item-preview-wrapper {
    margin-top: 16px
}

.project-list__item-section {
    position: relative
}

.project-list__item-section--mt-19 {
    margin-top: 19px
}

.project-list__item-section.project-list__item-section--FON {
    position: relative;
    margin-bottom: 10px
}

.project-list__item-text-wrapper {
    position: absolute;
    z-index: 2;
    max-height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 3px 40px 40px;
    overflow: hidden;
    overflow-anchor: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity ease-in-out .3s, visibility ease-in-out .3s
}

.project-list__item-text-top-part {
    padding: 0 43px 0 0
}

body .project-list__item-title .dark_link {
    color: #fff
}

.project-list__item--with-preview:hover .project-list__item-additional-text {
    opacity: 0
}

.project-list__item--with-preview:hover .project-list__item-text-wrapper {
    opacity: 1;
    visibility: visible
}

.project-list__item-link--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.project-list__item--wide {
    max-height: 600px
}

@media (max-width: 1199px) and (min-width: 992px) {
    .grid-list--no-grid > .project-list__wrapper {
        width: 33.33%
    }

    .grid-list--no-grid > .project-list__wrapper.item-w66, .grid-list--no-grid > .project-list__wrapper.item-w50 {
        width: 66.66%
    }
}

@media (min-width: 992px) {
    .project-list__item-sticker--BOTTOM {
        bottom: 35px;
        left: 36px
    }

    .grid-list--wide-first > div:first-of-type .project-list__item-title {
        font-size: 1.6em
    }

    .project-list__item--wide .project-list__item-additional-text {
        bottom: 70px;
        left: 79px;
        right: 133px
    }

    .project-list__item--wide .project-list__item-section {
        margin-bottom: 15px
    }

    .project-list__item--wide .project-list__item-text-wrapper {
        padding-left: 80px
    }

    .project-list__item--wide .project-list__item-text-top-part {
        padding: 0 130px 26px 0
    }

    .project-list__item--wide .arrow-all {
        top: auto;
        bottom: 96px;
        right: 78px
    }

    .project-list__item--with-left-block .project-list__item-additional-text {
        bottom: 58px;
        left: 66px;
        right: 125px
    }

    .project-list__item--with-left-block .arrow-all {
        top: auto;
        bottom: 78px;
        right: 60px
    }

    .project-list__item--with-left-block .project-list__item-text-wrapper {
        padding-left: 66px;
        padding-bottom: 58px
    }

    .project-list__item--with-left-block .project-list__item-text-top-part {
        padding: 0 122px 0 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .project-list__item--wide .project-list__item-text-top-part {
        padding: 0 110px 0 0
    }

    .project-list__item--wide .project-list__item-additional-text {
        right: 113px
    }

    .project-list__item--wide .arrow-all {
        top: auto;
        bottom: 50px;
        right: 24px
    }
}

@media (max-width: 991px) {
    .project-list__item-text-wrapper {
        padding: 10px 3px 20px 20px
    }

    .project-list__item-text-top-part {
        padding-right: 17px
    }

    body .project-list__item-title {
        font-size: 18px
    }

    .grid-list--no-grid > .project-list__wrapper {
        width: 33.33%
    }

    .project-list__item-image-wrapper {
        padding-top: 100%
    }

    .project-list__item-additional-text {
        bottom: 20px;
        left: 20px;
        right: 20px
    }
}

@media (max-width: 767px) {
    .grid-list--no-grid > .project-list__wrapper {
        width: 50%
    }

    .project-list__item--wide .arrow-all {
        display: none
    }
}

@media (min-width: 601px) {
    .project-list__item-sticker--BOTTOM_CORNER {
        bottom: 40px;
        left: 39px
    }

    .project-list__item--wide .project-list__item-image-wrapper {
        padding-top: 33%
    }
}

@media (max-width: 600px) {
    .project-list__item.flexbox--direction-row-reverse {
        flex-direction: column
    }

    .project-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px
    }

    .project-list__item-sticker--BOTTOM, .project-list__item-sticker--BOTTOM_CORNER {
        bottom: 24px;
        left: 27px
    }

    .project-list__item-image-wrapper:after {
        top: 40%
    }
}

@media (max-width: 450px) {
    .project-list__item-sticker--TOP {
        top: 30px;
        left: 31px
    }
}

.company-item__info > div:first-of-type {
    margin-top: 0
}

.company-item__info--mt-n6 {
    margin-top: -6px
}

.company-item__tizers {
    margin-top: 28px
}

.company-item--mt-49 {
    margin-top: 49px
}

.company-item__picture-wrapper {
    position: relative
}

.company-item__picture--BOTTOM {
    height: 500px;
    position: relative
}

.company-item__picture--mt-89 {
    margin-top: 89px
}

.company-item__picture--no-fon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    border-radius: 0
}

.company-item--IMG_SIDE .company-item__heading {
    align-self: center
}

.company-item__text p:last-of-type {
    margin-bottom: 0
}

.company-item__picture-wrapper .video-block iframe, .company-item__picture .video-block iframe {
    display: none
}

@media (min-width: 992px) {
    .company-item__heading--RIGHT > div {
        padding-right: 100px
    }

    .company-item__heading--LEFT > div {
        padding-left: 100px
    }

    .company-item__heading--LEFT .maxwidth-theme--half {
        padding-right: 32px
    }

    .company-item__heading--RIGHT .maxwidth-theme--half {
        padding-left: 32px;
        margin-left: auto
    }

    .company-item__picture--static {
        position: static;
        height: 100vh;
        max-height: 500px;
        border-radius: 4px
    }

    .company-item__picture-wrapper--wide {
        max-height: 100vh;
        height: 100%;
        padding-top: 67%
    }
}

@media (max-width: 991px) {
    .company-item__picture--BOTTOM {
        height: auto;
        padding-top: 50%
    }

    #main .company-item__picture-wrapper {
        padding-top: 50%;
        margin-top: 0
    }

    .maxwidth-theme--half {
        padding: 0 24px;
        max-width: none
    }
}

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

.fancybox-active {
    height: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-spaceball {
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

.fancybox-button:focus {
    outline: none
}

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

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

.fancybox-button div {
    height: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

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

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.news-list__item {
    position: relative;
    overflow: hidden
}

.news-list__item--padding {
    padding: 41px 48px
}

.grid-list--no-gap .news-list__item {
    overflow: visible
}

.grid-list--no-gap .news-list__item-image--absolute {
    left: -1px;
    right: -1px;
    top: -1px
}

.news-list__item-image-wrapper {
    position: relative
}

.news-list__item-image-wrapper--BG {
    padding-top: 130%;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.news-list__item-image-wrapper--BG:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%)
}

.news-list__item-image-wrapper--TOP {
    padding-top: 67%
}

.news-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

.news-list__item-image--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.news-list__item-text-top-part {
    height: 100%
}

.news-list__item-preview-wrapper {
    margin-top: 9px
}

.news-list__item-period {
    position: relative
}

.news-list__item-period--mb-9 {
    margin-bottom: 9px
}

.grid-list--no-grid .news-list__item-period {
    margin-top: 28px
}

.news-list__item-period--mt-29 {
    margin-top: 29px
}

.news-list__item-period.news-list__item-period--FON {
    position: relative;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 12px
}

.news-list__item-text-wrapper--BOTTOM {
    position: absolute;
    bottom: 44px;
    left: 47px;
    right: 39px;
    z-index: 2
}

#main .news-list__item-text-wrapper--BOTTOM .dark_link {
    color: #fff
}

.news-list__item-text-wrapper--BOTTOM_RELATIVE {
    padding: 18px 2px 0
}

.news-list__item-text-wrapper--with-padding {
    padding: 28px 34px 19px
}

.news-list__item-text-wrapper--with-bottom-padding {
    padding-bottom: 32px
}

.news-list__item-sticker {
    top: 29px;
    left: 29px;
    right: 29px
}

.news-list__item-link--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

@media (max-width: 1199px) and (min-width: 992px) {
    .grid-list--no-grid > .news-list__wrapper {
        width: 33.33%
    }

    .grid-list--no-grid > .news-list__wrapper.item-w66, .grid-list--no-grid > .news-list__wrapper.item-w50 {
        width: 66.66%
    }
}

@media (min-width: 992px) {
    .news-list__wrapper.item-w50 .news-list__item-image-wrapper--BG {
        padding-top: 0;
        min-height: 400px
    }

    .news-list__wrapper.item-w66 .news-list__item-image-wrapper--BG {
        padding-top: 50%
    }

    .news-list__item-sticker--BOTTOM {
        bottom: 35px;
        left: 36px
    }

    .grid-list--wide-first > div:first-of-type .news-list__item-title {
        font-size: 1.6em
    }

    .news-list__item-image-wrapper--BG .news-list__item-sticker {
        top: 40px;
        left: 38px
    }
}

@media (max-width: 991px) {
    .news-list__item-text-wrapper--BOTTOM {
        bottom: 20px;
        left: 29px;
        right: 29px
    }

    .grid-list--no-grid > .news-list__wrapper {
        width: 33.33%;
        width: 50%
    }
}

@media (max-width: 767px) {
    .grid-list--no-grid > .news-list__wrapper {
        width: 50%
    }
}

@media (min-width: 601px) {
    .news-list__item-sticker--BOTTOM_CORNER {
        bottom: 40px;
        left: 39px
    }
}

@media (max-width: 600px) {
    .news-list__item.flexbox--direction-row-reverse {
        flex-direction: column
    }

    .news-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .news-list__item-sticker--BOTTOM, .news-list__item-sticker--BOTTOM_CORNER {
        bottom: 24px;
        left: 27px
    }

    .news-list__item-image-wrapper--BG:after {
        top: 40%
    }

    .news-list .grid-list--normal.grid-list--no-grid > div {
        width: 100%
    }
}

@media (max-width: 450px) {
    .news-list__item-sticker--TOP {
        top: 30px;
        left: 31px
    }
}

.banners-img-list__item-image {
    display: block;
    background-repeat: no-repeat;
    background-position: center
}

.banners-img-list__item-link {
    display: block
}

.banners-img-list__item-image--more {
    padding-top: 30%;
    background-size: cover
}

@media (min-width: 992px) {
    .banners-img-list__item-image.banners-img-list__item-image--one {
        height: 180px
    }
}

@media (max-width: 991px) {
    .banners-img-list__item-image.banners-img-list__item-image--one {
        padding-bottom: 19%;
        background-size: cover
    }
}

.brands-list--wide .grid-list--items-5 {
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))
}

.brands-list__items-wrapper--offset {
    position: relative;
    overflow: hidden
}

.brands-list__items-wrapper--items-offset {
    padding: 0 32px
}

.brands-list__items-wrapper--offset:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    width: 2px
}

.brands-list__items-wrapper--offset:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    right: 0;
    background: #fff;
    background: var(--black_bg_black);
    width: 2px
}

.index-block--fon .brands-list__items-wrapper--offset:before, .index-block--fon .brands-list__items-wrapper--offset:after {
    background: #fafafa;
    background: var(--light_bg_black)
}

.brands-list__item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25%;
    border-radius: 4px;
    position: relative
}

.brands-list__item--padding-SMALL {
    padding: 15%
}

.brands-list__item--bg-white {
    background: #fff;
    background: var(--black_bg_black)
}

.brands-list__item--no-offset-y {
    padding-top: 0;
    padding-bottom: 0
}

.brands-list--items-close .brands-list__item.bordered {
    margin: 0 -1px -1px 0;
    border-radius: 0
}

.brands-list--items-close .brands-list__items-wrapper--offset .brands-list__item.bordered {
    margin: 0 -1px -2px 0;
    border-top: none
}

.brands-list__image-wrapper {
    width: 150px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

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

.brands-list .owl-stage {
    display: flex
}

.brands-list .owl-item {
    flex-shrink: 0
}

.brands-list .owl-carousel .owl-item .brands-list__image {
    width: auto
}

.brands-list .owl-carousel:not(.owl-loaded) {
    min-height: 200px
}

@media (max-width: 991px) {
    .brands-list__items-wrapper--items-offset {
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .brands-list--with-text .brands-list__items-wrapper {
        margin-top: 32px
    }

    .brands-list__item--left-side-adaptive {
        padding-left: 0;
        padding-right: 0;
        justify-content: flex-start
    }

    .brands-list__item--left-side-adaptive .brands-list__image-wrapper {
        justify-content: flex-start
    }
}

@media (max-width: 600px) {
    .brands-list__item {
        padding: 40px 0
    }
}

html.bx-ie .brands-list__item {
    padding: 5%
}

html.bx-ie .brands-list__item--padding-SMALL {
    padding: 2%
}

.popup.dyn_mp_jqm_frame {
    max-width: 810px;
    width: auto
}

.marketing-popup {
    min-height: 300px;
    min-width: 250px
}

.marketing-popup:not(.popup-text-info--has-img) {
    max-width: 580px
}

.marketing-popup .popup-text-info__title {
    padding: 55px 60px 33px
}

.marketing-popup .popup-text-info__text {
    padding: 0 60px 60px
}

.marketing-popup .popup-text-info__btn {
    margin: 39px -5px 0
}

.marketing-popup .popup-text-info__btn .btn {
    margin: 5px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__picture {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px 0 0 3px;
    overflow: hidden
}

.marketing-popup.popup-text-info--has-img .popup-text-info__picture > div {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.marketing-popup.popup-text-info--has-img .popup-text-info__text {
    line-height: 1.571em
}

.marketing-popup.popup-text-info--has-img .popup-text-info__text {
    padding: 0 50px 50px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__title {
    padding: 45px 50px 19px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__btn {
    margin-top: 29px
}

.marketing-popup.popup-text-info--has-img .popup-text-info__btn .btn {
    margin-bottom: 0
}

.dyn_mp_jqm_frame.TEXT {
    box-shadow: 0px 5px 20px 0px #0000001f
}

.dyn_mp_jqm_frame.TEXT .popup-text-info {
    padding: 32px 35px 30px;
    min-height: auto
}

.dyn_mp_jqm_frame.TEXT .popup-text-info__title {
    font-size: 1em;
    padding: 0;
    padding-bottom: 11px
}

.dyn_mp_jqm_frame.TEXT .popup-text-info__text {
    font-size: .8667em;
    line-height: 1.54em;
    padding: 0
}

.dyn_mp_jqm_frame.TEXT .jqmClose {
    right: 0;
    top: 0;
    width: 36px;
    height: 36px
}

.dyn_mp_jqm_frame.TEXT .jqmClose i, .dyn_mp_jqm_frame.TEXT .jqmClose i svg {
    width: 10px;
    height: 10px
}

.dyn_mp_jqm_frame.TEXT .popup-text-info__btn {
    font-size: 15px;
    letter-spacing: .8px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT {
    bottom: 20px;
    left: 20px;
    max-width: 410px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_LEFT .popup-text-info__btn {
    margin-top: 19px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT {
    bottom: 20px;
    right: 20px;
    max-width: 410px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_RIGHT .popup-text-info__btn {
    margin-top: 19px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER {
    bottom: 20px;
    left: 50%;
    width: calc(100% - 60px);
    transform: translateX(-50%)
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none;
    padding: 21px 40px 20px 26px
}

.dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn {
    margin-top: 0;
    margin-left: 30px
}

.marketing-popup.with_web_form .form .form_footer {
    margin-bottom: 0
}

.popup .marketing-popup.with_web_form .form .form_footer {
    padding-bottom: 50px
}

.popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_body, .popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_head, .popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_footer {
    padding-left: 50px
}

.marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture {
    max-width: unset
}

.marketing-popup.with_web_form .popup-text-info__webform .close.jqmClose {
    display: none
}

.popup.dyn_mp_jqm_frame.WEBFORM .mCSB_container {
    margin-bottom: 0
}

.popup.dyn_mp_jqm_frame.MAIN .mCSB_container {
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .popup.dyn_mp_jqm_frame.WEBFORM {
        max-width: 850px
    }

    .popup.dyn_mp_jqm_frame.MAIN {
        max-width: 850px
    }

    body .marketing-popup.with_web_form.popup-text-info--has-img {
        min-width: 850px
    }
}

@media (min-width: 768px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        width: 45%
    }

    .marketing-popup.popup-text-info--has-img .popup-text-info__title, .marketing-popup.popup-text-info--has-img .popup-text-info__text {
        margin-left: 330px;
        margin-left: 45%
    }

    .marketing-popup.popup-text-info--has-img .popup-text-info__webform {
        margin-left: 330px;
        margin-left: 45%
    }

    .dyn_mp_jqm_frame.MAIN .marketing-popup, .dyn_mp_jqm_frame.WEBFORM .marketing-popup {
        min-width: 700px
    }

    .marketing-popup.with_web_form.popup-text-info--has-img {
        min-width: 767px
    }
}

@media (max-width: 767px) {
    .marketing-popup .popup-text-info__title, .marketing-popup .popup-text-info__text {
        padding-left: 30px;
        padding-right: 30px
    }

    .dyn_mp_jqm_frame.TEXT {
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        max-width: none !important;
        border-radius: 0 !important;
        width: 100% !important;
        transform: none !important;
        min-height: unset !important;
        top: auto !important
    }

    .dyn_mp_jqm_frame.TEXT .popup-text-info {
        padding: 22px 26px 20px
    }

    .dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info {
        flex-direction: column;
        align-items: baseline
    }

    .dyn_mp_jqm_frame.TEXT.BOTTOM_CENTER .popup-text-info__btn {
        margin-top: 19px;
        margin-left: -5px;
        margin-right: -5px
    }

    .marketing-popup.with_web_form.popup-text-info--has-img .popup-text-info__picture {
        display: none
    }
}

@media (min-width: 551px) and (max-width: 767px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        width: 35%
    }

    body .marketing-popup.popup-text-info--has-img .popup-text-info__title, body .marketing-popup.popup-text-info--has-img .popup-text-info__text {
        margin-left: 35%
    }
}

@media (max-width: 550px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        display: none
    }
}

body {
    background-color: #fff;
    background-color: var(--black_bg_black);
    color: #555;
    color: var(--basic_text_black)
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none
}

a.grey {
    color: #818181
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 700;
    margin: 46px 0 26px;
    color: #333;
    color: var(--white_text_black)
}

h1, h2, h3, h4 {
    letter-spacing: normal
}

h1 {
    font-size: 2.8em;
    line-height: calc(1em + 10px);
    margin: 0 0 18px
}

h2 {
    font-size: 2em;
    line-height: calc(1em + 14px);
    margin: 30px 0 25px
}

h3 {
    font-size: 1.73333em;
    line-height: calc(1em + 14px);
    margin: 30px 0 25px
}

h4 {
    font-size: 1.375em;
    line-height: calc(1em + 10px);
    margin: 30px 0 25px
}

h5 {
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin: 30px 0 25px
}

h6 {
    font-size: 1.066em;
    line-height: calc(1em + 10px);
    margin: 30px 0 25px
}

h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
    margin-top: 50px
}

h1.no-top-space, h2.no-top-space, h3.no-top-space, h4.no-top-space, h5.no-top-space, h6.no-top-space {
    margin-top: 0
}

h1.no-bottom-space, h2.no-bottom-space, h3.no-bottom-space, h4.no-bottom-space, h5.no-bottom-space, h6.no-bottom-space {
    margin-bottom: 0
}

h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced {
    margin-top: 64px
}

h1.bottom-spaced, h2.bottom-spaced, h3.bottom-spaced, h4.bottom-spaced, h5.bottom-spaced, h6.bottom-spaced {
    margin-bottom: 36px
}

.underline {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 11px;
    border-bottom: 2px solid blue
}

h4.underline {
    padding-bottom: 7px
}

h5.underline {
    padding-bottom: 4px
}

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

.dark_link {
    color: #333;
    color: var(--white_text_black)
}

body .dark_link:hover {
    color: #000;
    color: var(--fill_dark_light_hover)
}

.label[href]:hover, .label[href]:focus {
    color: #555;
    color: var(--basic_text_black);
    cursor: default
}

.no-bottom-margin {
    margin-bottom: 0
}

.no-top-margin {
    margin-top: 0
}

.muted {
    color: #999
}

.muted svg path {
    fill: #b8b8b8
}

.muted svg rect {
    stroke: #b8b8b8
}

.normal_text {
    font-size: 1.2em;
    line-height: 1.444em
}

.bold {
    font-weight: 700
}

p {
    margin-bottom: 24px
}

p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px
}

p.featured {
    font-size: 1.6em;
    line-height: 1.5em
}

p.short {
    margin-bottom: 0
}

p.tall {
    margin-bottom: 20px
}

p.taller {
    margin-bottom: 40px
}

p.drop-caps:first-child:first-letter {
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding: 4px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Georgia
}

p.drop-caps.secundary:first-child:first-letter {
    background-color: #ccc;
    color: #fff;
    padding: 6px;
    margin-right: 5px;
    border-radius: 4px
}

hr {
    height: 1px;
    margin: 25px 0;
    border: none;
    border-top: 1px solid #f2f2f2;
    border-color: var(--light_bg_black)
}

.colored_line {
    border-color: #ededed;
    border-color: var(--stroke_black);
    border-top-width: 2px
}

table.no-border {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

table.table {
    border-collapse: collapse;
    border-spacing: 0
}

table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th, table.table > thead > tr > td, table.table > tbody > tr > td, table.table > tfoot > tr > td {
    border: 0;
    padding: 11px
}

table.table b, table.table strong {
    font-weight: 600
}

table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th {
    color: #fff;
    border-color: var(--stroke_black)
}

.table-bordered {
    border-color: var(--stroke_black)
}

table.table.table-striped tr:nth-child(even) td {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black)
}

table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
    background: var(--black_bg_black)
}

table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
    background: var(--black_bg_black)
}

table.table.table-bordered td {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

table.table.table-bordered-line td {
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

table.table.table-light th {
    background-color: transparent;
    color: inherit;
    border-bottom: 2px solid #b8b8b8;
    border-color: var(--stroke_black)
}

table.table .table-bg-gray {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black)
}

table.table th {
    background: #555
}

table.table1 td {
    padding: 15px
}

blockquote {
    color: #333;
    color: var(--white_text_black);
    position: relative;
    padding: 0 20px 0 41px;
    border: none;
    font-weight: 400;
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin: 48px 0
}

blockquote p {
    line-height: normal
}

blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    width: 3px;
    border-radius: 3px;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color, #9e9e9e)
}

blockquote.danger {
    padding: 27px 42px 31px;
    border: 1px solid rgba(210, 21, 21, .4);
    border-radius: 3px;
    border-left: 3px solid #d21515;
    color: #bb3a3a;
    margin: 40px 0;
    font-weight: 400
}

blockquote.info {
    padding: 27px 42px 31px;
    border: 1px solid rgba(91, 177, 71, .4);
    border-radius: 3px;
    border-left: 3px solid #5bb147;
    color: #5a8051;
    margin: 40px 0;
    font-weight: 400
}

blockquote.danger * {
    color: #bb3a3a
}

blockquote.info * {
    color: #5a8051
}

blockquote.danger:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 40px;
    background: var(--black_bg_black) url(images/allcorp3.png) -249px -262px no-repeat;
    width: 26px;
    height: 17px
}

blockquote.info:before {
    content: "";
    position: absolute;
    top: -9px;
    left: 40px;
    background: var(--black_bg_black) url(images/allcorp3.png) -17px -153px no-repeat;
    width: 26px;
    height: 18px
}

blockquote.danger:after {
    content: ""
}

blockquote.code {
    padding: 27px 42px 31px;
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    background: url(images/code_pattern.gif);
    color: #999;
    margin: 40px 0;
    font-weight: 400
}

blockquote.code:before {
    display: none
}

blockquote > div {
    font-style: italic;
    padding: 18px 20px 25px
}

blockquote small {
    color: #333;
    color: var(--white_text_black);
    font-style: normal;
    margin-top: 10px;
    font-size: .93333rem;
    line-height: calc(1em + 7px)
}

li {
    line-height: 24px
}

ul, ol {
    padding-left: 17px;
    margin-bottom: 20px
}

ul + h3, ul + h4, ul + h5, ul + h6, ol + h3, ol + h4, ol + h5, ol + h6 {
    margin-top: 28px
}

ul.list.icons {
    padding-left: 30px
}

ul.list.icons .fa {
    margin-left: -22px;
    margin-right: 5px
}

dl {
    margin-top: 16px
}

dt {
    margin-bottom: 1px
}

dd {
    margin-bottom: 14px;
    color: #444;
    color: var(--basic_text_black)
}

dd + dd {
    margin-top: -14px
}

table.table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px
}

ul {
    padding-left: 0
}

ol li {
    padding-left: 4px;
    margin-bottom: 12px
}

ul li {
    list-style-type: none;
    position: relative;
    padding-left: 0;
    margin-bottom: 8px
}

ul li p {
    margin-bottom: 0
}

ul li ul, ol li ol {
    padding-top: 4px
}

ul li:before {
    content: "";
    position: relative;
    left: 0;
    top: 11px;
    background: #666;
    width: 11px;
    height: 1px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.mega-fixed-menu ul li:before, header ul li:before, #headerfixed ul li:before, #mobileheader ul li:before, #mobilefilter ul li:before, .bx-core-window:not(.bx-core-adm-admin-dialog) ul li:before {
    content: none
}

.main ul li p {
    display: inline;
    vertical-align: top
}

ul.list-unstyled li {
    padding-left: 0;
    margin-bottom: 0
}

ul.list-unstyled li:before {
    display: none
}

.main ul.list-unstyled li p {
    display: block
}

.body_media {
    display: none;
    position: absolute;
    top: 2
}

.valign {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.ask_a_question {
    text-align: center;
    line-height: 15px;
    color: #1d2029
}

.ask_a_question .text {
    margin-top: 8px
}

.styled-block {
    border-left: 2px solid;
    background: url("images/background.png") #f2f2f2 0 0 repeat;
    color: #555;
    margin-bottom: 40px;
    clear: both;
    margin-top: 30px;
    padding: 37px 50px;
    font-size: 15px
}

.order-block {
    background: #fbfbfb;
    background: var(--light_bg_black);
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    color: #555;
    color: var(--basic_text_black);
    clear: both;
    font-size: 1em;
    margin: 30px 0 40px;
    width: 100%
}

.order-block--clear {
    border: 0;
    border: 0;
    background: 0 0;
    margin: 0
}

.progress {
    background-color: var(--darkerblack_bg_black)
}

.progress-bar {
    color: var(--white_text_black_reverse)
}

.grey-bg {
    background-color: #fafafa;
    background-color: var(--light2_bg_black)
}

.order-block__wrapper {
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    margin: 30px 0 40px
}

.order-block .row {
    margin: 0
}

.order-block .row > div {
    text-align: center;
    padding: 41px 0 40px;
    min-height: 83px
}

.order-block td {
    padding: 42px 0 37px;
    vertical-align: top
}

.order-block td .btns {
    text-align: center
}

.order-block .btn {
    margin: 0
}

.order-block .text {
    padding: 0 0 0 131px;
    min-height: 46px;
    line-height: 24px;
    color: #555;
    color: var(--basic_text_black);
    text-align: left;
    position: relative
}

.order-block .text .svg {
    display: block;
    width: 48px;
    height: 58px;
    position: absolute;
    top: 39px;
    top: -2px;
    left: 52px
}

.order-block .text h1, .order-block .text h2, .order-block .text h3, .order-block .text h4, .order-block .text h5, .order-block .text h6 {
    color: #333;
    margin-bottom: 5px;
    margin-top: 0
}

.styled-block .row > div, .order-block .row > div {
    display: table-cell;
    vertical-align: middle
}

.styled-block .row > div.col-md-3, .order-block .row > vib.col-md-3 {
    text-align: center
}

.styled-block .row > div.col-md-3 .btn, .order-block .row > vib.col-md-3 .btn {
    position: relative;
    margin: 0
}

.order-info-block {
    padding: 19px 39px 39px
}

.order-info-block--margined {
    margin: 33px 0
}

.order-info-block .line-block__item:not(.order-info-btns) {
    margin-top: 20px
}

.order-info-block .icon-svg-block {
    padding-right: 3px
}

.order-info-block .text {
    margin: -7px 0 -8px;
    min-width: 205px
}

.order-info-block .buy_block {
    min-width: 175px
}

.order-info-block ~ .sale-linked {
    border-top: 1px solid #e5e5e5
}

.select-outer {
    width: 252px;
    position: relative;
    white-space: nowrap;
    font-size: 0px
}

.select-outer select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    font-size: 13px
}

.select-outer i.fa {
    top: 0;
    width: 28px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 1px 1px 0 2px;
    border-right: 0 solid #f2f2f2;
    left: 0;
    vertical-align: top;
    font-size: 13px;
    margin-right: -28px
}

.select-outer i.fa:before {
    color: #fff;
    background: url(images/svg/more_arrow.svg) 2px 4px no-repeat
}

.select-outer i + select {
    padding-left: 39px;
    padding-right: 7px
}

.select-outer select + i.fa {
    border-left: 0 solid #f2f2f2;
    right: 0;
    left: auto;
    border-right-width: 0;
    padding-left: 0;
    margin-left: -28px
}

.select-outer.black i.fa {
    color: #222
}

.bx-opera .select-outer i.fa {
    top: 6px;
    display: none
}

.bx-firefox .select-outer select {
    padding-top: 6px;
    padding-bottom: 7px
}

.select-outer select::-ms-expand {
    display: none
}

.grey_light {
    color: #6d7a83
}

.grey_dark {
    color: #666
}

.dark_light {
    color: #2f383d
}

.dark_light_table {
    color: #2f383d;
    font-size: 16px
}

.dark_table {
    color: #333;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700
}

.noradius {
    border-radius: 0
}

.white_middle_text {
    font-weight: 700
}

.underborder {
    border-bottom: 1px dotted
}

.introtext {
    padding: 0;
    color: #333;
    color: var(--white_text_black);
    font-size: 1.2em;
    line-height: calc(1em + 10px);
    margin-bottom: 40px
}

.introtext p:last-child {
    margin-bottom: 0
}

.btn-inline {
    cursor: pointer;
    white-space: nowrap
}

.btn-inline i {
    margin: 0 14px
}

.btn-inline.rounded i {
    margin: 0 8px;
    border-radius: 50%;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 17px;
    position: relative;
    top: 1px
}

.btn-inline.rounded i:before {
    margin-left: 2px
}

.bx-firefox .btn-inline.rounded i:before {
    margin-left: 0
}

.btn-inline.rounded:hover i {
    color: #fff;
    background: #ccc
}

.btn-inline:hover {
    color: #222;
    color: var(--white_text_black)
}

.btn-inline.sm {
    font-size: .867em
}

.btn-inline.sm i {
    margin: 0 12px
}

.btn-inline.sm.rounded i {
    margin: 0 6px
}

.btn-inline.xs {
    font-size: .733em
}

.btn-inline.xs i {
    margin: 0 10px
}

.btn-inline.xs.rounded i {
    margin: 0 4px
}

.btn-inline.black {
    color: #222;
    color: var(--white_text_black)
}

.black {
    color: #222
}

.fa.big-icon {
    height: 54px;
    width: 54px;
    line-height: 54px;
    font-size: 29px;
    border-radius: 50%;
    background: #666;
    color: #fff;
    text-align: center
}

.fa.big-icon.grey {
    color: #222
}

.fa.big-icon.s50 {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 29px
}

.fa.big-icon.s45 {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 25px
}

.fa.big-icon.s40 {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 22px
}

.fa.big-icon.s35 {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 19px
}

.fa.big-icon.s30 {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 17px
}

.fa.big-icon.s25 {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 13px
}

.icon-text {
    padding: 0 20px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    border-radius: 27px;
    white-space: nowrap
}

.icon-text .fa {
    font-size: 30px;
    margin-top: -7px;
    vertical-align: middle;
    margin-right: 10px
}

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

a.icon-text:focus {
    color: #fff
}

.icon-text.s50 {
    padding: 0 18px;
    height: 50px;
    line-height: 50px
}

.icon-text.s50 .fa {
    margin-top: -2px;
    font-size: 26px;
    margin-right: 6px
}

.icon-text.s45 {
    height: 45px;
    line-height: 45px
}

.icon-text.s45 .fa {
    margin-top: -2px;
    font-size: 22px;
    margin-right: 4px
}

.icon-text.s40 {
    padding: 0 16px;
    height: 40px;
    line-height: 40px
}

.icon-text.s40 .fa {
    font-size: 22px;
    margin-top: -4px;
    margin-right: 4px
}

.icon-text.s35 {
    padding: 0 14px;
    height: 35px;
    line-height: 33px
}

.icon-text.s35 .fa {
    margin-top: 0;
    font-size: 18px;
    margin-right: 4px
}

.icon-text.s30 {
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    line-height: 29px
}

.icon-text.s30 .fa {
    margin-top: 0;
    font-size: 15px;
    margin-right: 2px;
    line-height: 13px
}

.icon-text.s25 {
    padding: 0 9px;
    height: 25px;
    font-size: 13px;
    line-height: 24px
}

.icon-text.s25 .fa {
    margin-top: 0;
    font-size: 14px;
    margin-right: 2px;
    line-height: 13px
}

.label {
    border-radius: 1px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    height: 22px;
    padding: .4em .6em;
    display: inline-block;
    vertical-align: top
}

.label-instock {
    background: #3cc051
}

.label-nostock {
    background: #999
}

.label-pending {
    background: #fcb322
}

.label-order {
    background: #57b5e3
}

.review {
    margin-bottom: 30px;
    position: relative
}

.bx-core-window img {
    vertical-align: baseline
}

.bx-core-window .adm-btn, .bx-core-window .adm-input-file {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box
}

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

.include_module_error img {
    max-width: 100%
}

.include_module_error p {
    color: #636363;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

.font_exlg {
    font-size: 1.6em;
    line-height: 1.25em
}

.font_lg {
    font-size: 1.3333em;
    line-height: 1.4em
}

.font_mlg {
    font-size: 1.2em;
    line-height: 1.454em
}

.font_mxs {
    font-size: 1.133em;
    line-height: 1.454em
}

.font_md {
    font-size: 1.0667em;
    line-height: 1.5625em
}

.font_sm {
    font-size: .933em;
    line-height: 1.429em
}

.font_xs {
    font-size: .867em;
    line-height: 1.5379em
}

.font_sxs {
    font-size: .8em;
    line-height: 1.692em
}

.font_xxs {
    font-size: .733em;
    line-height: 1.273em
}

.font_xxss {
    font-size: .667em;
    line-height: 1.3em
}

.font_upper_md {
    font-size: .733em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_upper {
    font-size: .667em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_upper_xs {
    font-size: .6em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_42 {
    font-size: 2.8em;
    line-height: calc(1em + 7px)
}

.font_40 {
    font-size: 2.66666em;
    line-height: calc(1em + 7px)
}

.font_38 {
    font-size: 2.53333em;
    line-height: calc(1em + 7px)
}

.font_36 {
    font-size: 2.4em;
    line-height: calc(1em + 7px)
}

.font_34 {
    font-size: 2.26666em;
    line-height: calc(1em + 7px)
}

.font_32 {
    font-size: 2.13333em;
    line-height: calc(1em + 7px)
}

.font_30 {
    font-size: 2em;
    line-height: calc(1em + 7px)
}

.font_28 {
    font-size: 1.86666em;
    line-height: calc(1em + 7px)
}

.font_26 {
    font-size: 1.73333em;
    line-height: calc(1em + 7px)
}

.font_25 {
    font-size: 1.66667em;
    line-height: calc(1em + 7px)
}

.font_24 {
    font-size: 1.6em;
    line-height: calc(1em + 7px)
}

.font_23 {
    font-size: 1.53333em;
    line-height: calc(1em + 7px)
}

.font_22 {
    font-size: 1.46667em;
    line-height: calc(1em + 7px)
}

.font_21 {
    font-size: 1.4em;
    line-height: calc(1em + 7px)
}

.font_20 {
    font-size: 1.33333em;
    line-height: calc(1em + 7px)
}

.font_19 {
    font-size: 1.26667em;
    line-height: calc(1em + 7px)
}

.font_18 {
    font-size: 1.2em;
    line-height: calc(1em + 7px)
}

.font_17 {
    font-size: 1.13333em;
    line-height: calc(1em + 7px)
}

.font_16 {
    font-size: 1.06667em;
    line-height: calc(1em + 7px)
}

.font_15 {
    font-size: 1em;
    line-height: calc(1em + 7px)
}

.font_14 {
    font-size: .93333em;
    line-height: calc(1em + 7px)
}

.font_13 {
    font-size: .86667em;
    line-height: calc(1em + 7px)
}

.font_12 {
    font-size: .8em;
    line-height: calc(1em + 7px)
}

.font_11 {
    font-size: .73333em;
    line-height: calc(1em + 7px)
}

.font_10 {
    font-size: .66667em;
    line-height: calc(1em + 7px)
}

.font_9 {
    font-size: .6em;
    line-height: calc(1em + 7px)
}

.font_large {
    line-height: calc(1em + 10px)
}

.font_short {
    line-height: calc(1em + 5px)
}

.font_bold {
    font-weight: 700
}

.font_normal {
    font-weight: 400
}

.font_weight--600 {
    font-weight: 600
}

.stroke_999 * {
    stroke: #999
}

.color_333 {
    color: #333;
    color: var(--white_text_black)
}

.color_666 {
    color: #666;
    color: var(--light_basic_text_black)
}

.color_999 {
    color: #999
}

.color_light {
    color: #fff
}

.color_light--opacity {
    color: #fff;
    opacity: .7
}

.color_dark {
    color: #333;
    color: var(--white_text_black)
}

.color_dark--opacity {
    color: #333;
    color: var(--white_text_black);
    opacity: .5
}

.color-dark--opacity {
    color: #333;
    color: var(--white_text_black);
    opacity: .5
}

.mr-10 {
    margin-right: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.shadow-hovered:hover {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1);
    z-index: 1
}

.shadow-hovered {
    transition: box-shadow ease .3s, background ease .3s
}

.shadow-no-border-hovered:hover {
    border-color: #fff;
    border-color: var(--stroke_black_hover);
    background-color: #fff;
    background-color: var(--card_bg_hover_black)
}

.shadow-no-border-hovered {
    transition: box-shadow ease .3s, border ease .3s, background ease .3s
}

.index-block--fon .shadow-no-border-hovered:hover {
    border-color: #fafafa;
    border-color: var(--light_bg_black)
}

.fill-999 {
    fill: #999
}

.dark-block-hover:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0;
    z-index: 1;
    transition: opacity .2s ease-in-out
}

.dark-block-after:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
    transition: opacity .2s ease-in-out
}

.dark-block-hover:hover:before {
    opacity: .5
}

.dark-block-hover:hover .dark-block-after:after {
    opacity: 0
}

.opacity_5 {
    opacity: .5
}

.font_upper_md {
    font-size: .733em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_upper {
    font-size: .667em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.font_upper_xs {
    font-size: .6em;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: .8px
}

.text-upper {
    text-transform: uppercase;
    letter-spacing: .8px
}

.z-2 {
    z-index: 2
}

.z-max {
    z-index: 996
}

.height-100 {
    height: 100%
}

.rounded-1 {
    border-radius: 1px
}

.rounded-2 {
    border-radius: 2px
}

.rounded-3 {
    border-radius: 3px
}

.rounded-4 {
    border-radius: 4px
}

.rounded {
    border-radius: 100%
}

.dotted {
    border-bottom: 1px dotted
}

.dashed {
    border-bottom: 1px dashed
}

.font-bold {
    font-weight: 700
}

.border-none {
    border: none
}

.border-top-none {
    border-top: none
}

.border-bottom-none {
    border-bottom: none
}

.border-left-none {
    border-left: none
}

.border-right-none {
    border-right: none
}

.pointer {
    cursor: pointer
}

.linecamp-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden
}

.linecamp-3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    overflow: hidden
}

.linecamp-4 {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 4;
    overflow: hidden
}

.linecamp-5 {
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 5;
    overflow: hidden
}

.left-justify-content {
    justify-content: left
}

.shadow-parent-all:hover .shadow-target {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, .1)
}

.table-full-width {
    width: 100%
}

.tables-responsive {
    overflow-x: auto;
    position: relative
}

.tables-responsive:before {
    content: "";
    position: absolute
}

.table {
    width: 100%
}

@media (min-width: 992px) {
    .visible-991 {
        display: none
    }
}

@media (max-width: 991px) {
    .order-info-block {
        padding: 25px
    }

    .order-info-block .line-block {
        flex-wrap: wrap
    }

    .order-info-block .icon-svg-block {
        display: none
    }

    .order-info-block .line-block__item:not(.order-info-btns) {
        margin-top: 0;
        margin-bottom: 20px
    }

    .order-info-block {
        padding-bottom: 5px
    }

    .hide-991 {
        display: none
    }
}

@media (max-width: 600px) {
    table.table:not(.table-full-width), table.table:not(.table-full-width) thead, table.table:not(.table-full-width) tbody, table.table:not(.table-full-width) th, table.table:not(.table-full-width) td, table.table:not(.table-full-width) tr {
        display: block;
        clear: both
    }

    table.table:not(.table-full-width) thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.table:not(.table-full-width) thead + tbody td .th-mobile {
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    table.table:not(.table-full-width) thead + tbody tr:not(.nomobile) td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left !important;
        min-height: 32px;
        word-break: break-all
    }

    table.table thead + tbody td.table-head-group .th-mobile {
        display: none
    }

    table.table thead + tbody tr:not(.nomobile) td.table-head-group {
        padding-left: 6px
    }

    table.table .td-hidden-xs {
        display: none
    }
}

@media all and (min-width: 601px) {
    .maxwidth-theme.maxwidth-theme--no-maxwidth-f601 {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .visible-600 {
        display: none
    }
}

@media all and (max-width: 600px) {
    .hide-600 {
        display: none
    }

    .visible-600 {
        display: block;
        width: 100%
    }

    body .order-block td {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px
    }

    body .order-block .text {
        text-align: left;
        padding: 25px 20px 0 25px
    }

    .order-block .text .svg {
        position: relative;
        left: 0;
        width: 100%
    }

    .order-block td .btns {
        text-align: left;
        padding: 0 20px 0 25px
    }
}

@media all and (max-width: 360px) {
    .order-info-block .order-info-btns .line-block__item {
        flex-grow: 1
    }

    .order-info-block .order-info-btns .line-block__item .buy_block {
        width: auto
    }
}

@media all and (min-width: 992px) {
    .index-block__part--right.flexbox--direction-column {
        flex-basis: 55%;
        flex-shrink: 0
    }

    .index-block__preview--right {
        max-width: 750px;
        margin: 0;
        padding-left: 9%
    }
}

@media all and (max-width: 1100px) {
    .hide-1100 {
        display: none
    }
}

@media all and (max-width: 1200px) {
    .hide-1200 {
        display: none
    }
}

@media all and (max-width: 1300px) {
    .hide-1300 {
        display: none
    }
}

@media all and (max-width: 1400px) {
    .hide-1400 {
        display: none
    }
}

@media all and (max-width: 1500px) {
    .hide-1500 {
        display: none
    }
}

@media all and (max-width: 1600px) {
    .hide-1600 {
        display: none
    }
}

@media all and (max-width: 1700px) {
    .hide-1700 {
        display: none
    }
}

@media (max-width: 1200px) {
    .p-t-24-1200 {
        padding-top: 24px
    }
}

@media (max-width: 1300px) {
    .last-1300 {
        order: 1
    }
}

html {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden
}

* html .clearfix {
    height: 1%
}

html[xmlns] .clearfix {
    display: block
}

.body {
    height: auto !important;
    flex-grow: 1
}

body > .body:not(.index) > .main {
    padding-bottom: 80px
}

.container {
    width: 100% !important;
    padding: 0
}

.container > .row > .maxwidth-theme > .content-md {
    display: flex;
    flex-direction: row-reverse
}

.container .left_block {
    width: 348px;
    flex-shrink: 0
}

.container .right_block {
    width: 100%
}

.container .right_block.narrow_Y {
    width: calc(100% - 348px)
}

body .main-wrapper > .section-content-wrapper {
    min-width: 0
}

.side_left .container .left_block {
    padding-right: 48px
}

.side_right .container .left_block {
    padding-left: 48px;
    padding-right: 0
}

.container .catalog_page .left_block {
    width: 332px
}

.side_left .container .catalog_page .left_block {
    padding-right: 32px
}

.side_right .container .catalog_page .left_block {
    padding-left: 32px
}

.side_right .container > .row > .maxwidth-theme > .content-md {
    flex-direction: row
}

.side_left .main-wrapper {
    flex-direction: row-reverse
}

.tariffs-wrapper > div + div {
    margin-top: 64px
}

.tariffs-wrapper + .main-wrapper {
    margin-top: 102px
}

.tariffs-wrapper + .main-wrapper .text_after_items {
    margin-top: 0
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

.row.clearfix, .clearfix.block {
    display: block
}

*[id^=bx_incl] {
    display: inline;
    vertical-align: top;
    *display: inline;
    zoom: 1
}

.bx_editmode .bx_areas *[id^=bx_incl], .right_block *[id^=bx_incl] {
    display: block
}

.margin0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.nopadding {
    padding: 0 !important
}

.nopadding-left {
    padding-left: 0 !important
}

.nopadding-right {
    padding-right: 0 !important
}

.bordered {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

.overflow-block {
    overflow: hidden
}

* {
    outline: none !important
}

*[data-event=jqm] {
    cursor: pointer
}

.srollbar-custom {
    overflow: auto
}

.lazyload, .lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

.loading-state {
    min-height: 300px;
    background: transparent url("images/loaders/double_ring.svg") no-repeat center center
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    background-position: center center
}

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

.scrollbar:not(.scroller) {
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin
}

.scrollbar::-webkit-scrollbar, .scrolled::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.scrollbar::-webkit-scrollbar-track, .scrolled::-webkit-scrollbar-track {
    border-radius: 5px
}

.scrollbar::-webkit-scrollbar-thumb, .scrolled::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
    background: var(--gray_bg_black);
    border: 1px solid #fff;
    border-color: var(--black_bg_black)
}

.scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb, .scrolled::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: #ccc;
    background: var(--gray_bg_black);
    border: 2px solid #fff;
    border-color: var(--black_bg_black)
}

.scroll-init:not(.mCustomScrollbar) {
    overflow: hidden !important
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: 0 0
}

.mCSB_inside > .mCSB_container {
    margin-right: 0
}

body .mCSB_scrollTools {
    width: 8px;
    z-index: 3;
    opacity: 1;
    right: 0;
    top: 2px;
    bottom: 2px
}

body .mCSB_container {
    z-index: 1
}

body .mCSB_3_dragger_vertical {
    width: 8px;
    border: 2px solid #fff;
    border-color: var(--black_bg_black)
}

body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background: #ccc !important;
    background: var(--gray_bg_black) !important;
    border-radius: 5px
}

.container iframe, .container object, .container video:not(.cover) {
    display: block;
    margin: 0 auto
}

.container iframe:not(.cover), .container object:not(.cover), .container video:not(.cover) {
    max-width: 100%
}

.banners-big .loading.vvideo:not(.started) iframe, .banners-big .loading.vvideo:not(.started) object, .banners-big .loading.vvideo:not(.started) video {
    opacity: .75
}

@media (max-width: 767px) {
    .banners-big.banners-big--adaptive-2 .loading.vvideo iframe, .banners-big.banners-big--adaptive-2 .loading.vvideo object, .banners-big.banners-big--adaptive-2 .loading.vvideo video {
        opacity: 1
    }
}

body .banners-big .banners-big__item.loading.vvideo {
    background: 0 0
}

body .banners-big .banners-big__item.loading.vvideo .wrapper_video {
    background: #000 !important
}

body .banners-big .banners-big__item.banners-big__item--dark.loading.vvideo .wrapper_video {
    background: #fff !important
}

.maxwidth-theme {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1396px;
    width: 100%
}

.maxwidth-theme:before, .maxwidth-theme:after {
    content: "";
    display: block;
    clear: both
}

.maxwidth-theme.maxwidth-theme--no-maxwidth {
    max-width: none
}

.maxwidth-theme--relative {
    position: relative
}

.top-content-block > div {
    margin-bottom: 32px
}

.top-content-block > div:empty {
    margin-bottom: 0
}

.top-content-block .top-big-img + .tizers {
    margin-top: -2px
}

.top-big-img--with-tizers {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.top-content-block .seo-block-main {
    margin-bottom: 0
}

.top-content-block .seo_block {
    margin-bottom: 48px
}

.top-content-block .seo_block + .seo_block--description {
    margin-top: -5px
}

.top-content-block .seo_block--img {
    width: 300px;
    margin-bottom: 0
}

.top-content-block .sticky-block {
    margin-bottom: 48px
}

.greyline > .row, .logo_and_menu-row > .row, .main > .row, .container > .row, .border_content > .row {
    margin-left: 0;
    margin-right: 0
}

section.page-top > .row > .maxwidth-theme, .greyline > .row > .maxwidth-theme, .logo_and_menu-row > .row > .maxwidth-theme, .main > .row > .maxwidth-theme, .container > .row > .maxwidth-theme > .content-md {
    padding: 0
}

article.post-large {
    margin-left: 80px
}

article.post-large div.post-image, article.post-large div.post-date {
    margin-left: -80px
}

.border_content {
    margin: 18px 0 8px
}

.border_content .head-block.top {
    margin-bottom: 39px
}

body .wide-block {
    display: block;
    margin-right: 0
}

div[id^=wait_comp], .bx-core-waitwindow {
    display: none
}

span.zoom {
    border-radius: 4px;
    color: #fff;
    display: block;
    height: 44px;
    line-height: 24px;
    margin: -22px -22px 0 0;
    padding: 6px;
    position: absolute;
    right: 50%;
    text-align: center;
    top: 50%;
    width: 44px;
    cursor: pointer;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: rgba(34, 34, 34, .7) url(/joomla/templates/mnf-allcorp3/images/svg/Fullsize.svg) center no-repeat
}

span.zoom i {
    font-size: 21px;
    left: 0;
    position: relative;
    top: 2px
}

.shine {
    position: relative
}

.hover_shine .shine:before {
    position: absolute;
    top: 0;
    left: -45%;
    z-index: 2;
    display: block;
    content: "";
    width: 25%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.hover_shine .shine:hover:before {
    -webkit-animation: shine .5s;
    animation: shine .5s
}

.hover_blink .shine:before {
    display: none
}

.hover_blink:hover .shine, .hover_blink .shine:hover {
    opacity: 1;
    -webkit-animation: flash .8s;
    animation: flash .8s
}

.hover_zoom .shine {
    transition: transform .8s
}

.hover_zoom:hover .shine {
    transform: scale(1.1)
}

.inner-table-block {
    display: table-cell;
    vertical-align: middle
}

.with_dropdown {
    position: relative;
    padding-right: 12px
}

form.search {
    position: relative
}

.search .search-input-div {
    width: 100%;
    position: relative
}

.search .search-input {
    color: #666;
    color: var(--light_basic_text_black);
    display: block;
    height: 41px;
    line-height: 18px;
    padding: 0 70px 0 14px;
    width: 100%;
    background: #fff;
    background: var(--darkerblack_bg_black);
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    border-radius: 4px
}

.search .search-button-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.search .btn-search {
    background: 0 0;
    border: none;
    padding: 1px 12px 0 0;
    line-height: 0;
    display: flex;
    height: 100%;
    align-items: center
}

.btn-search:hover * {
    fill: #333
}

.body .main > .container.with_error .left-menu-md, .body .main > .container.with_error .page-top, .body .main > .container.with_error .right-menu-md {
    display: none !important
}

.body .main > .container.with_error .content-md {
    width: 100%;
    display: block
}

body .container.with_error .right_block.narrow_Y {
    float: none !important;
    width: 100% !important
}

.banner.TOP_HEADER img, .banner.CONTENT_TOP img, .banner.CONTENT_BOTTOM img, .banner.TOP_HEADER img, .banner.TOP_UNDERHEADER img, .banner.FOOTER img {
    margin: auto
}

.banner.CONTENT_TOP {
    margin-bottom: 37px
}

.banner.CROP {
    overflow: hidden
}

.banner.CROP.TOP_HEADER {
    position: relative;
    z-index: 2
}

.banner.CROP img {
    margin-left: 50%;
    transform: translateX(-50%)
}

body > .body:not(.index) > .main .banner.FOOTER {
    margin-bottom: -80px
}

.banner.CONTENT_BOTTOM {
    margin-top: 40px
}

.body:not(.index) .banner.FOOTER {
    margin-top: 40px
}

.right-menu-md .side-menu > li > .submenu {
    padding-left: 26px
}

.zomm_wrapper-block {
    position: relative
}

.zomm_wrapper-block:hover .flex-direction-nav a:not(.flex-disabled) {
    opacity: 1 !important
}

.iblocks {
    max-height: 133px
}

.iblocks:after {
    content: "";
    clear: both;
    display: table
}

.iblocks .inner-wrapper {
    background: #f2f2f2;
    min-height: 132px
}

.iblocks > div {
    font-size: 13px;
    line-height: 20px
}

.iblocks > div a {
    display: block
}

.iblocks .icons-block {
    color: #9a9a9a;
    width: 80px;
    text-align: center;
    background: #f2f2f2;
    float: left
}

.iblocks .icons-block a {
    color: #9a9a9a;
    padding: 72px 10px 25px;
    position: relative
}

.iblocks .icons-block a:before {
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 27px;
    background: url(images/svg/allcorp3a.svg) -249px -83px no-repeat;
    top: 30px;
    left: 50%;
    margin-left: -11px
}

.iblocks .icons-block a:after {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0
}

.docs-block .iblocks:hover .icons-block a:before, .iblocks .icons-block a:hover:before {
    background-position: -250px -114px
}

.docs-block .iblocks:hover .icons-block a, .iblocks .icons-block a:hover {
    color: #fff
}

.iblocks .text-block {
    color: #222;
    font-weight: 700;
    font-size: 15px;
    background: #f2f2f2;
    padding-left: 82px
}

.iblocks .text-block .text {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden
}

body .docs-block .blocks {
    display: block
}

body .docs-block .blocks .inner-wrapper {
    position: relative;
    padding: 0 0 0 55px;
    margin-bottom: 32px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.docs-block .blocks .inner-wrapper:before {
    content: "";
    position: absolute;
    display: block;
    width: 36px;
    height: 35px;
    background: url(images/svg/docs_types.svg) 0px 0px no-repeat;
    top: 0;
    left: 0
}

.docs-block .blocks.doc .inner-wrapper:before, .docs-block .blocks.docx .inner-wrapper:before {
    background-position-y: -55px
}

.docs-block .blocks.jpg .inner-wrapper:before {
    background-position-y: -110px
}

.docs-block .blocks.png .inner-wrapper:before {
    background-position-y: -165px
}

.docs-block .blocks.ppt .inner-wrapper:before {
    background-position-y: -220px
}

.docs-block .blocks.txt .inner-wrapper:before {
    background-position-y: -275px
}

.docs-block .blocks.tiff .inner-wrapper:before, .docs-block .blocks.tif .inner-wrapper:before {
    background-position-y: -330px
}

.docs-block .blocks.none .inner-wrapper:before {
    background-position-y: -495px
}

.docs-block .blocks.rtf .inner-wrapper:before {
    background-position-y: -440px
}

.docs-block .blocks.xls .inner-wrapper:before, .docs-block .blocks.xlsx .inner-wrapper:before {
    background-position-y: -385px
}

.docs-block .blocks .filesize {
    font-size: 12px;
    color: #9a9a9a
}

.buy_block {
    display: block
}

#main .buy_block .in_cart {
    display: none
}

#main .buy_block.in .to_cart {
    display: none
}

#main .buy_block.in .in_cart {
    display: block
}

.btn-actions--with-icons {
    max-width: 243px;
    flex-basis: 100%
}

.btn-actions__inner {
    flex: 1;
    max-width: 100%;
    text-overflow: ellipsis
}

.btn-actions--with-icons .buy_block {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.btn-actions--with-icons .buttons {
    flex: 1
}

.buy_block .btn {
    white-space: normal;
    max-width: 100%;
    text-overflow: ellipsis
}

.grid-list__item {
    min-width: 0
}

.search-page a.search-page-params {
    border-bottom: 1px dashed blue;
    text-decoration: none
}

.search-page div.search-page-params {
    margin: 10px 0 0
}

.search-page .search-item-rate {
    font-size: 11px
}

.search-page .path {
    display: block;
    font-size: 11px;
    line-height: 13px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: 0 0
}

.search-page .path p {
    margin: 0
}

.search-page .path > *, .search-page .path a {
    text-decoration: none
}

.search-page .path > li {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    padding: 0
}

.search-page .path > li + li:before {
    font-family: FontAwesome;
    content: "\f054";
    font-size: 9px;
    padding: 0 10px;
    position: static;
    background: 0 0
}

.search-page .path > li:first-of-type:before {
    display: none
}

.search-page .where {
    border: 1px solid #cad4df;
    border-radius: 3px;
    float: left;
    height: 28px;
    line-height: 28px;
    margin: 10px 0 0
}

.search-page .searchinput {
    position: relative
}

.search-page .searchinput input[type=text] {
    color: #333;
    color: var(--white_text_black);
    display: block;
    width: 100%;
    border-radius: 4px;
    padding: 0 44px 0 17px;
    height: 40px;
    font-size: .933em;
    line-height: .75em;
    background: #fafafa;
    background: var(--darkerblack_bg_black);
    border: 1px solid #ddd;
    border-color: var(--stroke_black);
    transition: background .3s ease
}

.search-page .searchinput input[type=text]:hover, .search-page .searchinput input[type=text]:focus {
    background-color: #fff;
    background-color: var(--card_bg_hover_black)
}

.search-page .searchinput input[type=text]:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .015) inset;
    border-color: #999
}

.search-page .searchinput input.q {
    width: 100%
}

.search-page .searchinput .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    border: 0;
    color: #fff;
    width: 39px;
    height: 39px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.search-page .searchinput .btn-search {
    margin: 0;
    text-align: center;
    padding: 0
}

.search-page .searchinput .btn-search:hover {
    background: 0 0
}

.search-page .searchinput .btn-search:hover path {
    fill: var(--fill_dark_light)
}

.search-page .searchinput--lg input[type=text] {
    height: 48px
}

.search-page .searchinput--lg .btn-search {
    height: 48px;
    width: 48px
}

.loadings {
    background: url(preloader.gif) no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important
}

.loadings * {
    background: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
    visibility: hidden
}

.popup .loadings {
    background-position: 0 0 !important
}

.accordion-head {
    cursor: pointer;
    padding: 30px 86px 20px 34px;
    position: relative;
    display: block
}

.accordion-head:hover, .accordion-head:active, .accordion-head:focus, .accordion-head:visited {
    color: #333;
    color: var(--white_text_black)
}

.accordion-line {
    background-color: #9e9e9e;
    background-color: var(--darkerblack_bg_black);
    width: 4px;
    position: absolute;
    left: -1px;
    top: 35px;
    height: 13px;
    border-radius: 0 4px 4px 0
}

.accordion {
    background: #fff;
    background: var(--card_bg_black)
}

.item-accordion-wrapper {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    margin-bottom: -1px;
    padding-bottom: 8px;
    position: relative;
    transition: background ease .3s, box-shadow ease .3s
}

.item-accordion-wrapper:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.item-accordion-wrapper:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.item-accordion-wrapper .accordion-head {
    border: none
}

.accordion-type-1 .item, .accordion-type-2 .item, .accordion-type-1 .item:hover, .accordion-type-2 .item:hover {
    border-color: #e5e5e5 !important;
    border-color: var(--stroke_black) !important
}

.accordion-type-1 .item .accordion-body, .accordion-type-2 .item .accordion-body, .accordion-type-1 .item .panel-collapse, .accordion-type-2 .item .panel-collapse, .accordion-type-1 .item .accordion-head, .accordion-type-2 .item .accordion-head {
    border: none !important
}

.accordion-type-1 .item .accordion-head, .accordion-type-2 .item .accordion-head {
    margin-bottom: 0 !important
}

.accordion-head.accordion-open .fa:before {
    content: "\f106"
}

.panel-collapse {
    position: static
}

.panel-collapse .accordion-body {
    padding: 0 33px
}

.accordion-preview {
    margin-bottom: 33px
}

.accordion-btn {
    padding: 0 0 31px
}

.accordion-head .svg-inline-right-arrow {
    position: absolute;
    right: 35px;
    top: 34px;
    transition: transform ease .3s
}

.accordion-head:hover .svg-inline-right-arrow {
    transform: scale(1.1)
}

.accordion-open .svg-inline-right-arrow {
    transform: rotate(135deg)
}

.accordion-head.accordion-open:hover .svg-inline-right-arrow {
    transform: rotate(135deg) scale(1.1)
}

.accordion-type-1 .accordion-head a {
    display: inline;
    text-decoration: none
}

.accordion-head .fa {
    border-radius: 30px;
    color: #222;
    position: absolute;
    top: 23px;
    font-size: 24px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center
}

.accordion-head:hover .fa {
    background: #e5e5e5
}

.accordion-type-1 .accordion-head .fa {
    right: 29px
}

.accordion-type-2 .accordion-head {
    padding-left: 75px;
    padding-right: 38px
}

.accordion-type-2 .accordion-head a {
    display: inline;
    line-height: 18px;
    text-decoration: none;
    font-size: 16px
}

.accordion-type-2 .accordion-head:after {
    content: "";
    display: table;
    clear: both
}

.accordion-type-2 .accordion-head .fa {
    left: 26px
}

.accordion-type-2 .accordion-head .svg-inline-right-arrow {
    right: auto;
    left: 39px
}

.accordion-type-2 .accordion-head.accordion-open .fa {
    line-height: 25px
}

section.toggle {
    margin: 10px 0 0;
    position: relative;
    clear: both
}

section.toggle input {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 45px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

section.toggle label {
    border-left: 3px solid;
    transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    background: #f4f4f4;
    background: var(--card_bg_black);
    border-radius: 3px;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    border-color: var(--light, var(--fill_dark_light_white_hover)) var(--dark, #ccc)
}

section.toggle .toggle-content {
    display: none
}

section.toggle label::-moz-selection {
    background: 0 0
}

section.toggle label i.fa-minus {
    display: none
}

section.toggle label i.fa-plus {
    display: inline
}

section.toggle label::selection {
    background: 0 0
}

section.toggle label:before {
    border: 6px solid transparent;
    border-left-color: inherit;
    content: "";
    margin-top: -6px;
    position: absolute;
    right: 4px;
    top: 50%
}

section.toggle label + p {
    color: #999;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px
}

section.toggle label i {
    font-size: .7em;
    margin-right: 8px;
    position: relative;
    top: -1px
}

section.toggle.active i.fa-minus {
    display: inline
}

section.toggle.active i.fa-plus {
    display: none
}

section.toggle.active > label {
    color: #fff;
    background-color: var(--light, var(--fill_dark_light_white_hover)) var(--dark, var(--card_bg_hover_black));
    border-color: var(--light, var(--fill_dark_light_white_hover)) var(--dark, var(--card_bg_hover_black))
}

section.toggle.active > label:before {
    border: 6px solid transparent;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px
}

section.toggle > p.preview-active {
    height: auto
}

section.toggle > p.preview-active, section.toggle.active > p {
    white-space: normal
}

a.scroll-to-top {
    -moz-transition: opacity .3s ease, visibility .3s ease;
    -ms-transition: opacity .3s ease, visibility .3s ease;
    -o-transition: opacity .3s ease, visibility .3s ease;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease;
    position: fixed;
    text-align: center;
    text-decoration: none;
    display: block;
    background: #404040 url("images/svg/scroll.svg") no-repeat scroll center center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    right: 73px;
    left: inherit;
    bottom: 23px;
    opacity: 0;
    visibility: hidden;
    z-index: 99 !important
}

a.scroll-to-top.visible {
    opacity: 1;
    visibility: visible
}

a.scroll-to-top.ROUND_WHITE, a.scroll-to-top.RECT_WHITE {
    background-color: #fff
}

a.scroll-to-top.ROUND_GREY, a.scroll-to-top.RECT_GREY {
    background-color: #e3e3e3
}

a.scroll-to-top.RECT_COLOR, a.scroll-to-top.RECT_GREY, a.scroll-to-top.RECT_WHITE {
    border-radius: 2px
}

a.scroll-to-top.TOUCH {
    border-radius: 2px 0 0 2px;
    width: 50px;
    height: 50px;
    right: 0
}

a.scroll-to-top.ROUND_COLOR, a.scroll-to-top.RECT_COLOR {
    background-position: center 14px
}

a.scroll-to-top.ROUND_WHITE, a.scroll-to-top.RECT_WHITE, a.scroll-to-top.ROUND_GREY, a.scroll-to-top.RECT_GREY {
    background-position: center -70px
}

a.scroll-to-top.RECT_COLOR.TOUCH {
    background-position: center 17px
}

a.scroll-to-top.RECT_GREY.TOUCH, a.scroll-to-top.RECT_WHITE.TOUCH {
    background-position: center -67px
}

a.scroll-to-top.CONTENT {
    left: 50%;
    margin-left: 512px
}

.links-block .links {
    font-size: 0px;
    line-height: 0
}

.links-block .links > a {
    font-size: 15px;
    line-height: 24px
}

.links-block .links a.next-url {
    float: right
}

.links-block .share {
    margin-bottom: 35px
}

.item-views .item .price, .order-block .price {
    line-height: 19px
}

.item-views .item .price .fa, .order-block .price .fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 22px;
    background: 0 0
}

.item-views .item .price .price_val, .order-block .price .price_val {
    font-size: 18px;
    font-weight: 700;
    padding-right: 5px;
    color: #1d2029;
    display: inline-block
}

.item-views .item .price_new {
    display: inline-block
}

.item-views .item .price .price_old, .order-block .price .price_old {
    line-height: 15px;
    padding-top: 2px;
    display: inline-block
}

.item-views .item .price .price_old {
    padding-top: 1px
}

.item-views .item .price .price_old .price_val, .item-views .item .price .price_old .fa, .order-block .price .price_old .price_val, .order-block .price .price_old .fa {
    font-size: 14px;
    font-weight: 400;
    padding-right: 0;
    color: #777;
    text-decoration: line-through
}

.order-block .price, .order-block .price + .btn {
    display: inline-block;
    vertical-align: top
}

.order-block .price .price_val {
    font-size: 24px
}

.order-block .price.nop {
    margin-top: 8px
}

.order-block .price + .btn {
    margin-left: 5px
}

.content + .order-block {
    margin-top: 51px;
    margin-bottom: 57px
}

.search-tags-cloud {
    margin: 0 0 32px
}

.search-tags-cloud .title-block-middle {
    padding: 0 0 16px
}

.search-tags-cloud .tags {
    margin: -4px
}

.search-tags-cloud .tags a {
    display: inline-block;
    background: #fafafa;
    background: var(--darkerblack_bg_black);
    padding: 4px 10px 5px;
    color: #333;
    color: var(--white_text_black);
    margin: 4px 3px
}

.search-tags-cloud .tags a:hover {
    color: #fff;
    border-color: transparent
}

.container-block {
    margin: 0 0 40px
}

.fill-block {
    background: #f9f9f9;
    padding: 21px 30px 16px;
    border-bottom: 1px solid #f2f2f2
}

.title-block-middle {
    color: #333;
    font-size: 1.067em;
    font-weight: 700
}

.fill-block .title-block-middle {
    padding: 0 0 19px;
    border-bottom: 1px solid #f1f1f1
}

.fill-block ul {
    margin: 0;
    padding: 14px 0 0
}

.fill-block ul li {
    padding: 0;
    margin: 0
}

.fill-block ul li:before {
    display: none
}

.fill-block ul li a {
    display: block;
    padding: 4px 0
}

.fill-block ul li a .text {
    font-size: .933em;
    padding: 0 12px 0 0
}

.fill-block ul li a .count, .fill-block ul li a:hover .count {
    font-size: .867em;
    float: right;
    color: #999
}

.period-wrapper {
    margin: -18px 0 13px
}

.item_block.animated {
    opacity: 0
}

.main-section-wrapper {
    position: relative
}

.color-controls .flex-direction-nav a:before {
    background: url(images/svg/Arrow_right_white.svg) center no-repeat;
    top: 12px
}

.color-controls .flex-direction-nav a.flex-next:before {
    background: url(images/svg/Arrow_left_white.svg) center no-repeat
}

.color-controls span.zoom {
    top: -20px;
    right: 21px;
    transition: opacity ease .3s, top ease .3s;
    opacity: 0;
    margin: 0;
    border-radius: 4px;
    background-image: url(images/svg/Fullsize.svg);
    background-position: center;
    background-repeat: no-repeat
}

.color-controls .item:hover span.zoom {
    opacity: 1;
    top: 20px
}

.item span.zoom {
    opacity: 0
}

.items .item:hover span.zoom {
    opacity: 1
}

.detail .galery {
    margin-right: 0;
    margin-left: 0
}

.detail .galery .inner {
    border: 1px solid #f2f2f2;
    max-height: 673px;
    overflow: hidden;
    padding: 50px 62px;
    position: relative
}

.detail .galery .inner .stickers {
    top: -10px;
    left: 28px
}

.detail .galery .item {
    padding: 0;
    text-align: center;
    position: relative
}

.detail .galery .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    zoom: 1
}

.detail .galery .item:hover span.zoom {
    opacity: 1
}

.detail .galery .flexslider.top-bigs {
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    background: 0 0
}

.detail .galery .flexslider.s_1 {
    margin-left: 0
}

.detail .galery .flexslider .flex-viewport, .detail .galery .items {
    height: 100%
}

.head-block-item.dropdown-select__title {
    position: relative;
    padding: 12px 55px 12px 20px;
    color: #333;
    color: var(--white_text_black);
    margin-bottom: 48px
}

.head-block-item .menu-arrow {
    color: #000
}

.head-block-item .menu-arrow path {
    fill: var(--fill_dark_light)
}

.head-block {
    padding: 0 35px;
    margin-bottom: 48px;
    cursor: default
}

.head-block__item {
    cursor: pointer;
    font-weight: 700;
    display: block
}

.head-block__item--active {
    cursor: default
}

.head-block__item-text {
    padding: 19px 0;
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.head-block__item--active .head-block__item-text:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    right: 100%;
    bottom: -1px;
    display: block;
    right: 0;
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-radius: 2px 2px 0 0
}

.opacity1 {
    opacity: 1 !important
}

.opacity0 {
    opacity: 0 !important
}

.mixitup-container:not(.mixitup-ready) div[data-ref=mixitup-target] {
    display: none
}

.hidden-text-block:after {
    content: "";
    background-color: rgba(255, 255, 255, .32);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .85));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#D9FFFFFF', GradientType=0);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem
}

.hidden-text-block {
    position: relative
}

.shadow-block .flex-viewport {
    margin: -20px -25px 0;
    padding: 10px 25px
}

.shadow-block .item:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1)
}

.flexslider:not(.flexslider-init).flex_loader_circle {
    background: url(/joomla/templates/mnf-allcorp3/images/pl3.gif) no-repeat center center !important;
    min-height: 200px
}

.flexslider.shadow.front .flex-direction-nav .flex-prev, .flexslider.shadow.front .flex-direction-nav .flex-next {
    top: 7px
}

.item-views .shadow .item:hover, .projects.item-views.table .flexslider .item:hover {
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, .1)
}

.group-content h3 {
    font-weight: 700;
    margin: 49px 0 26px
}

body .group-content .tab-pane:first-of-type h3 {
    margin-top: 0
}

.group-content .tab-pane .text_before_items {
    margin-bottom: 30px
}

.bx_soc_comments_div .bx-catalog-tab-list li {
    padding-left: 0;
    margin: 0
}

hr.bottoms {
    margin: 55px 0 44px
}

.marker-nav {
    width: 0;
    height: 2px;
    background: #dedede;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    opacity: 0
}

.seo_block .order-block {
    margin: 0
}

.loader_circle {
    background: url(images/pl3.gif) no-repeat center center
}

.alert.alert-danger {
    background: #fee;
    color: #e83333;
    font-size: .933em
}

body.with_custom_img.fill_bg_n {
    background: #fff !important
}

.wd_propsorter table tr:not(.row_header) td {
    background: url(images/dott.png) no-repeat;
    background-position: 0 14px;
    background-repeat: repeat-x;
    vertical-align: top
}

body .char_block .wd_propsorter table tr.row_empty td {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 15px;
    background: 0 0
}

body .char-wrapp .yeni_ipep_props_groups table tr.prop_line, body .char-wrapp .yeni_ipep_props_groups table tr.prop_line:hover {
    background: 0 0
}

body .char-wrapp .yeni_ipep_props_groups table tr td {
    padding: 5px 3px;
    border-bottom: 1px solid #f2f2f2;
    background: 0 0;
    font-size: .933em
}

.wbot .drag-block.container.CATALOG_INDEX {
    display: none
}

.wbot .banners-big .flexslider {
    background: 0 0
}

.wbot .banners-big .flexslider > .slides > li {
    display: none !important
}

.wbot .banners-big .flexslider > .slides > li:first-of-type {
    display: block !important
}

.wbot .banners-big .flexslider > .slides > li:first-of-type .text .inner {
    opacity: 1
}

.marker.dynamic, .ymaps-point-overlay ymaps > svg {
    position: absolute;
    bottom: 0;
    left: -23px
}

.ymaps-point-overlay ymaps.ymaps-image-with-content .marker {
    display: none
}

.banners-big .flexslider .target {
    display: none
}

.flexslider .target {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10
}

.mCSB_container {
    margin-bottom: 1px
}

div.bx-component-opener {
    position: absolute !important;
    z-index: 1000 !important
}

.ui-panel-top-devices-inner {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 58px;
    width: 158px;
    cursor: pointer;
    background-color: #fff;
    background-color: var(--card_bg_black);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15);
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 0 5px 0 0
}

.ui-panel-top-devices-inner > .ui-button {
    opacity: .5;
    transition: opacity .3s ease;
    padding: 0 10px;
    display: block
}

.ui-button use {
    fill: #333;
    fill: var(--white_text_black)
}

.ui-panel-top-devices-inner > .ui-button--active, .ui-panel-top-devices-inner > .ui-button:hover {
    opacity: 1
}

.ui-button-desktop svg {
    width: 30px;
    height: 26px
}

.ui-button-tablet svg {
    width: 22px;
    height: 26px
}

.ui-button-mobile svg {
    width: 16px;
    height: 26px
}

.bx-ie .ui-button-desktop i {
    background: url("images/svg/responsible/desktop.svg")
}

.bx-ie .ui-button-tablet i {
    background: url("images/svg/responsible/tablet.svg")
}

.bx-ie .ui-button-mobile i {
    background: url("images/svg/responsible/mobile.svg")
}

iframe .ui-panel-top-devices-inner {
    display: none
}

@media (max-width: 991px) {
    body .ui-panel-top-devices-inner {
        display: none
    }
}

.more_wrapper {
    margin-bottom: 32px
}

.more_wrapper > a {
    display: block;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    border-radius: 3px;
    -webkit-transition: box-shadow ease-out .2s;
    -moz-transition: box-shadow ease-out .2s;
    -o-transition: box-shadow ease-out .2s;
    transition: box-shadow ease-out .2s;
    text-align: center;
    padding: 45px 0 41px
}

.more_wrapper > a svg {
    width: 50px;
    height: 50px
}

.more_wrapper > a:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
    background: #fff;
    background: var(--black_bg_black)
}

.more_wrapper .svg-inline-more_icon {
    margin-bottom: 13px
}

.more_wrapper .title {
    color: #333;
    color: var(--white_text_black);
    font-size: 16px
}

.owl-carousel-wrapper {
    position: relative
}

.owl-carousel:not(.owl-loaded) {
    background-image: url(../images/loaders/double_ring.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 300px
}

.thmb.owl-carousel:not(.owl-loaded) {
    min-height: 58px
}

.owl-carousel:not(.owl-loaded) * {
    display: none
}

.owl-carousel:not(.owl-loaded) ~ .owl-carousel__dots {
    opacity: 0
}

body .owl-carousel .owl-item img {
    width: auto
}

.owl-carousel--margin-top-64 {
    margin-top: 64px
}

@media (max-width: 767px) {
    .owl-carousel--margin-top-64 {
        margin-top: 32px
    }
}

.owl-carousel--padding-left-32 {
    padding-left: 32px
}

.owl-carousel--padding-right-32 {
    padding-right: 32px
}

@media (max-width: 991px) {
    .owl-carousel--padding-left-32 {
        padding-left: 24px
    }

    .owl-carousel--padding-right-32 {
        padding-right: 24px
    }
}

@media (min-width: 768px) {
    .owl-carousel--no-gap.owl-carousel--with-shadow .owl-stage-outer:before, .owl-carousel--no-gap.owl-carousel--with-shadow .owl-stage-outer:after {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 15px;
        width: 15px;
        background: #fff;
        background: var(--black_bg_black);
        z-index: 1
    }
}

.index-block--fon .owl-carousel--with-shadow .owl-stage-outer:before, .index-block--fon .owl-carousel--with-shadow .owl-stage-outer:after {
    background: #fafafa;
    background: var(--darkerblack_bg_black)
}

.owl-carousel--show-next.owl-carousel--with-shadow .owl-stage-outer:before, .owl-carousel--show-next.owl-carousel--with-shadow .owl-stage-outer:after {
    content: none
}

.owl-carousel--with-shadow .owl-stage-outer:before {
    left: 0
}

.owl-carousel--with-shadow .owl-stage-outer:after {
    right: 0
}

.owl-carousel--with-shadow.owl-carousel--after-offset-1 .owl-stage-outer:after {
    right: -1px
}

.owl-carousel--with-shadow .owl-item:hover {
    z-index: 2
}

.owl-carousel--with-shadow .owl-stage-outer {
    padding: 15px;
    margin: -15px
}

.owl-carousel--with-shadow-20 .owl-stage-outer {
    padding: 21px;
    margin: -20px
}

.owl-carousel--with-shadow-20 .owl-stage-outer:before, .owl-carousel--with-shadow-20 .owl-stage-outer:after {
    top: 20px;
    bottom: 20px;
    width: 20px
}

@media (max-width: 767px) {
    .owl-carousel--items-width-360-adaptive .owl-item {
        width: 360px !important;
        margin-right: -1px
    }

    .owl-carousel--items-width-230-adaptive .owl-item {
        width: 230px !important
    }

    .owl-carousel--with-shadow .owl-stage-outer:before, .owl-carousel--with-shadow .owl-stage-outer:after {
        content: none
    }

    .owl-carousel--wide-adaptive .owl-stage-outer {
        padding: 24px;
        margin: -24px
    }

    .owl-carousel--wide-view .owl-stage-outer {
        padding: 0;
        margin: 0
    }
}

@media (max-width: 450px) {
    .owl-carousel--items-width-360-adaptive .owl-item {
        width: 260px !important
    }
}

.owl-carousel--show-next {
    padding-right: 64px;
    padding-left: 24px;
    width: calc(100% - 88px)
}

.owl-carousel--button-offset-half.owl-carousel--show-next .owl-nav button {
    transform: none
}

.owl-carousel--show-next .owl-stage-outer {
    padding-right: 64px;
    margin-right: -64px;
    padding-left: 24px;
    margin-left: -24px
}

.owl-carousel--padding-left-32 .owl-stage-outer {
    padding-left: 32px;
    margin-left: -32px
}

.owl-carousel--padding-right-32 .owl-stage-outer {
    padding-right: 32px;
    margin-right: -32px
}

@media (max-width: 991px) {
    .owl-carousel--padding-left-32 .owl-stage-outer {
        padding-left: 24px;
        margin-left: -24px
    }

    .owl-carousel--padding-right-32 .owl-stage-outer {
        padding-right: 24px;
        margin-right: -24px
    }
}

.owl-nav {
    position: absolute;
    display: flex
}

.owl-carousel--button-bottom-right .owl-nav {
    bottom: 56px;
    right: 64px
}

.owl-carousel--buttons-right .owl-nav {
    right: 0
}

.owl-carousel--buttons-right-minus-11 .owl-nav {
    right: -11px
}

.owl-carousel--buttons-bottom-minus-48 .owl-nav {
    bottom: -48px
}

.owl-carousel--buttons-bottom-minus-10 .owl-nav {
    bottom: -10px
}

.owl-carousel--button-wide .owl-nav {
    position: static
}

.owl-carousel--button-wide .owl-prev {
    position: absolute;
    top: 50%;
    left: 0
}

.owl-carousel--button-wide .owl-next {
    position: absolute;
    top: 50%;
    right: 0
}

.owl-carousel--button-wide .owl-carousel__button {
    transform: translateY(-50%)
}

.owl-carousel--button-offset-32 .owl-nav {
    right: 32px;
    left: 0
}

.owl-carousel__button {
    height: 40px;
    width: 40px;
    border-radius: 4px;
    border-radius: var(--theme-border-radius);
    background: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease-in-out
}

body .owl-carousel__button:hover {
    background: var(--theme-base-color)
}

.disabled .owl-carousel__button {
    cursor: default
}

.disabled .owl-carousel__button svg, .disabled .owl-carousel__button:hover svg {
    opacity: .35
}

.owl-carousel--buttons-bordered .owl-carousel__button {
    border: 1px solid rgba(51, 51, 51, .1)
}

.owl-carousel--buttons-size-30 .owl-carousel__button {
    height: 30px;
    width: 30px
}

.owl-carousel--buttons-size-36 .owl-carousel__button {
    height: 36px;
    width: 36px
}

.owl-carousel--buttons-size-48 .owl-carousel__button {
    height: 48px;
    width: 48px
}

.owl-carousel--buttons-gray .owl-carousel__button {
    opacity: .35;
    transition: opacity .2s ease-in-out
}

.owl-carousel--buttons-gray .disabled .owl-carousel__button, .owl-carousel--buttons-gray .disabled .owl-carousel__button:hover {
    opacity: .1;
    cursor: default
}

.owl-carousel.owl-carousel--buttons-gray .owl-carousel__button svg * {
    stroke: #333
}

.owl-carousel.owl-carousel--buttons-gray .owl-carousel__button:hover svg * {
    stroke: #333
}

.owl-carousel--buttons-gray .owl-carousel__button:hover {
    opacity: 1
}

.owl-carousel__button svg * {
    stroke: #fff
}

.owl-carousel__button--left svg {
    margin-left: -1px
}

.owl-carousel--with-shadow .owl-nav .owl-prev, .owl-carousel--with-shadow .owl-nav .owl-next {
    z-index: 2
}

.owl-carousel--button-wide .owl-carousel__button--left {
    margin-left: -6px
}

.owl-carousel--button-wide .owl-carousel__button--right {
    margin-right: -6px
}

.owl-carousel--button-offset-half .owl-prev {
    transform: translateX(-50%)
}

.owl-carousel--button-offset-half .owl-next {
    transform: translateX(50%)
}

.owl-carousel--button-offset-half .owl-carousel__button {
    margin: 0
}

.owl-carousel--button-offset-none .owl-carousel__button {
    margin: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.owl-carousel--button-bottom-right .owl-carousel__button--left {
    margin-right: 8px
}

.owl-nav .owl-carousel__button--right {
    transform: rotate(180deg)
}

.owl-carousel--button-wide .owl-carousel__button--right {
    transform: rotate(180deg) translateY(50%)
}

html.bx-ie .owl-carousel--button-wide .owl-carousel__button {
    transform: none
}

html.bx-ie .owl-carousel--button-wide .owl-carousel__button--right {
    transform: rotate(180deg)
}

.owl-nav .owl-carousel__button--right svg {
    margin-top: -1px;
    margin-right: 1px
}

.owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button {
    background: 0 0;
    opacity: .35;
    transition: opacity .2s ease-in-out
}

.owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button svg path {
    stroke: #9e9e9e
}

.owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button svg, .owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button:hover {
    opacity: 1
}

.owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button:hover svg path {
    stroke: var(--theme-base-color) !important
}

.owl-carousel.owl-carousel--buttons-transparent .owl-prev.disabled, .owl-carousel.owl-carousel--buttons-transparent .owl-next.disabled {
    opacity: 1 !important
}

@media (max-width: 1200px) {
    .owl-carousel--button-bottom-right-32-1200 .owl-nav {
        bottom: 32px;
        right: 32px
    }
}

@media (max-width: 767px) {
    .owl-nav {
        display: none
    }
}

.owl-carousel--light .owl-carousel__button, .owl-carousel--light button.disabled .owl-carousel__button:hover {
    background: #fff;
    background: var(--arrows_bg_black)
}

.owl-carousel--light .owl-carousel__button svg *, .owl-carousel--light button.disabled .owl-carousel__button:hover svg * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.owl-carousel--light .owl-carousel__button:hover svg * {
    stroke: #fff
}

.owl-carousel__dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
    max-width: 250px;
    margin: -4px 0
}

.owl-carousel__dots--relative {
    position: relative
}

.owl-carousel__dots.disabled {
    display: none
}

.owl-carousel__dots--right {
    right: calc(64px + 88px);
    padding-right: 20px
}

.owl-carousel__dots--right-40 {
    right: 40px
}

.owl-carousel__dots--top-10 {
    top: 10px
}

.owl-carousel__dots--center {
    left: 50%;
    transform: translateX(-50%)
}

.owl-carousel__dots--bottom-64 {
    bottom: 78px
}

.owl-carousel__dots--bottom-56 {
    bottom: 70px
}

.owl-carousel__dots--bottom-32 {
    bottom: 32px
}

.owl-carousel__dots--bottom-minus-16 {
    bottom: -16px
}

.owl-carousel__dots--small {
    margin: -4px
}

.owl-carousel__dots--small .owl-carousel__dot {
    width: 6px;
    height: 6px;
    border: none;
    padding: 0;
    background: #ccc
}

.owl-carousel__dots--small .owl-carousel__dot:after {
    content: none
}

.owl-carousel__dots--offset-top-30 {
    margin-top: 30px
}

.owl-carousel__dots--small.owl-carousel__dots--offset-top-30 {
    margin-top: 26px
}

.owl-carousel__dot {
    display: block;
    width: 16px;
    height: 16px;
    margin: 4px;
    position: relative;
    background-clip: content-box;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    padding: 2px
}

.bx-mac .owl-carousel__dot {
    overflow: visible
}

.owl-carousel__dot-scroll {
    display: none
}

.owl-carousel__dot:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px solid;
    border-color: rgba(51, 51, 51, .122);
    z-index: 4
}

html.bx-ie .owl-carousel__dot:not(.active):after {
    border-color: #333
}

@media (min-width: 768px) {
    .owl-carousel__dots--autoplay .owl-carousel__dot.active:not(.reset-animation) .owl-carousel__dot-pie {
        width: calc(50% - 2px);
        height: calc(100% - 4px);
        transform-origin: 100% 50%;
        position: absolute
    }

    .owl-carousel__dots--autoplay .owl-carousel__dot.active:not(.reset-animation) .owl-carousel__dot-left-side {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        position: absolute;
        background: #333;
        opacity: 1;
        z-index: 3;
        animation: opa steps(1, end) infinite
    }

    .owl-carousel__dots--autoplay .owl-carousel__dot.active:not(.reset-animation) .owl-carousel__dot-spinner {
        border-radius: 80% 0 0 80%/50% 0 0 50%;
        height: 100%;
        width: 50%;
        top: 0;
        left: 0;
        z-index: 2;
        border-right: none;
        animation: rota infinite linear
    }

    .owl-carousel__dots--autoplay .owl-carousel__dot.active:not(.reset-animation) .owl-carousel__dot-right-side {
        border-radius: 0 55% 85% 0/0 30% 40% 0;
        left: 50%;
        opacity: 0;
        z-index: 1;
        animation: opa steps(1, end) infinite reverse;
        border-left: none
    }
}

.owl-carousel--light ~ .owl-carousel__dots .owl-carousel__dot:before {
    background-color: #fff
}

.owl-carousel--light ~ .owl-carousel__dots--autoplay .owl-carousel__dot.active .owl-carousel__dot-left-side {
    background: #fff
}

.owl-carousel__dots--line {
    background: #33333359;
    border-radius: 8px;
    overflow: hidden;
    width: 100px;
    display: flex;
    flex-wrap: nowrap
}

.owl-carousel__dots--line .owl-carousel__dot {
    height: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
    background: 0 0 !important;
    border: none;
    overflow: visible;
    cursor: default
}

.owl-carousel__dots--line .owl-carousel__dot:after {
    content: none
}

.owl-carousel__dots--line .owl-carousel__dot-scroll {
    height: 8px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    left: 0;
    transition: left .2s ease-in-out
}

.owl-carousel--light ~ .owl-carousel__dots--line {
    background: rgba(255, 255, 255, .349)
}

.owl-carousel--light ~ .owl-carousel__dots--line .owl-carousel__dot {
    background: #fff
}

.owl-carousel ~ .owl-carousel__dots--line-small {
    background: #e5e5e5;
    border-radius: 3px;
    width: 180px
}

.owl-carousel__dots--line-small .owl-carousel__dot {
    height: 3px
}

.owl-carousel__dots--line-small .owl-carousel__dot-scroll {
    height: 3px;
    background: #666;
    border-radius: 3px
}

@media (max-width: 1200px) {
    .owl-carousel__dots--right-bottom-32-1200 {
        bottom: 46px;
        right: calc(32px + 88px)
    }

    .owl-carousel--button-offset-32 .owl-nav {
        right: 24px;
        left: 0
    }
}

@media (max-width: 767px) {
    body .owl-carousel ~ .owl-carousel__dots {
        bottom: 24px;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        right: auto
    }

    body .owl-carousel ~ .owl-carousel__dots--bottom-minus-16 {
        bottom: -16px
    }
}

.owl-carousel .owl-dots {
    bottom: 17px;
    position: absolute;
    width: 100%;
    line-height: 13px;
    text-align: center
}

.owl-carousel .owl-dots .owl-dot {
    vertical-align: top;
    margin: 3px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    opacity: .4;
    background: linear-gradient(0deg, #fff, #fff)
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #fff;
    opacity: 1
}

.owl-carousel.owl-carousel--outer-dots .owl-dots {
    bottom: -40px
}

.owl-carousel.owl-carousel--outer-dots .owl-dots .owl-dot {
    background: #ddd
}

.owl-carousel.owl-carousel--outer-dots .owl-dots .owl-dot.active, .owl-carousel.owl-carousel--color-dots .owl-dots .owl-dot.active {
    background: #9e9e9e;
    background-color: var(--theme-base-color)
}

.owl-carousel.owl-carousel--static-dots .owl-dots {
    position: static
}

.owl-carousel--dots-padding-top-20 .owl-dots {
    padding-top: 20px
}

.owl-carousel--no-gap.owl-carousel--with-shadow .owl-item:not(.active) > div:not(.reviews-list__item) {
    margin: 0 2px
}

.owl-carousel--nav-hover-visible .owl-nav {
    position: static
}

.owl-carousel--nav-hover-visible .owl-nav .owl-prev, .owl-carousel--nav-hover-visible .owl-nav .owl-next {
    transition: left .3s ease, right .3s ease;
    visibility: hidden
}

.owl-carousel--nav-hover-visible:hover .owl-nav .owl-prev, .owl-carousel--nav-hover-visible:hover .owl-nav .owl-next {
    visibility: visible
}

.owl-carousel--nav-hover-visible .owl-nav .owl-prev {
    left: -4px
}

.owl-carousel--nav-hover-visible:hover .owl-nav .owl-prev {
    left: 0
}

.owl-carousel--nav-hover-visible .owl-nav .owl-next {
    right: -4px
}

.owl-carousel--nav-hover-visible:hover .owl-nav .owl-next {
    right: 0
}

@media (max-width: 767px) {
    .owl-carousel--nav-hover-visible .owl-nav .owl-prev {
        left: -4px
    }

    .owl-carousel--nav-hover-visible .owl-nav .owl-next {
        right: -4px
    }
}

.detail-block:not(.gallery):not(.big_gallery) .owl-carousel .owl-dots {
    bottom: inherit;
    top: -46px;
    right: -4px;
    width: auto;
    text-align: right
}

.detail-block:not(.gallery):not(.big_gallery) .owl-carousel.owl-carousel--with-shadow .owl-dots {
    top: -31px
}

@media (max-width: 767px) {
    .detail-block:not(.gallery):not(.big_gallery) .owl-carousel.owl-carousel--wide-adaptive .owl-dots {
        top: -22px
    }
}

.detail-block:not(.gallery):not(.big_gallery) .owl-carousel .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    margin: 3px 4px
}

label {
    font-weight: 400
}

label.error {
    color: #e02222 !important;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -25px;
    right: 0;
    font-size: 12px;
    z-index: 6;
    white-space: nowrap
}

.form label {
    margin-bottom: 5px
}

input {
    outline: none
}

input[type=password] {
    font-size: 20px
}

input::-ms-clear {
    display: none
}

form input i[class*=fa] {
    font-family: FontAweSome
}

.input.error input, .input.error textarea {
    border-color: #e02222
}

textarea {
    resize: none
}

.form textarea {
    overflow: hidden;
    padding-top: 10px;
    height: 98px
}

select {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 5px 39px 5px 7px;
    background: 0 0;
    color: #777;
    cursor: pointer;
    line-height: 17px;
    position: relative
}

.form {
    position: relative
}

.form.sending:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--white_bg_ccc) url("../images/loaders/double_ring.svg") center no-repeat;
    z-index: 993;
    opacity: .8
}

.form__wrapper {
    position: relative;
    z-index: 2
}

.form-inner {
    text-align: left;
    padding-top: 20px
}

.form-inner--pt-35 {
    padding-top: 35px
}

.form:not(.form--success) .form__info {
    align-self: center
}

.form--BG_IMG.form--with-bg {
    min-height: 300px
}

.form__img {
    position: relative
}

.form--BG_IMG .form-fon {
    opacity: var(--light, 1) var(--dark, .6)
}

body#main .sticky-block.form__img--WIDE {
    top: 0
}

.form__img--WIDE {
    max-height: 100vh;
    height: 100%;
    padding-top: 67%
}

.index-block--padding-top-130 .form__img--SIDE_IMG.form--static {
    margin-top: -130px
}

.index-block--padding-bottom-130 .form__img--SIDE_IMG.form--static {
    margin-bottom: -130px
}

.index-block--padding-top-80 .form__img--SIDE_IMG.form--static {
    margin-top: -80px
}

.index-block--padding-bottom-80 .form__img--SIDE_IMG.form--static {
    margin-bottom: -80px
}

.index-block--padding-top-40 .form__img--SIDE_IMG.form--static {
    margin-top: -40px
}

.index-block--padding-bottom-40 .form__img--SIDE_IMG.form--static {
    margin-bottom: -40px
}

.form--static {
    position: static
}

.form--centered {
    text-align: center
}

.form--centered .form-header {
    margin-bottom: 27px
}

.form--centered .form-inner {
    max-width: 737px;
    margin: auto
}

.form--centered .index-block__preview {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.form--centered .form-footer__btn {
    text-align: center
}

.form--BG_IMG .index-block__title, .form--BG_IMG .index-block__subtitle, .form .form-inner label * {
    color: #333
}

.form--SIDE_IMG .index-block__title, .form--SIDE_IMG .form-inner label * {
    color: var(--white_text_black)
}

#main .form--light .form-header *, #main .form--light label * {
    color: #fff
}

#main .form--light .licence_block label {
    color: rgba(255, 255, 255, .6)
}

#main .form .required-star, #main .form .star {
    color: #f25353;
    margin-left: 0
}

#main .form--light .form-checkbox__input + .form-checkbox__label .form-checkbox__box {
    border-color: #fff;
    background-color: #fff
}

#main .form--light .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    border: 8px solid #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

#main .form--light .form-checkbox__input:hover + .form-checkbox__label .form-checkbox__box {
    box-shadow: 0px 0px 0px 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.form--opacity:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255, 255, 255, .3)
}

.form--light.form--opacity:before {
    background: rgba(0, 0, 0, .3)
}

.form-btn {
    margin-top: 27px
}

.form .form-header .title {
    font-weight: 700
}

.form .form-header .form_desc {
    margin-top: 19px
}

.form .form-header p:last-child {
    margin: 0
}

.form .form-footer {
    display: block
}

.form .form-footer .btn {
    margin: 3px 0 0
}

.form--inline .form-footer {
    padding: 20px 0 0;
    display: block
}

.form .form-error {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px
}

.form img.calendar-icon-hover {
    margin: 1px;
    margin-left: 2px
}

.form .refresh {
    color: #666;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.form .refresh a {
    border-bottom: 1px dotted;
    font-size: .8em;
    line-height: 14px
}

.form-control {
    border-radius: 3px;
    color: var(--basic_text_black);
    box-shadow: none;
    border: 1px solid #ddd;
    border: 1px solid var(--stroke_black);
    height: 48px;
    padding: 6px 12px;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    transition: background ease-in-out .3s
}

div.form-control {
    font-size: 1rem
}

.form .fill-animate input {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    transition: background ease-in-out .3s
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #fff;
    background: var(--card_bg_hover_black);
    border-color: #999
}

.form-control:focus {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .015) inset;
    border-color: #999;
    background: #fff;
    background-color: var(--card_bg_hover_black)
}

.form-control:hover, .form .form-control.input-filed, form .fill-animate input:hover {
    background: #fff;
    background-color: var(--card_bg_hover_black)
}

input:-internal-autofill-selected {
    background-color: var(--card_bg_hover_black) !important
}

.form .form-group {
    margin-bottom: 15px;
    position: relative
}

.form .form-group .form-group {
    margin: 0
}

.form .form-group .input {
    position: relative
}

.form .form-group .input.dates {
    font-size: 0px
}

.form .form-group .input.dates label.error {
    font-size: 12px
}

.form .form-group .input.dates img {
    display: none
}

.form .form-group i:not(.svg) {
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 17px;
    color: #c4ccd1
}

.form .form-group .hint {
    font-size: 11px;
    line-height: 18px;
    margin-top: 7px
}

.form .form-group input[type=checkbox] + label:not(.error) {
    margin-left: 10px;
    vertical-align: top
}

.form .form-group input[type=checkbox] + label:not(.error):before, .form .form-group input[type=checkbox] + label:not(.error):after {
    top: 4px
}

form .form-group.animated-labels label:not(.error) {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    -moz-transition: all ease-out .2s;
    -webkit-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    -ms-transition: all ease-out .2s;
    transition: all ease-out .2s;
    font-size: .933em
}

form .row .form-group.animated-labels label:not(.error) {
    left: 28px
}

form .captcha-row .form-group.animated-labels label:not(.error), form .row div .form-group.animated-labels label:not(.error) {
    left: 12px
}

form .form-group.animated-labels.input-filed label:not(.error) {
    -ms-transform: translateY(-24px);
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px);
    background: #fff;
    left: 7px;
    z-index: 6;
    padding: 0 5px;
    font-size: .8em
}

form .row .form-group.animated-labels.input-filed label:not(.error) {
    left: 23px
}

form .captcha-row .form-group.animated-labels.input-filed label:not(.error), form .row div .form-group.animated-labels.input-filed label:not(.error) {
    left: 7px
}

.form .licence_block {
    padding: 0 0 29px;
    margin: -18px 0 0;
    position: relative;
    display: block;
    box-shadow: none;
    top: 0
}

.mobile .form .licence_block.bx_filter {
    margin-top: 0
}

.form .licence_block.bx_filter input[type=checkbox] {
    display: block;
    visibility: hidden;
    width: 0;
    line-height: 0;
    margin: 0
}

.form .licence_block.bx_filter label {
    padding-top: 0;
    text-align: left
}

.form .licence_block label.error {
    top: -5px
}

.form.success .form-header {
    border-top-color: #38ac61 !important;
    background: 0 0
}

.form.success .form-header {
    border-top-color: #38ac61 !important;
    background: 0 0
}

.form.success .form-header i {
    background: #38ac61 !important
}

.form_result.success .text_msg {
    margin-bottom: 30px
}

.form .bx_filter .form-group input[type=checkbox] + label:not(.error) {
    margin-left: 0
}

body .container .form .bx_filter.style_check {
    position: static;
    display: block;
    box-shadow: none;
    padding-bottom: 0
}

body .container .form .bx_filter.style_check br {
    display: none
}

.form-fon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.form-fon--right-50 {
    right: 50%
}

.form-fon--left-50 {
    left: 50%
}

body .form__img--COMPACT {
    flex-grow: 0
}

.form__img--COMPACT .form-fon {
    position: static;
    width: 280px;
    height: 280px;
    border-radius: 100%
}

.form__img--SIDE_IMG:not(.form--static) .form-fon {
    position: static;
    height: 100vh;
    max-height: 500px;
    border-radius: 4px
}

.bx-ie .form__img--SIDE_IMG:not(.form--static) .form-fon {
    position: absolute;
    height: auto
}

.form-control.bx-input-file-desc {
    display: none
}

div[data-sid=FILE] .input br {
    display: none
}

.form-send {
    background: #fff;
    background: var(--card_bg_hover_black);
    padding: 47px 46px;
    position: relative
}

.form--centered .form-send {
    text-align: center
}

.form-send--margined {
    margin: 8px 0 23px
}

.form-send--mr-30 {
    margin-right: 30px
}

.form-send--mt-n7 {
    margin-top: -7px
}

.form-send--mt-n4 {
    margin-top: -4px
}

.form-send__info-title {
    padding-bottom: 10px;
    color: #333;
    color: var(--white_text_black)
}

.form-send__info-text {
    padding-bottom: 25px
}

.form-inner--popup {
    padding: 8px 0 26px
}

.form-inner--popup .form-send {
    padding: 39px 37px 35px
}

.form-inner--popup .form-send__info-title {
    padding-bottom: 2px
}

.form-inner--popup .form-send__info-text {
    padding-bottom: 0
}

.form-inner--popup .form-send__info-text p:last-of-type {
    margin-bottom: 0
}

.close-block {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 11px;
    right: 13px;
    cursor: pointer
}

.captcha-row {
    position: relative;
    max-width: 418px;
    margin-bottom: 23px
}

.captcha-row--inline {
    margin-bottom: 41px
}

.form .captcha-row .captcha_image {
    height: 48px;
    position: relative;
    width: 217px
}

.captcha-row .captcha_image img {
    height: 48px;
    border: none;
    vertical-align: top;
    width: 100%;
    width: 180px
}

.form.inline img.captcha_img, .form.contacts img.captcha_img {
    margin-right: 20px;
    max-width: 100%
}

.captcha-row .captcha_input {
    bottom: 0;
    height: 48px;
    left: 204px;
    max-width: 140px;
    position: absolute;
    right: 0
}

.captcha-row .captcha_input input[name=captcha_word] {
    top: 0;
    position: absolute;
    height: 48px;
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 3px;
    width: 140px;
    max-width: 100%
}

.captcha-row.form-control {
    border: 0 solid #d5dadc;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    background: 0 0
}

.form .captcha-row .input label.error {
    white-space: nowrap
}

.form .captcha-row .captcha-img {
    margin-top: 4px
}

.captcha-row.captcha-row--margined {
    margin-bottom: 41px
}

body .captcha-row.invisible {
    margin-top: 0;
    margin-bottom: 0;
    height: 0;
    visibility: visible;
    margin-top: -16px
}

.captcha-row.invisible label {
    display: none
}

.captcha-row .captcha_input.recaptcha_text {
    position: static;
    width: 100%;
    max-width: none;
    height: auto
}

.captcha-row .captcha_image.recaptcha_tmp_img {
    display: none
}

.bx-auth form[name=bx_auth_servicesform_inline] .g-recaptcha, .g-recaptcha {
    display: none !important
}

div > .g-recaptcha {
    display: block !important;
    position: relative;
    z-index: 9
}

body .captcha-row .recaptcha, body .captcha-row > div.iblock {
    padding: 0;
    margin: 0;
    display: block
}

body .captcha-row .recaptcha {
    height: 0;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0;
    display: block
}

body .captcha-row.invisible.logo_captcha_n > div {
    display: none
}

body .captcha-row.invisible.inline {
    height: auto;
    margin-bottom: 10px;
    margin-top: 0
}

body .captcha-row.normal label.error, body .captcha-row.compact label.error {
    top: 0
}

.grecaptcha-badge {
    z-index: 5
}

.form.popup .form-header {
    padding: 42px 50px 11px
}

.form.popup .licence_block.bx_filter {
    display: block
}

.form.popup .form-body {
    padding: 14px 50px 11px
}

.form.popup .form-error {
    padding-left: 50px;
    padding-right: 50px
}

.form.popup .form-footer {
    padding: 0 50px 50px;
    display: block;
    text-align: left
}

.form.popup .captcha-row {
    margin-bottom: 41px
}

.form.popup .captcha-row.normal, .form.popup .captcha-row.compact {
    margin-bottom: 21px
}

.form.popup .captcha-row.invisible {
    margin-bottom: 25px
}

.uploader {
    border-radius: 4px;
    padding: 10px 54px 4px 47px;
    border: 1px solid #ddd;
    border-color: var(--stroke_black);
    position: relative;
    margin-top: 10px;
    background: #f8f8f8;
    background: var(--darkerblack_bg_black);
    cursor: pointer;
    transition: background-color .3s ease, border-color .3s ease;
    -moz-transition: background-color .3s ease, border-color .3s ease;
    -ms-transition: background-color .3s ease, border-color .3s ease;
    -o-transition: background-color .3s ease, border-color .3s ease;
    -webkit-transition: background-color .3s ease, border-color .3s ease;
    min-height: 48px
}

.uploader:first-of-type {
    margin-top: 0
}

.uploader:hover + .uploader {
    z-index: 11
}

.uploader:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 16px;
    width: 11px;
    height: 20px;
    background: url("../images/svg/attach_icons.svg") 0px 0px no-repeat
}

.uploader.hover {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.uploader.hover:before {
    background-position: -15px 0
}

.uploader input[type=file] {
    z-index: 10;
    opacity: 0;
    border: none;
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.uploader .action {
    display: none;
    position: absolute;
    top: 9px;
    left: 9px;
    background: #fff;
    background: var(--black_bg_black);
    border-radius: 3px;
    color: #fff;
    color: var(--white_text_black_reverse);
    padding: 7px 12px;
    font-size: 1em;
    line-height: 15px;
    margin-right: 10px
}

.uploader.hover .action {
    color: #fff;
    color: var(--white_text_black_reverse)
}

.uploader .filename {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    font-size: 1em;
    color: #333;
    color: var(--white_text_black);
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    line-height: 25px
}

.uploader.files_add .filename {
    color: #333
}

.uploader.hover .filename {
    color: #fff
}

.uploader .resetfile {
    position: absolute;
    right: -1px;
    width: 47px;
    display: block;
    top: -1px;
    bottom: -1px;
    z-index: 10;
    border-radius: 0 3px 3px 0;
    border: 1px solid #ddd;
    background: #f8f8f8
}

.uploader .resetfile svg {
    position: absolute;
    display: block;
    top: 50%;
    margin: -5px 0 0 -5px;
    left: 50%
}

.uploader .resetfile:hover svg path {
    stroke: #fff
}

.form .input .add_file {
    font-size: .8em;
    cursor: pointer;
    padding: 4px 10px 0 0;
    display: inline-block
}

.form .input .add_file:hover {
    color: #333
}

.form .input .add_file span {
    border-bottom: 1px dotted
}

.uploader.files_add:not(.hover):before {
    left: 13px;
    width: 20px
}

.uploader.files_add:not(.hover):not(.error):before {
    background-image: url(../images/svg/uploader-success.svg)
}

.uploader.files_add:not(.hover).error:before {
    background-image: url(../images/svg/uploader-error.svg)
}

.votes_block {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    padding: 22px;
    font-size: 0
}

.votes_block > div {
    display: inline-block;
    vertical-align: middle
}

.ratings {
    white-space: nowrap
}

.ratings .item-rating {
    display: inline-block;
    padding: 0 0 0 5px
}

.ratings .item-rating:first-of-type {
    padding-left: 0
}

.ratings .item-rating .svg svg path {
    fill: #ddd
}

.ratings .item-rating.filed .svg svg path {
    fill: #e6c553
}

.row[data-sid=RATING] label, .row[data-sid=FILE1] label, .row[data-sid=FILES1] label {
    display: none
}

form .rating_message {
    margin: 0 0 0 20px;
    position: relative;
    padding: 0 0 0 30px;
    color: #333;
    color: var(--white_text_black);
    font-size: 1rem
}

form .rating_message:before {
    content: "\2014";
    position: absolute;
    left: 0;
    top: 0
}

.votes_block--inline {
    padding: 0;
    border: none
}

.fancybox-active {
    height: auto
}

.fancybox-container .fancybox-bg, .fancybox-container .fancybox-button {
    background: #fff;
    background: var(--card_bg_black);
    opacity: 1
}

.fancybox-container svg path {
    fill: #999
}

.fancybox-inner .fancy {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 100%
}

.fancybox-slide:before {
    display: none
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden
}

.fancybox-overlay {
    background: #fff;
    opacity: 0
}

.fancybox-inner video {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: auto
}

.fancybox-inner .fancybox-content {
    padding: 0
}

.fancybox-container .fancybox-infobar {
    color: #999;
    mix-blend-mode: normal
}

.fancybox-slide--iframe {
    padding: 0
}

.fancybox-slide iframe {
    padding: 0;
    height: 100%;
    width: 100%
}

.fancybox-navigation .fancybox-button {
    top: calc(50% - 19px);
    width: 44px;
    height: 38px
}

.fancybox-navigation .fancybox-button--arrow_left {
    padding: 0 0 0 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 0 6px 0 0
}

.fancybox-caption {
    background: 0 0;
    color: #333
}

.fancy-js {
    cursor: pointer;
    display: block
}

body .eye-password input[type=password], body .eye-password input[type=text], body .bx-soa-auth .eye-password input[type=password], body .bx-soa-auth .eye-password input[type=text] {
    padding-right: 55px
}

.eye-password {
    position: relative
}

.eye-password:after {
    content: "";
    width: 55px;
    height: 44px;
    position: absolute;
    top: 32.56px;
    background-image: url("../images/svg/eye_close.svg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    cursor: pointer;
    right: 1px
}

.row > .eye-password:after {
    right: 17px
}

body .bx-soa-auth .eye-password:after {
    top: 2px
}

.eye-password.password-show:after {
    background-image: url("../images/svg/eye_open.svg")
}

.jqmWindow input[type=text]:focus, .jqmWindow input[type=password]:focus, .jqmWindow input[type=email]:focus, .jqmWindow input[type=tel]:focus, .jqmWindow textarea:focus, .jqmWindow select:focus {
    outline: none;
    background: #fff;
    background-color: var(--card_bg_hover_black);
    border: 1px solid #ccc;
    border-color: var(--stroke_black)
}

.form .eye-password input {
    background-size: 0px !important
}

@media (min-width: 992px) {
    .form--BG_IMG:not(.form--centered) .sticky-block {
        padding-right: 100px
    }

    .form__info--RIGHT > div {
        padding-left: 100px
    }

    .form__info--LEFT > div {
        padding-right: 100px
    }

    .form__info--RIGHT .maxwidth-theme--half {
        padding-right: 32px
    }

    .form__info--LEFT .maxwidth-theme--half {
        padding-left: 32px;
        margin-left: auto
    }

    .form--SIDE_IMG:not(.form--static) .index-block__subtitle {
        margin-top: -5px
    }
}

@media (max-width: 991px) {
    .form__img--SIDE_IMG {
        display: none
    }

    .form--SIDE_IMG .maxwidth-theme--half {
        padding: 0 24px;
        max-width: none
    }

    .form:not(.form--success) .form__info {
        align-self: auto
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .form--COMPACT .form__info--RIGHT > div {
        padding-left: 50px
    }

    .form--COMPACT .form__info--LEFT > div {
        padding-right: 50px
    }
}

@media (max-width: 767px) {
    .form__img {
        display: none
    }

    .captcha-row .captcha_input input[name=captcha_word] {
        width: 100%
    }

    .captcha-row .captcha_input {
        max-width: 100%
    }
}

@media (max-width: 400px) {
    .form .captcha_image {
        width: 100%
    }

    .form .captcha-row .captcha_image {
        width: 170px
    }

    .form .captcha-row .captcha_image img {
        width: 140px
    }

    .form .captcha-row .captcha_input {
        left: 164px
    }
}

.header--color_colored {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.color-theme {
    color: #9e9e9e;
    color: var(--theme-base-color)
}

.color-theme-hover:hover, .color-theme-parent:hover > .color-theme-target, .color-theme-parent-all:hover .color-theme-target, .color-theme-hover-no-active:not(.active):hover {
    color: #9e9e9e;
    color: var(--fill_dark_light_hover)
}

.bg-theme, .bg-theme-before:before, .bg-theme-after:after, .bg-theme-active.active, .active .bg-theme-active-child {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.bg-theme-hover:hover, .bg-theme-parent-hover:hover .bg-theme-target {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
    color: #fff
}

.bg-theme-white-hover:hover, .bg-theme-white-parent-hover:hover .bg-theme-target {
    background-color: #9e9e9e;
    background-color: var(--fill_dark_light_white_hover)
}

.bg-theme-active.active, .active .bg-theme-active-child {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.bg-theme-hover-active:hover.active {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color) !important
}

.bg-theme-hover-active:hover.active {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color) !important
}

.bg-opacity-theme, .bg-opacity-theme-before:before, .bg-opacity-theme-after:after, .bg-opacity-theme-hover:hover, .bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target, .bg-opacity-theme-active.active {
    background-color: #9e9e9e;
    background-color: var(--opacity_dark_light_hover)
}

.border-theme, .border-theme-hover:hover, .border-theme-active.active, .border-theme-parent-hover:hover .border-theme-target, .active .border-theme-active-child {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.fill-theme svg *, .fill-theme-use-svg svg, .fill-theme-svg {
    fill: #9e9e9e;
    fill: var(--theme-base-color)
}

.fill-theme-hover:hover *, .fill-theme-use-svg-hover:hover *, .fill-theme-parent:hover > .fill-theme-target *, .fill-theme-parent-all:hover .fill-theme-target * {
    fill: #9e9e9e;
    fill: var(--fill_dark_light_hover)
}

.fill-use-svg-999, .fill-use-999 svg {
    fill: #999
}

.fill-use-svg-888, .fill-use-888 svg {
    fill: #888
}

.fill-use-svg-fff, .fill-use-fff svg {
    fill: #fff
}

.stroke-use-svg-999, .stroke-use-999 svg {
    stroke: #999
}

.stroke-use-svg-888, .stroke-use-888 svg {
    stroke: #888
}

.stroke-use-svg-grey, .stroke-use-grey svg {
    stroke: #b8b8b8
}

.stroke-use-svg-fff, .stroke-use-fff svg {
    stroke: #fff
}

.stroke-theme *, .stroke-theme-use-svg svg, .stroke-theme-svg {
    stroke: #9e9e9e;
    stroke: var(--theme-base-color)
}

.stroke-theme-hover:hover *, .stroke-theme-use-svg-hover:hover *, .stroke-theme-parent:hover > .stroke-theme-target, .stroke-theme-parent-all:hover .stroke-theme-target * {
    stroke: #9e9e9e;
    stroke: var(--theme-base-color)
}

#main .header-menu__item--more-items .header-menu__link:hover, #main .menu-topest .menu-topest__more .menu-topest__link:hover {
    color: #9e9e9e;
    color: var(--fill_dark_light_hover)
}

.fancybox-slide--html .fancybox-close-small:hover path, .fancybox-button:hover path {
    fill: #9e9e9e;
    fill: var(--fill_dark_light_hover)
}

@media (max-width: 1200px) {
    .header-menu--bottom-1200.header-menu--color_colored {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color)
    }
}

.bg-more-theme {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.fill-more-theme {
    fill: #9e9e9e;
    fill: var(--theme-more-color) !important
}

.colored_theme {
    color: var(--fill_dark_light_white_hover)
}

.colored_theme_bg, .colored_theme_bg_hover:hover, .colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
    background-color: var(--theme-base-color)
}

body .colored_bg_in_dark {
    background-color: var(--theme-base-color)
}

.colored_theme_bg2_hover:hover {
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness))
}

.dark-color:hover, a.colored, .colored {
    color: var(--fill_dark_light_white_hover)
}

a {
    color: var(--fill_dark_light_white_hover)
}

a.colored:hover, .colored:hover {
    color: var(--fill_dark_light_hover)
}

a:active {
    color: var(--fill_dark_light_hover)
}

.fill-dark-light, .fill-dark-light path, .fill-dark-light-block path {
    fill: var(--fill_dark_light)
}

.fill-dark-light-block:hover path {
    fill: var(--fill_dark_light_hover)
}

.stroke-dark-light-block path {
    stroke: var(--fill_dark_light)
}

.stroke-dark-light-block:hover path {
    stroke: var(--fill_dark_light_hover)
}

.stroke-dark-light, .stroke-dark-light-block path {
    stroke: var(--fill_dark_light)
}

.stroke-dark-light-block:hover path {
    stroke: var(--fill_dark_light_hover)
}

a:hover, a:focus {
    color: var(--fill_dark_light_ccc)
}

.fill_card_bg_hover_black {
    fill: var(--card_bg_hover_black)
}

.style-switcher .options > div.more_color.current > span, .style-switcher .options > div.more_color.current > span:hover {
    border-color: #9e9e9e;
    border-color: var(--theme-more-color)
}

.uploader.hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.uploader .resetfile:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.side-icons__item:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.opened .link-with-flag:before {
    background-color: #9e9e9e;
    background-color: var(--theme-more-color)
}

.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:after {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.colored_more_theme_bg2_hover:hover {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))
}

.bottom-menu .item:hover .title a, .bottom-menu .item:hover .title, .bottom-menu .item.active .title a, .bottom-menu .item.active .title {
    color: var(--fill_dark_light_hover) !important
}

footer .print-link:hover {
    color: var(--fill_dark_light_hover)
}

footer .print-link:hover svg path {
    fill: var(--fill_dark_light_hover)
}

@media (min-width: 992px) {
    body .maxwidth-theme {
        padding-left: 32px;
        padding-right: 32px
    }

    .popup_video.mobile {
        display: none
    }
}

@media (max-width: 991px) {
    .side_left .main-wrapper {
        display: block
    }

    .container .left_block {
        display: none
    }

    .maxwidth-theme {
        padding-left: 24px;
        padding-right: 24px
    }

    .container > .row > .maxwidth-theme > .content-md {
        display: block
    }

    .container > .row > .maxwidth-theme > .content-md > .left_block > div, .container > .row > .maxwidth-theme > .content-md > .left_block > aside {
        display: none !important
    }

    .container > .row > .maxwidth-theme > .content-md > .right_block.narrow_Y {
        width: 100%
    }
}

@media (min-width: 768px) {
    .head-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .head-block {
        display: none;
        margin-bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: -1px;
        z-index: 110;
        max-height: 220px;
        overflow-x: hidden;
        background-color: #fff;
        background: var(--card_bg_black);
        padding: 8px 20px
    }

    .head-block .line-block {
        display: block
    }

    .head-block__item-text {
        padding: 8px 0
    }

    .head-block__item--active .head-block__item-text:before {
        display: none
    }

    .dropdown-select .head-block {
        overflow-y: scroll !important;
        position: absolute !important
    }

    .dropdown-select .head-block .head-block__item {
        white-space: normal
    }
}

@media (max-width: 600px) {
    .compact-hidden-t600 {
        display: none
    }

    .height-auto-t600 {
        height: auto !important
    }

    #main .shadow-hovered-f600:hover {
        box-shadow: none;
        border-color: #e5e5e5;
        border-color: var(--stroke_black)
    }

    a.scroll-to-top {
        display: none
    }
}

.owl-carousel__dot.active:after {
    border-color: #ec4a4a
}

a.grey {
    color: #818181
}

a.grey:hover {
    color: #ec4a4a
}

.dark_link:hover {
    color: #ec4a4a
}

.btn-inline {
    color: #ec4a4a
}

.btn-inline.black:hover {
    color: #ec4a4a
}

.btn-inline.rounded:hover i {
    background: #ec4a4a
}

body .fa.big-icon {
    background: #ec4a4a
}

body .fa.big-icon.grey {
    color: #ec4a4a;
    background: #efefef
}

.icon-text {
    color: #fff;
    background: #ec4a4a
}

.icon-text .fa {
    color: #fff
}

.icon-text.grey {
    color: #222;
    background: #efefef
}

.icon-text.grey .fa {
    color: #ec4a4a
}

a.scroll-to-top.ROUND_COLOR, a.scroll-to-top.RECT_COLOR {
    background-color: #ec4a4a
}

a.scroll-to-top.ROUND_COLOR:hover, a.scroll-to-top.RECT_COLOR:hover {
    background-color: #f06f6f
}

.underline {
    border-bottom: 2px solid #ec4a4a
}

blockquote:before {
    color: #ec4a4a
}

.review .it:before {
    color: #ec4a4a
}

.styled-block {
    border-left-color: #ec4a4a
}

.list.icons .fa {
    color: #ec4a4a
}

table.table th {
    background-color: #ec4a4a
}

hr.colored_line {
    border-color: #ec4a4a
}

.label.label-default {
    background: #93a6bc
}

.label.label-primary {
    background: #b8c2cd
}

.label.label-success {
    background: #5cb85c
}

.label.label-warning {
    background: #f0ad4e
}

.label.label-danger {
    background: #d9534f
}

.svg.colored svg path {
    fill: #ec4a4a
}

#main .header-cart--hcolor-count .header-cart__count {
    background-color: #ef6666 !important
}

.search-tags-cloud .tags a:hover {
    background: #ec4a4a
}

.breadcrumb a:hover {
    color: #222
}

.breadcrumb a:active {
    color: #cf1616
}

.breadcrumb li:hover > a {
    color: #ef6666
}

.pagination .active a, .pagination .active span {
    border-color: #ec4a4a !important;
    background-color: #ec4a4a !important
}

.pagination li:not(.active):hover a {
    border-color: #ec4a4a !important;
    color: #ec4a4a
}

.pagination a:hover .fa {
    color: #ec4a4a
}

.pagination li.prev:hover a svg path, .pagination li.next:hover a svg path {
    fill: #ec4a4a
}

.item-views.blocks h3.line:after {
    background: #ec4a4a
}

.nav-direction .flex-direction-nav li a {
    background: #ec4a4a
}

.nav-direction .flex-direction-nav li a:hover {
    background: #ef6666
}

.show_props .char_title:hover svg path {
    fill: #ec4a4a
}

.cls-cluster2 {
    fill: #ec4a4a
}

.social-icons li:hover a {
    border-color: #ef6666;
    background-color: transparent
}

.accordion-head.accordion-open a, .accordion-head:hover a {
    color: #ec4a4a
}

.detail .gallery-block .small-gallery ul.items li.flex-active-slide, .detail .gallery-block .small-gallery ul.items li:hover {
    border-color: #ec4a4a
}

.flex-direction-nav a:hover, .flex-direction-nav a:hover:before {
    color: #ef6666;
    border-color: #ef6666
}

.color-controls .flex-direction-nav a {
    background: #ec4a4a
}

.color-controls .flex-direction-nav a:hover {
    background: #ef6666
}

span.zoom {
    background-color: #ec4a4a
}

span.zoom:hover {
    background-color: #ef6666
}

.wr_scrollbar .scrollbar .handle {
    background: #ec4a4a
}

.banners-small .item .title a:hover {
    color: #ec4a4a !important
}

.banners-big.view_2 .slides li .maxwidth-theme .row .tablet_text {
    background-color: #ec4a4a
}

.banners-big.view_2 .flexslider .slides li .wrap .tablet_text .banner_buttons .btn:hover {
    color: #ec4a4a !important
}

.teasers.item-views.front.icons .item a:hover {
    color: #ec4a4a !important
}

.front-projects.item-views.table .item .info {
    border-top-color: #ec4a4a
}

.front-projects.item-views.table .item a:hover .info {
    background: #324860
}

.front-projects.item-views.table .item a:hover .info:before {
    border-bottom-color: #ec4a4a
}

.item-views .item .title a:hover {
    color: #ec4a4a
}

.docs-block .iblocks:hover .icons-block a, .iblocks .icons-block a:hover {
    background: #ec4a4a
}

.docs-block .iblocks:hover .text-block .text {
    color: #ec4a4a !important
}

.item-views .property.price .fa, .item-views .property.price .price_val {
    color: #ec4a4a
}

.item-views .item:hover .property .fa {
    color: #ec4a4a
}

.link-block-more .dark-color:hover:before {
    background: #ec4a4a
}

.tabs.item-views.table .title, .history.item-views.table .title {
    color: #ec4a4a
}

.history.item-views .title {
    color: #ec4a4a
}

.detail .galery #slider.flexslider:hover .flex-direction-nav {
    background: #ef6666
}

.detail .galery #carousel .slides li.flex-active-slide {
    border-color: #ec4a4a
}

.detail .reviews .item .review .icons:before {
    color: #ec4a4a
}

.detail .galery #carousel .flex-direction-nav a:hover:before {
    color: #ec4a4a
}

.catalog.group .price .price_val {
    color: #ec4a4a
}

.select-outer i.fa {
    color: #ec4a4a
}

.item-views.table.bblock .item .info {
    border-top-color: #ec4a4a
}

.popup_regions .items .item.current {
    background: #ec4a4a
}

#headerfixed .nav-pills > li.active > a, #headerfixed .nav > li > a:focus, #headerfixed .nav > li > a:hover, #headerfixed .nav-pills > li.active > a, #headerfixed .nav-pills > li.active > a:focus, #headerfixed .nav-pills > li.active > a:hover, #headerfixed .dropdown-menu > .active > a, #headerfixed .dropdown-menu > .active > a:focus, #headerfixed .dropdown-menu > .active > a:hover, #headerfixed .dropdown-menu > li > a:focus, #headerfixed .dropdown-menu > li > a:hover {
    color: #ec4a4a
}

.item .sticker-block {
    color: #ec4a4a
}

.news_block .item .sticker {
    background: #ec4a4a
}

.reviews.item-views.slider .item .preview-text-wrapper .quote svg path {
    fill: #ec4a4a
}

.profit-front-block .item .image {
    background: #ec4a4a
}

.item-views .item .title a.colored {
    color: #ec4a4a
}

.float-banners.v2 .item:hover:after {
    background: #ec4a4a
}

.marker .mcls-1 {
    fill: #ec4a4a
}

.bx-yandex-view-layout .pane_info_wrapper .pane_info .email a:hover {
    color: #ec4a4a
}

.marker:hover .mcls-1 {
    fill: #f06f6f
}

.subscribe-edit-main .form input[type=checkbox] + label:hover:after, .subscribe-edit-main .form input[type=checkbox]:checked + label:after, .subscribe-edit-main .form input[type=radio] + label:hover:after, .subscribe-edit-main .form input[type=radio]:checked + label:after {
    background-color: #ec4a4a;
    border-color: #ec4a4a
}

.subscribe-edit-main font.notetext {
    border-color: #ec4a4a
}

body .maxwidth-theme, body.fill_bg_y.visible_banner .contacts-page-map, body.fill_bg_y.visible_banner .banners-big .maxwidth-banner, body.fill_bg_y.visible_banner > .body > .main, body.fill_bg_y.visible_banner footer, .banners-big.short-banner.small .maxwidth-banner, .fill_bg_y.visible_banner header .line-row {
    max-width: 1564px
}

body .maxwidth-theme--half {
    max-width: 782px
}

body.fill_bg_y.visible_banner .banner.TOP_HEADER, body.fill_bg_y.visible_banner .banner.TOP_UNDERHEADER {
    max-width: 1564px
}

.body .main > .container.with_error > .row > .content-md > .page404 {
    max-width: 1436px;
    margin: auto
}

.contacts-page-map + .contacts.contacts-page-map-overlay {
    max-width: 1468px
}

body .logo-row .logo {
    max-width: 182px
}

body .maxwidth-banner.maxwidth-theme {
    max-width: 1500px
}

body .maxwidth-theme-popup {
    max-width: 1500px !important
}

@media (min-width: 1565px) {
    .grid-list--wide .services-list__item--big-padding {
        padding: 48px
    }

    .grid-list--wide .services-list__item-additional-text-wrapper {
        left: 48px;
        right: 48px
    }

    .grid-list--wide .services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container, .grid-list--wide .services-list__item--has-additional-text .services-list__item-text-bottom-part {
        padding-left: 48px;
        padding-right: 48px
    }

    .grid-list--wide .services-list__item--has-additional-text .services-list__item-text-wrapper:not(.services-list__item-text-wrapper--has-bottom-part) .services-list__item-text-top-part .services-list__item-title + .services-list__item-preview-wrapper {
        margin-bottom: 33px
    }

    .services-list--img-trl .grid-list--items-1 .services-list__item--big-padding, .sections-list--img-srl .grid-list--items-1 .sections-list__item--big-padding {
        padding: 41px 47px 44px
    }

    .services-list--img-trl .grid-list--items-1 .services-list__item--big-padding .services-list__item-image-wrapper {
        margin-top: 6px
    }
}

@media (min-width: 1580px) {
    .owl-carousel--show-next.owl-carousel--narrow {
        margin-left: calc(100vw / 2 - 1516px / 2);
        margin-right: calc(100vw / 2 - 1516px / 2);
        padding: 0;
        max-width: 1700px;
        width: calc(100% - (100vw - 1516px))
    }

    .owl-carousel--show-next.owl-carousel--narrow .owl-stage-outer {
        padding-right: calc(100vw / 2 - 1516px / 2);
        margin-right: calc(-100vw / 2 + 1516px / 2);
        padding-left: calc(100vw / 2 - 1516px / 2);
        margin-left: calc(-100vw / 2 + 1516px / 2)
    }

    .gallery-list .owl-carousel--show-next.owl-carousel--narrow .owl-nav button.owl-prev {
        margin-left: calc((1516px - 100vw) / 2)
    }

    .gallery-list .owl-carousel--show-next.owl-carousel--narrow .owl-nav button.owl-next {
        margin-right: calc((1516px - 100vw) / 2)
    }

    .gallery-list .owl-carousel--items-1.owl-carousel--show-next {
        max-width: 990px
    }

    .gallery-list .owl-carousel--items-1.owl-carousel--show-next .owl-nav button.owl-next {
        margin-right: calc((499px - 100vw) / 2)
    }

    .gallery-list .owl-carousel--items-1:not(.owl-carousel--show-next) .owl-nav button.owl-prev {
        margin-left: calc((100% - 1500px) / 2)
    }

    .gallery-list .owl-carousel--items-1:not(.owl-carousel--show-next) .owl-nav button.owl-next {
        margin-right: calc((100% - 1500px) / 2)
    }
}

@media (min-width: 1300px) {
    body .banners-small .item.wide-block .image {
        max-height: 479px
    }

    .detail .gallery-block .bigs.flexslider .slides .item {
        height: 728px;
        line-height: 725px
    }

    .tarifs .items_view td {
        width: 225px;
        min-width: 225px
    }

    .tarifs .data_table_props.items_view td:first-child {
        width: 195px;
        min-width: 195px;
        max-width: 195px
    }
}

@media all and (max-width: 1600px) {
    body .banners-big .flexslider .nav-carousel .flex-direction-nav {
        overflow: hidden
    }

    body .banners-big .flexslider:hover .nav-carousel .flex-direction-nav li.flex-nav-prev {
        left: 0
    }

    body .banners-big .flexslider:hover .nav-carousel .flex-direction-nav li.flex-nav-next {
        right: 0
    }
}

@media (min-width: 768px) and (max-width: 1500px) {
    .contacts-page-map + .contacts.contacts-page-map-overlay {
        padding-left: 0;
        padding-right: 0;
        margin-left: 53px;
        margin-right: 53px
    }
}

.header--narrow .hide-name-narrow-1500 .header__icon-name, .header--narrow .hide-narrow-1500 {
    display: none
}

.header--narrow .header-menu--bottom-narrow-1500 {
    position: absolute;
    top: calc(100% + 1px);
    background-color: #fff;
    left: 0;
    right: 0;
    left: -32px;
    right: -32px;
    border-bottom: 1px solid #e5e5e5
}

.header--narrow.header--offset .header-menu--bottom-narrow-1500 {
    border-bottom: none;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .05);
    border-radius: 0 0 4px 4px;
    left: 0;
    right: 0
}

.owl-carousel--button-bottom-right.owl-carousel--button-maxwidth-theme .owl-nav {
    right: calc((100% - 1500px) / 2)
}

.owl-carousel__dots--right.owl-carousel__dots--maxwidth-theme {
    right: calc((100% - 1500px) / 2 + 88px)
}

@media (max-width: 1628px) {
    .owl-carousel--button-bottom-right.owl-carousel--button-maxwidth-theme .owl-nav {
        left: auto;
        right: 32px;
        bottom: 32px;
        transform: none
    }

    body .owl-carousel__dots--right.owl-carousel__dots--maxwidth-theme {
        left: auto;
        right: calc(32px + 88px);
        bottom: 50px;
        transform: none
    }
}

@media (max-width: 2149px) and (min-width: 768px) {
    .banners-big--side-banners .owl-carousel--button-bottom-right.owl-carousel--button-maxwidth-theme .owl-nav {
        left: auto;
        right: 32px;
        bottom: 32px;
        transform: none
    }

    .banners-big--side-banners .owl-carousel__dots--right.owl-carousel__dots--maxwidth-theme {
        left: auto;
        right: calc(32px + 88px);
        bottom: 50px;
        transform: none
    }
}

html {
    font-size: 15px
}

body, body div.bx-yandex-map, body .ymaps-map .ymaps-b-balloon, .fancybox-title, .gm-style, .gm-style-iw-d {
    font: 15px/25px "Montserrat", Arial, sans-serif
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .popup-window {
    font-family: "Montserrat", Arial, sans-serif
}

.imgblog img {
    width: 100%;
    max-height: 600px;
    object-fit: cover;
    height: 100%;
    position: relative
}

.page-top {
    opacity: 1
}

.brands-list__item {
    padding: 15% !important
}

.brands-list__image-wrapper {
    width: 100%;
    height: 100px
}

.contacts__filter-select {
    display: none
}

.imgblog .banner-element {
    margin: 0 auto;
    display: block;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    position: absolute;
    bottom: 40%;
    left: 9%;
    z-index: 1
}

.banner-element {
    color: #fff;
    z-index: 99999;
    font-size: 20px
}

.page-top-info .banner-element {
    margin: 0 auto;
    display: block;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px
}

.banner-element ~ .page-top {
    opacity: 0
}

body .btn-section {
    margin-top: 20px;
    cursor: pointer !important
}

.body.index .main > .container, .flexbox {
    justify-content: space-between
}

@media (max-width: 992px) {
    .imgblog .banner-element {
        margin: 0 auto;
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
        position: absolute;
        bottom: 72%;
        left: 0;
        z-index: 1
    }

    .imgblog .banner-element span {
        font-weight: 300;
        font-size: 10px !important;
        line-height: 2px !important
    }

    .detail-image--top_on_head {
        display: block
    }

    .detail-image__fon, .detail-image--top_on_head:before {
        width: 100%;
        height: 300px
    }

    .page-top-info .banner-element {
        font-size: 16px;
        font-weight: 700;
        line-height: 23px;
        position: absolute;
        bottom: auto;
        padding: 15px;
        line-height: 23px;
        width: 80%
    }

    .page-top-info .banner-element span {
        font-size: 12px !important;
        line-height: 4px !important
    }
}

@media (min-width: 740px) and (max-width: 992px) {
    .has-long-banner .page-top-wrapper {
        top: 3%
    }

    .page-top-info .banner-element {
        font-size: 21px
    }

    .banner-element span {
        font-size: 11px !important
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .has-long-banner .page-top-wrapper {
        top: 28%
    }

    .page-top-info .banner-element {
        font-size: 32px
    }

    .banner-element span {
        font-size: 16px !important
    }
}

@media (min-width: 600px) and (max-width: 992px) {
    .imgblog .banner-element {
        bottom: auto;
        padding: 15px;
        line-height: 23px;
        width: 80%
    }

    .has-long-banner .page-top-wrapper {
        top: 0
    }

    .detail-maxwidth {
        margin: 15px 0
    }

    .detail-maxwidth {
        margin-top: 30px
    }
}

@media (min-width: 970px) and (max-width: 1200px) {
    .page-top-info .banner-element {
        line-height: 30px
    }

    .has-long-banner .page-top-wrapper {
        top: 28%
    }
}

table.table:not(.table-full-width), table.table:not(.table-full-width) tbody, table.table:not(.table-full-width) td, table.table:not(.table-full-width) th, table.table:not(.table-full-width) thead, table.table:not(.table-full-width) tr {
    display: revert;
    clear: both
}

.custom_button {
    position: absolute;
    top: 73%;
    left: 66%
}

html {
    --theme-base-color: #ec4a4a;
    --theme-base-opacity-color: #ec4a4a1a;
    --theme-more-color: #c30101;
    --theme-border-radius: 4px;
    --theme-text-transform: none;
    --theme-letter-spacing: normal;
    --theme-button-font-size: 0%;
    --theme-button-padding-2px: 0%;
    --theme-button-padding-1px: 0%;
    --theme-more-color-hue: 0;
    --theme-more-color-saturation: 99%;
    --theme-more-color-lightness: 38%;
    --theme-base-color-hue: 0;
    --theme-base-color-saturation: 81%;
    --theme-base-color-lightness: 61%;
    --theme-lightness-hover-diff: 6%
}

.switcher-title {
    font-family: "Literata", Arial, sans-serif
}

@media print {
    body .body, #footer {
        margin: 0 !important
    }

    header, #headerfixed, #mobileheader, .print-hide {
        display: none !important
    }

    body .body:not(.index) .main > .container {
        padding-bottom: 50px
    }

    footer .bottom-under .inner-wrapper .social-block {
        display: none
    }

    .ajax_basket {
        display: none
    }

    .left-menu-md, .right-menu-md {
        display: none !important
    }

    .content-md {
        width: 100%;
        float: none
    }

    body .main {
        padding-bottom: 0 !important;
        margin-top: 0 !important
    }

    body .body {
        margin-bottom: 0 !important;
        min-height: 0
    }

    a[href]:after {
        display: none
    }

    body .breadcrumb, body .bottom-menu, .greyline.review-block, .front-form {
        display: none
    }

    body .btn.btn-responsive-nav {
        display: none !important
    }

    .item-views.blocks.portfolio {
        display: none
    }

    .filters-wrap, .item .buy_block, .page-top .share.top, .detail .galery span.zoom {
        display: none
    }

    .label {
        border: none
    }

    .stickers .stickers-wrapper > div {
        background: #fff
    }

    body .banners-big.front {
        display: none
    }

    body .banners-big .flexslider, body .banners-big .slides, body .banners-big .slides li {
        height: 240px;
        opacity: 1
    }

    body .banners-big .slides li {
        display: none !important
    }

    body .banners-big .slides li.flex-active-slide {
        display: block !important
    }

    body .banners-big .slides li .text {
        height: 240px;
        line-height: 237px
    }

    body .banners-big .flexslider .slides .inner {
        padding-top: 0 !important;
        vertical-align: middle;
        display: inline-block;
        opacity: 1
    }

    body .banners-big .flexslider .slides .inner .title {
        font-size: 30px;
        padding-bottom: 19px
    }

    body .banners-big .flexslider .slides .inner .text-block {
        margin-bottom: 20px;
        font-size: 15px;
        line-height: 24px
    }

    body .banners-big .flexslider .slides .img {
        display: none
    }

    body .banners-small {
        padding-bottom: 0
    }

    body .banners-small .bottom_nav {
        display: none
    }

    body .banners-small .item .title a {
        display: block;
        font-size: 15px
    }

    body .banners-small .item .image .type-block {
        color: #fff !important;
        background: rgba(46, 46, 47, .6) !important
    }

    body .row.block-with-bg + .row .item-views.blocks h3 {
        padding-top: 46px
    }

    .banners-small .custom-md .item, .banners-small.blog .items .item {
        width: 100%;
        display: block;
        height: auto !important
    }

    body .banners-small .item .image {
        max-height: none
    }

    body .banners-big .btn {
        margin-bottom: 0
    }

    body .float-banners.v3.list .items .item .img {
        display: none
    }

    body .float-banners.v3.list .items .item .img + .text-wrapper {
        padding-left: 0
    }

    body .stickers .stickers-wrapper {
        display: none
    }

    body .bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info {
        display: none
    }

    .item-views.table-type-block .items > div {
        width: 50%;
        float: left
    }

    .item-views.table-type-block:not(.staff-items) .items > div:nth-child(2n+1) {
        clear: left
    }

    .head-block.top {
        display: none
    }

    section.page-top h1 {
        padding-right: 0 !important
    }

    .btn, .order-block {
        display: none
    }

    body .rss {
        display: none
    }

    body .teasers.item-views.front, body .partners.front.blocks {
        padding-bottom: 20px
    }

    body .tabs_ajax .body-block .catalog.item-views.table .flexslider .slides {
        padding-bottom: 20px
    }

    body .instagram_ajax, body .front-form, body .item-views.front.staff-items {
        padding-bottom: 20px
    }

    body .reviews.item-views.front h3, body .row.block-with-bg .blocks h3 {
        padding-top: 46px
    }

    body .company-block .item-views.front .props {
        display: none
    }

    .reviews.item-views .item .video {
        display: none
    }

    .accordion.accordion-type-block .item .accordion-head, .accordion.accordion-type-block .item .accordion-body {
        padding-left: 0
    }

    .accordion-head .fa {
        display: none
    }

    .accordion.accordion-type-block .item .panel-collapse {
        display: block !important
    }

    .accordion.item-views .item .text hr {
        display: none
    }

    body .catalog.detail .head .brand {
        float: right;
        margin: 0
    }

    .detail .ask_a_question, .content + .order-block {
        display: none
    }

    body .banners-content {
        margin: 0
    }

    .banners-content .maxwidth-banner {
        background-image: none !important
    }

    .banners-content .text .intro-text + p {
        display: none
    }

    .banners-content .text {
        width: 100%;
        padding: 0 20px
    }

    .banners-content .img {
        display: none
    }

    .catalog.detail .head {
        border: none !important
    }

    .catalog.detail .head .row > div {
        width: 100%
    }

    body .detail .galery {
        width: 100%;
        max-width: none
    }

    body .detail .galery .inner {
        border: 1px solid #d7dee3 !important
    }

    .detail .galery .inner .stickers {
        left: 0;
        text-align: center
    }

    .detail .galery .inner .stickers .stickers-wrapper {
        display: inline-block
    }

    .galery .flexslider .items, .gallery-block .flexslider .items, .banners-big .flexslider, .banners-big .slides {
        width: 100% !important;
        transform: none !important
    }

    .catalog.detail .head .bx_item_detail_inc_two .row > div {
        width: 33%;
        float: left
    }

    .bx_item_detail_inc_two .list-type-block.item-views .item {
        padding-left: 0
    }

    .catalog.detail .nav.nav-tabs {
        display: none
    }

    .catalog.detail .tab-pane {
        display: block
    }

    .catalog.detail .title-tab-heading {
        display: block !important
    }

    .catalog.detail .tab-pane.active .title-tab-heading + div {
        display: block;
        margin-bottom: 16px;
        padding-top: 23px
    }

    .catalog.detail .tab-pane .title-tab-heading + div {
        display: none
    }

    .detail .galery .flexslider .slides > li, .gallery-block .flexslider .items li, .banners-big .slides li {
        width: 100% !important
    }

    .detail .gallery-block .bigs.flexslider .slides.items {
        height: 300px;
        overflow: hidden
    }

    .detail .galery .flexslider .slides.items {
        height: 470px;
        overflow: hidden
    }

    .small-gallery-wrapper {
        display: none
    }

    .gallery-block .flexslider .items li {
        height: 300px !important;
        line-height: 297px !important
    }

    .detail .galery .flexslider .items li {
        height: 470px !important;
        line-height: 467px !important
    }

    .detail .gallery-block .bigs.flexslider .slides.items li a {
        display: inline
    }

    .detail .gallery-block .bigs .item img {
        max-width: 100%;
        max-height: 100%
    }

    .dark-nav .flex-control-nav li a {
        background: #dedede !important
    }

    .tabs .nav-tabs + .tab-content {
        padding-top: 0
    }

    .tarifs .dyn-block {
        background: #fff !important;
        width: 240px !important
    }

    .tarifs.partners.front.slider-items .flexslider .slides > li {
        width: 240px !important
    }

    .flex-control-nav {
        display: none !important
    }

    .detail .chars .props_table .char_name span, .detail .chars .props_table .char_value span {
        color: #666 !important
    }

    .group-content .tab-pane:first-of-type h3 {
        font-size: 20px
    }

    .catalog.detail .bottom-item-block .item-views .row > div {
        width: 100%
    }

    .catalog.detail .bottom-item-block .item-views .row > div .item {
        height: auto !important
    }

    .partners.front.slider-items .flexslider .slides > li {
        width: 767px !important
    }

    .catalog.item-views.table .flexslider .slides > li {
        width: 300px !important
    }

    .item-views .item {
        height: auto !important
    }

    .catalog.item-views > .row > div[class*=col-]:nth-child(2n+1) {
        clear: left
    }

    .bottoms + .row > div {
        width: 50%;
        float: left;
        margin: 0;
        display: none
    }

    .bottoms + .row > div.share {
        float: right
    }

    .staff-items .group-content .items > div {
        width: 33.33%;
        float: left
    }

    .item-views.staff-items.table-type-block .item {
        overflow: hidden
    }

    footer .contact-block .info .row > div {
        width: 100%;
        float: none
    }

    footer .svg svg, footer .phone .more_phone {
        display: none
    }

    .inline-search-block {
        display: none
    }

    a.scroll-to-top {
        display: none !important
    }

    body .basket.default .buy_block .counter .ctrl {
        display: none
    }

    body .basket.default .buy_block.lg .counter .input {
        padding-left: 0;
        padding-right: 0
    }

    body .basket.default .buy_block.lg .counter input {
        padding-left: 0
    }

    body .basket.default .items .item .remove {
        display: none
    }

    body .basket.default .foot .remove {
        display: none
    }

    body .basket.default .foot {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    body .basket.default .buttons {
        display: none
    }

    body .basket.default {
        margin-bottom: 0
    }

    body .basket.default .items {
        border-color: #000
    }

    body .basket.default .items .head {
        display: table;
        border-color: #000
    }

    body .basket.default .items .head .title.prices {
        width: 115px
    }

    body .basket.default .items .head .title.prices.summ {
        width: 125px
    }

    body .basket.default .items .head .title.counter_t {
        width: 115px
    }

    body .basket.default .items .item {
        padding: 0;
        border-color: #000
    }

    body .basket.default .items .item .box {
        display: table-cell
    }

    body .basket.default .items .item .box {
        float: none !important
    }

    body .basket.default .items .item .box:not(.remove_bl) {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 29px !important;
        padding-bottom: 29px !important
    }

    body .basket.default .items .item .box:first-of-type {
        padding-left: 29px
    }

    body .basket.default .items .item .image {
        margin-top: 0;
        margin-left: 0
    }

    body .basket.default .items .item .description {
        margin-bottom: 0;
        padding-left: 140px
    }

    body .basket.default .items .item .prices {
        margin-top: 0
    }

    body .basket.default .items .item .counter {
        width: auto;
        margin-right: 0
    }

    body .basket.default .items .item .counter {
        margin-top: 9px
    }

    body .basket.default .items .item .prices .price_new {
        margin-top: 14px
    }

    body .basket.default .items .item .prices {
        width: 115px !important
    }

    body .basket.default .items .item .box.buy_block {
        width: 115px !important
    }

    body .basket.default .items .item .prices.summ {
        width: 125px !important
    }

    body .basket.default .foot .total {
        text-align: left;
        width: 194px
    }

    body footer {
        min-height: 103px;
        margin-top: 0 !important;
        text-align: left
    }

    body footer .info {
        display: inline-block;
        text-align: left
    }

    body footer .info + .social {
        display: none
    }

    body footer .maxwidth-theme > .col-md-3 {
        float: left;
        width: 25%
    }

    body footer .maxwidth-theme > .col-md-9 {
        float: left;
        width: 75%
    }

    body footer .maxwidth-theme > .col-md-3 {
        display: block !important
    }

    body footer .maxwidth-theme > .col-md-9 > .row > .col-md-3 {
        width: 100% !important;
        text-align: right
    }

    body footer .maxwidth-theme > .col-sm-3.hidden-lg {
        display: none !important
    }

    body footer .container {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 1345px;
        position: relative;
        width: 100%;
        font-size: 0px;
        padding: 0
    }

    body footer .container > .row {
        width: 50%;
        padding: 0;
        display: inline-block;
        vertical-align: top;
        font-size: 12px
    }

    body footer .container > .bottom-middle .maxwidth-theme > div {
        display: none
    }

    body footer .container > .bottom-middle .maxwidth-theme .contact-block {
        display: block;
        width: 100%
    }

    body footer .container > .bottom-middle .maxwidth-theme .contact-block .col-md-9 {
        margin-left: 0
    }

    body footer .info .blocks {
        padding-left: 0
    }

    body footer .info .blocks:before {
        display: none
    }

    body footer .white_middle_text {
        display: none
    }

    body footer .container > .bottom-under {
        text-align: right
    }

    body footer .bottom-under .inner-wrapper .copy-block {
        float: none
    }

    body footer .bottom-under .inner-wrapper, body footer .bottom-under .outer-wrapper {
        padding-top: 0;
        border: none;
        margin: 0
    }

    body footer .contact-block .info {
        margin: 0;
        border: none;
        padding: 10px 0 0
    }

    body div#jivo-iframe-container.jivo-iframe-container-bottom {
        display: none !important
    }

    .scroll-to-top, .style-switcher, div.jivo-state-widget#jivo-iframe-container, .form_demo-switcher, .jivo-state-widget iframe#jivo_container, jdiv {
        display: none !important
    }

    div.jivo-state-widget#jivo-iframe-container {
        opacity: 0 !important;
        visibility: hidden !important
    }

    #panel {
        display: none !important
    }

    #upheader {
        display: none !important
    }

    .subscribe-block-wrapper {
        display: none
    }

    .roistat-promo-wrap, .style-switcher, .form_demo-switcher {
        display: none !important
    }

    body footer .bottom-under .inner-wrapper .copy-block > div {
        display: none
    }

    footer .bottom-under .inner-wrapper .copy-block .copy {
        display: block
    }

    body footer.footer-light .bottom-under .inner-wrapper {
        border: none
    }

    body footer .info .blocks {
        margin-bottom: 12px
    }

    body footer.compact .container .bottom-middle {
        width: 100%
    }

    body footer.compact .print-block, body footer.compact #bx-composite-banner {
        display: none
    }

    footer.compact .social-block {
        display: none
    }

    body footer.compact .container > .bottom-middle .maxwidth-theme > div {
        display: block
    }

    body footer.compact .white_middle_text {
        display: none
    }

    body footer.compact .info > div {
        width: 100%;
        float: none;
        display: block
    }

    body footer.compact .copy-block {
        float: right
    }

    footer div[data-ajax-load-block=FOOTER_TOGGLE_SUBSCRIBE], footer .footer__bottom-part {
        display: none
    }

    #main .body .main > .container {
        padding-bottom: 0
    }

    .bottom-icons-panel {
        display: none
    }
}

@media print and (orientation: landscape) {
    .tarifs .dyn-block {
        width: 214px !important
    }

    .tarifs.partners.front.slider-items .flexslider .slides > li {
        width: 214px !important
    }

    .partners.front.slider-items .flexslider .slides > li {
        width: 1200px !important
    }

    .flex-direction-nav {
        display: none !important
    }

    .catalog.item-views.table .flexslider .slides > li {
        width: 320px !important
    }
}