@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: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(roboto-v27-latin_cyrillic-ext-300.eot);
    src: local(''), url(roboto-v27-latin_cyrillic-ext-300.eot?#iefix) format('embedded-opentype'), url(roboto-v27-latin_cyrillic-ext-300.woff2) format('woff2'), url(roboto-v27-latin_cyrillic-ext-300.woff) format('woff'), url(roboto-v27-latin_cyrillic-ext-300.ttf) format('truetype'), url(roboto-v27-latin_cyrillic-ext-300.svg#Roboto) format('svg')
}

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

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

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

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

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

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

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

hr, img {
    border: 0
}

body, figure {
    margin: 0
}

.img-thumbnail, .thumbnail {
    -webkit-transition: all .2s ease-in-out
}

.breadcrumb, .carousel-indicators, .dropdown-menu, .media-list, .nav, .pager {
    list-style: none
}

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
}

a {
    background: 0 0
}

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

h1 {
    margin: .67em 0
}

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-size: 1em
}

pre {
    white-space: pre-wrap
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

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

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-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 {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        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: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 2cm .5cm
    }

    h2, h3, p {
        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 td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-success.active, .btn-success:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .open .dropdown-toggle.btn-danger, .open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-success, .open .dropdown-toggle.btn-warning {
    background-image: none
}

.img-thumbnail, body {
    background-color: #fff
}

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

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

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

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

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

pre code, table {
    background-color: transparent
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    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
}

.collapsing, .dropdown {
    position: relative
}

p {
    margin: 0 0 10px
}

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

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px
}

@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, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

legend, pre {
    color: #333
}

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

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

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

h4 .small, h4 small, h5 .small, h5 small, h6 .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
}

blockquote p:last-child, ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

address, dl {
    margin-bottom: 20px
}

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

.list-inline, .list-unstyled {
    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
}

dd, dt {
    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:after, .dl-horizontal dd:before {
        content: " ";
        display: table
    }

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

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container:after, .dropdown-menu > li > a, .form-horizontal .form-group:after, .modal-footer:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

abbr[data-original-title], abbr[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
}

address, blockquote small, pre {
    line-height: 1.428571429
}

blockquote small {
    display: block;
    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 .small, blockquote.pull-right p, 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:after, blockquote:before {
    content: ""
}

address {
    font-style: normal
}

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;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

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

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

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

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

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

input[type=file], legend {
    display: block
}

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

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    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-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        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-10, .col-md-11, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        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-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        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%
}

th {
    text-align: left
}

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

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    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 > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0
}

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

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

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

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

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    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, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    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 > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success {
    background-color: #dff0d8
}

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

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

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

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

.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover {
    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 > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }

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

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

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

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

fieldset, legend {
    padding: 0;
    border: 0
}

fieldset {
    margin: 0
}

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

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

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

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

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

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

.form-control, output {
    font-size: 14px;
    line-height: 1.428571429;
    display: block;
    vertical-align: middle
}

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

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

output {
    padding-top: 7px;
    color: #555
}

.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 {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #555;
    background-color: #fff;
    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
}

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

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

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

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

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

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

.checkbox-inline[disabled], .checkbox[disabled], .radio-inline[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=radio][disabled] {
    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 .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-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 .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-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 .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-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 .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

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

    .form-horizontal .control-label {
        text-align: right
    }
}

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

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

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

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

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    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: #333 dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn-group .dropdown-toggle:active, .btn-group-vertical > .btn:focus, .btn-group.open .dropdown-toggle, .btn-group > .btn:focus, .btn.active, .btn:active, .dropdown-toggle:focus, .modal-content, .open > a {
    outline: 0
}

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

.btn.active, .btn:active {
    -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.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad
}

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

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

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .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.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #ccc;
    border-color: #bfbfbf
}

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

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

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

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

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

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

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

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

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

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

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

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    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:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

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

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    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=button].btn-block, input[type=reset].btn-block, input[type=submit].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 {
    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-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    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-header, .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    line-height: 1.428571429
}

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

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

.btn-group > .btn-group:last-child > .btn:first-child, .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
}

.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 {
    font-weight: 400;
    color: #333;
    white-space: nowrap
}

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

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

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

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

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

.dropdown-header {
    font-size: 12px;
    color: #999
}

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

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

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

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

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

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

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

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

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

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

.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:after, .btn-toolbar:before {
    content: " ";
    display: table
}

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

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

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

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

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

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

.btn-group-sm > .btn {
    padding: 5px 10px
}

.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-lg .caret {
    border-width: 5px 5px 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:after, .btn-group-vertical > .btn-group:before {
    content: " ";
    display: table
}

.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=checkbox], [data-toggle=buttons] > .btn > input[type=radio] {
    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
}

.thumbnail, 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 .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn: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=checkbox], .input-group-addon input[type=radio] {
    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:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle {
    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
}

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

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

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

.nav:after {
    clear: both
}

.nav > li > a {
    padding: 10px 16px
}

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

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

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

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

.nav .open > a .caret, .nav .open > a:focus .caret, .nav .open > a:hover .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:focus, .nav-tabs > li.active > a:hover {
    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;
    margin-right: 0;
    border-radius: 4px
}

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

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

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

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

.nav-pills > li {
    float: left
}

.nav-justified > li, .nav-stacked > li {
    float: none
}

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

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

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

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

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

.nav-justified {
    width: 100%
}

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

.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:focus, .nav-tabs-justified > .active > a:hover {
    border: 1px solid #ddd
}

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

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

    .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:focus, .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

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

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

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

.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-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.in {
    overflow-y: auto
}

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

    .navbar-header {
        float: left
    }

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

.media, .media-body, .modal-open, .progress {
    overflow: hidden
}

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

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

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

.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:focus, .navbar-brand:hover {
    text-decoration: none
}

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

    .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
        border-radius: 0
    }

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

.breadcrumb > li, .pagination {
    display: inline-block
}

.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 .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px
    }

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

    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        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
    }

    .navbar-left {
        float: left !important
    }

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

.navbar-form {
    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: 8px -16px
}

@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 .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0
    }

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

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

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

.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:focus, .navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

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

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

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

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

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

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    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:focus .caret, .navbar-default .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #333;
    border-bottom-color: #333
}

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

.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:focus .caret, .navbar-default .navbar-nav > .open > a:hover .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:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333;
        background-color: transparent
    }

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

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        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:focus, .navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

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

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

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

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

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

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    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:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    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:focus .caret, .navbar-inverse .navbar-nav > .open > a:hover .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:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: transparent
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        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;
    background-color: #f5f5f5;
    border-radius: 4px
}

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

.breadcrumb > .active {
    color: #999
}

.pagination {
    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
}

.badge, .label {
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center
}

.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:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee
}

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

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    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;
    text-align: center
}

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

.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:focus, .pager li > a:hover {
    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:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #999;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
    background: #999
}

.progress-striped .progress-bar, .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)
}

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

.label:empty {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #999;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.media-object, .thumbnail, .thumbnail > img {
    display: block
}

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

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

.nav-pills > .active > a > .badge, a.list-group-item.active > .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
}

.alert, .thumbnail {
    margin-bottom: 20px
}

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

.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;
    transition: all .2s ease-in-out;
    max-width: 100%
}

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

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

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

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

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

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

.modal, .modal-backdrop {
    right: 0;
    bottom: 0;
    left: 0
}

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

.close, .list-group-item > .badge {
    float: right
}

.progress-striped .progress-bar {
    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: 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-striped .progress-bar-info, .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)
}

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

.progress-striped .progress-bar-info {
    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: 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 {
    zoom: 1
}

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

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

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

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

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

.media-list {
    padding-left: 0
}

.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 + .badge {
    margin-right: 5px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:focus, a.list-group-item:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    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:focus .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading {
    color: inherit
}

a.list-group-item.active .list-group-item-text, a.list-group-item.active:focus .list-group-item-text, a.list-group-item.active:hover .list-group-item-text {
    color: #fff
}

.panel-heading > .dropdown .dropdown-toggle, .panel-title > a {
    color: inherit
}

.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-title, .panel > .list-group, .panel > .table, .panel > .table-responsive {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-body:after, .panel-body:before {
    content: " ";
    display: table
}

.panel > .list-group .list-group-item {
    border-width: 1px 0
}

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

.panel > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 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-footer, .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #ddd
}

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

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

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    font-size: 16px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    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-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 {
    font-size: 21px;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.carousel-caption, .carousel-control {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.close:focus, .close:hover {
    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-content, .popover {
    background-clip: padding-box
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 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)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    z-index: 1030;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.carousel-control, .modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.popover, .tooltip, .tooltip-arrow {
    position: absolute
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.modal-footer:after, .modal-footer:before {
    content: " ";
    display: table
}

.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 {
    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 {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    left: 5px
}

.tooltip.top-right .tooltip-arrow {
    right: 5px
}

.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, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px
}

.tooltip.bottom-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow {
    right: 5px
}

.popover {
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    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
}

.carousel, .carousel-inner {
    position: relative
}

.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.left .arrow:after, .popover.right .arrow:after {
    content: " ";
    bottom: -10px
}

.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 {
    left: 1px;
    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 {
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff
}

.carousel-inner {
    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 > a > img, .carousel-inner > .item > 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%;
    font-size: 20px;
    color: #fff;
    text-align: center
}

.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:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    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;
    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
}

.carousel-caption .btn, .text-hide {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        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:after, .clearfix:before {
    content: " ";
    display: table
}

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

.hidden, .visible-xs, td.visible-xs, th.visible-xs, tr.visible-xs {
    display: none !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    background-color: transparent;
    border: 0
}

.hidden {
    visibility: hidden !important
}

.affix {
    position: fixed
}

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

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.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
    }

    td.visible-xs.visible-sm, th.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
    }

    td.visible-xs.visible-md, th.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
    }

    td.visible-xs.visible-lg, th.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm, td.visible-sm, th.visible-sm, tr.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
    }

    td.visible-sm.visible-xs, th.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
    }

    td.visible-sm, th.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
    }

    td.visible-sm.visible-md, th.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
    }

    td.visible-sm.visible-lg, th.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md, td.visible-md, th.visible-md, tr.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
    }

    td.visible-md.visible-xs, th.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
    }

    td.visible-md.visible-sm, th.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
    }

    td.visible-md, th.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
    }

    td.visible-md.visible-lg, th.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg, td.visible-lg, th.visible-lg, tr.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
    }

    td.visible-lg.visible-xs, th.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
    }

    td.visible-lg.visible-sm, th.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
    }

    td.visible-lg.visible-md, th.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

td.hidden-xs, th.hidden-xs {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-xs, td.hidden-xs, th.hidden-xs, tr.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm, td.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md, td.hidden-xs.hidden-md, th.hidden-xs.hidden-md, tr.hidden-xs.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg, td.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

td.hidden-sm, th.hidden-sm {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs, td.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm, td.hidden-sm, th.hidden-sm, tr.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md, td.hidden-sm.hidden-md, th.hidden-sm.hidden-md, tr.hidden-sm.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg, td.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

td.hidden-md, th.hidden-md {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs, td.hidden-md.hidden-xs, th.hidden-md.hidden-xs, tr.hidden-md.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm, td.hidden-md.hidden-sm, th.hidden-md.hidden-sm, tr.hidden-md.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md, td.hidden-md, th.hidden-md, tr.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg, td.hidden-md.hidden-lg, th.hidden-md.hidden-lg, tr.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

td.hidden-lg, th.hidden-lg {
    display: table-cell !important
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs, td.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm, td.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md, td.hidden-lg.hidden-md, th.hidden-lg.hidden-md, tr.hidden-lg.hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg, td.hidden-lg, th.hidden-lg, tr.hidden-lg {
        display: none !important
    }
}

.visible-print, td.visible-print, th.visible-print, tr.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }

    .hidden-print, td.hidden-print, th.hidden-print, tr.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 {
    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;
    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 -2px;
    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(/joomla/templates/mysite-bbkural/css/../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(/joomla/templates/mysite-bbkural/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -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)
    }
}

@charset "UTF-8";
.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
}

.delay011, .delay11 {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.delay012, .delay12 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay013, .delay13 {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.delay015, .delay15 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay017, .delay17 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay019, .delay19 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay021, .delay21 {
    -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(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rota {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes opa {
    0% {
        opacity: 1
    }
    100%, 50% {
        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, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    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(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -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 {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    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-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

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

.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:not([src]), .owl-carousel .owl-item .owl-lazy[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(/joomla/templates/mysite-bbkural/vendor/css/carousel/owl/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-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    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-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.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 .owl-dot {
    display: inline-block;
    zoom: 1
}

.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-default:active, .btn-default:focus, .btn.btn-default:hover {
    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-default.white:active, .btn-default.white:focus, .btn.btn-default.white:hover {
    color: #fff !important;
    border-color: var(--theme-base-color);
    background: var(--theme-base-color)
}

.btn-default.white.white-bg:active, .btn-default.white.white-bg:focus, .btn.btn-default.white.white-bg:hover {
    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:active, .btn.btn-white.btn-transparent:focus, .btn.btn-white.btn-transparent:hover {
    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:active, .btn.btn-white.btn-transparent-border:focus, .btn.btn-white.btn-transparent-border:hover {
    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:active, .btn.btn-warning:focus, .btn.btn-warning:hover {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent {
    background-color: rgba(243, 139, 4, .1)
}

.btn.btn-warning.btn-transparent:active, .btn.btn-warning.btn-transparent:focus, .btn.btn-warning.btn-transparent:hover {
    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:active, .btn.btn-warning.btn-transparent-border:focus, .btn.btn-warning.btn-transparent-border:hover {
    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:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent {
    background-color: rgba(0, 178, 144, .1)
}

.btn.btn-primary.btn-transparent:active, .btn.btn-primary.btn-transparent:focus, .btn.btn-primary.btn-transparent:hover {
    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:active, .btn.btn-primary.btn-transparent-border:focus, .btn.btn-primary.btn-transparent-border:hover {
    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:active, .btn.btn-info:focus, .btn.btn-info:hover {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent {
    background-color: rgba(12, 169, 227, .1)
}

.btn.btn-info.btn-transparent:active, .btn.btn-info.btn-transparent:focus, .btn.btn-info.btn-transparent:hover {
    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:active, .btn.btn-info.btn-transparent-border:focus, .btn.btn-info.btn-transparent-border:hover {
    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:active, .btn.btn-danger:focus, .btn.btn-danger:hover {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent {
    background-color: rgba(220, 19, 13, .1)
}

.btn.btn-danger.btn-transparent:active, .btn.btn-danger.btn-transparent:focus, .btn.btn-danger.btn-transparent:hover {
    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:active, .btn.btn-danger.btn-transparent-border:focus, .btn.btn-danger.btn-transparent-border:hover {
    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:active, .btn.btn-success:focus, .btn.btn-success:hover {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent {
    background-color: rgba(132, 188, 41, .1)
}

.btn.btn-success.btn-transparent:active, .btn.btn-success.btn-transparent:focus, .btn.btn-success.btn-transparent:hover {
    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:active, .btn.btn-success.btn-transparent-border:focus, .btn.btn-success.btn-transparent-border:hover {
    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:active, .btn.btn-transparent:focus, .btn.btn-transparent:hover {
    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:active, .btn.btn-transparent-border:focus, .btn.btn-transparent-border:hover {
    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.active, .btn.btn-transparent-border:hover {
    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;
    zoom: 1;
    font-size: 13px
}

.btn-default.wc span {
    display: inline-block;
    padding: 6px 12px 5px 0;
    line-height: 19px;
    vertical-align: top;
    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(drag.svg);
    width: 5px;
    height: 17px;
    top: -5px
}

.jml-firefox svg, .jml-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(Phone_black.svg)
}

.svg-burger {
    background-image: url(burger_black.svg)
}

.svg-burger.mask {
    background-color: #222;
    background-image: url(Burger_mask.svg)
}

.svg-burger.white {
    background-image: url(burger_white.svg)
}

.svg-burger.white.lg {
    background-image: url(Burger_big_white.svg)
}

.svg-basket {
    background-color: #222;
    background-image: url(Basket_mask.svg)
}

.svg-basket.white {
    min-width: 18px;
    min-height: 17px;
    background: 0 0;
    background-image: url(Basket_white.svg)
}

.svg-basket.white.lg {
    background: 0 0;
    background-image: url(Basket_big_white.svg)
}

.svg-spinner {
    background-image: url(Spinner.svg);
    margin-right: 5px
}

.svg-print {
    background: url(bbkural.svg) -38px -92px no-repeat;
    width: 16px;
    height: 16px;
    top: 1px
}

.svg-print {
    background-image: url(Print.svg)
}

.svg-fullsize {
    background: 0 0;
    background-image: url(Fullsize.svg)
}

.svg-social-vk {
    background-image: url(social/Vk_mask.svg);
    background-color: #222
}

.svg-social-fb {
    background-image: url(social/Facebook_mask.svg);
    background-color: #222
}

.svg-social-twitter {
    background-image: url(social/Twitter_mask.svg);
    background-color: #222
}

.svg-social-instagram {
    background-image: url(social/Instagram_mask.svg);
    background-color: #222
}

.svg-social-telegram {
    background-image: url(social/Telegram_mask.svg);
    background-color: #222
}

.svg-social-ytb {
    background-image: url(social/Youtube_mask.svg);
    background-color: #222
}

.svg-social-odn {
    background-image: url(social/Odnoklassniki_mask.svg);
    background-color: #222
}

.svg-social-gplus {
    background-image: url(social/Googleplus_mask.svg);
    background-color: #222
}

.svg-social-mail {
    background-image: url(social/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_colored .header__top-part, .header__inner--parted.header__inner--margins .header__sub-inner.header--color_dark .header__top-part {
    border-color: rgba(255, 255, 255, .102)
}

.header__inner--parted.header--color_colored .header__top-part, .header__inner--parted.header--color_dark .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: 0 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: 0 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;
    justify-content: end;
    margin: 0 -16px;
    flex: 1;
    width: calc(100% + 32px)
}

.header__top-item {
    margin: 0 16px;
    display: flex
}

.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: 0 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: 0 3px 7px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .05);
    border-radius: 4px
}

.header__main-item {
    margin: 0 20px;
    flex-shrink: 0
}
.header__main-item.header__main-item--shinked.header-menu.header-menu--centered.dotted-complete {
    margin: 0px 10px !important;
}
.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: 0 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 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 {
    position: absolute;
    top: -19px;
    left: -19px;
    display: none
}

.icon-block--with_icon .phones__dropdown {
    left: 0
}

.icon-block--with_icon .phones__dropdown.position_block {
    right: -5px;
    left: auto
}

.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 {
    display: block
}

.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: .8em;
    line-height: 1.584em;
    color: #999
}

.phones__dropdown-value {
    margin-top: 1px;
    font-size: .934em;
    line-height: 1.499em;
    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: .867em;
    line-height: 1.54em;
    margin-left: 7px
}

.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: 1;
    max-width: 250px;
    font-size: .929em
}

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

.header-eyed {
    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: .867em;
    line-height: calc(1em + 7px);
    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__main-part--bordered, .header--color_colored.header__top-part--bordered, .header--color_dark.header__main-part--bordered, .header--color_dark.header__top-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)
}

@media (max-width: 1200px) {
    .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 .header-menu__dropdown-menu, .header:not(:hover) .header-menu:not(.header-menu--column) {
    overflow: hidden
}

.header7_logo {
    margin-top: -5px
}

.fill-ignore {
    fill: currentColor !important
}

.footer {
    --d2d_dark_light: var(--light, #2d2d2d) var(--dark, #121212);
    --d3_dark_light: var(--light, #333333) 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
}

#jml-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.active .title a, .footer--color-dark .bottom-menu .item:hover .title a {
    color: #999 !important
}

.footer--color-dark .wrap_compact_mobile .item.active .title a, .footer--color-dark .wrap_compact_mobile .item:hover .title a {
    color: #fff !important
}

.footer--color-dark .footer__license .dark_link:hover, .footer--color-dark .footer__part-item-sitemap .dark_link:hover {
    color: #fff
}

.bottom-menu--normal .items > .wrap {
    margin: 20px 0 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(payment.svg) 0 0 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)
}

.footer .fa.fa-angle-down path {
    fill: #fff
}

.footer .items.opened .fa.fa-angle-down {
    transform: rotateX(180deg)
}

@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-100-767, .footer .flex-33-1200, .footer .flex-50-1200 {
        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 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: 0
}

.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:after, .logo-row .menu-row.maxwidth-theme:before {
    display: none
}

.menu-only {
    position: relative;
    z-index: 2
}

.mega-menu {
    z-index: 10;
    margin: 0 auto
}

.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 .dropdown-menu, .mega-menu ul.nav li {
    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%
}

.jml-ios .mega-menu table, .jml-mac .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
}

.dropdown-menu li, .mega-menu table .dropdown-submenu {
    position: relative;
    padding: 0;
    margin-bottom: 0
}

.dropdown-menu li:before, .mega-menu table .dropdown-submenu: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 .wrap > a:hover .line-wrapper .line, .mega-menu table td.active .wrap > a .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
}

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, header .menu-row.bgdark .menu-only {
    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 .logo svg path.text-path, .header_opacity.header_fill_light header.light > .full-fill .mega-menu table td .wrap > a.more-items:not(:hover) svg 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
}

.mega-menu table td.wide_menu .wrap > .dropdown-menu > li:first-of-type:before, body .menu-row.with-color .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 .catalog_icons_N table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li.clicked_exp, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px
}

.menu-row .mega-menu .catalog_icons_N table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu > li.clicked_exp, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu > li {
    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:focus, .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.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 > .dropdown-menu, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > a {
    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: 0;
    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 28px
}

.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 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 .jml-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, .mega-fixed-menu .header-button .btn-transparent-border {
    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^=jml_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(--white_text_black_reverse)
}

.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-grey, .mobileheader--color-white {
    box-shadow: 0 1px 0 #e5e5e5;
    box-shadow: 0 1px 0 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
}

.jml-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-colored .menu-light-icon-fill svg *, #main .mobileheader--color-dark .menu-light-icon-fill svg * {
    fill: #fff
}

#main .mobileheader--color-colored .fill-theme-hover:hover svg *, #main .mobileheader--color-dark .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-grey #mobilephones, .mobileheader--color-white #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 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 0 10px 0 rgba(0, 0, 0, .45)
}

.mobilemenu__item {
    padding: 27px 0 0
}

.mobilemenu__item-wrapper {
    padding: 0 40px
}

.mobilemenu__item-wrapper--top {
    padding-right: 78px;
    gap: 16px 0
}

.mobilemenu__item-wrapper--top > * {
    margin-top: -18px
}

.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 10px 40px;
    display: block;
    position: relative;
    word-break: break-word
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper a {
    padding: 10px 40px 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 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 0
}

.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 {
    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 40px
}

.mobilemenu__button {
    padding: 23px 40px 12px;
    margin: 0 0 16px 0
}

.mobilemenu__button .btn {
    display: block;
    padding: 9px 20px 10px
}

.mobilemenu .phones {
    position: inherit
}

.mobilemenu__menu-item--callback {
    padding: 9px 40px 9px 40px;
    margin: 9px 0 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 10ms;
        display: none
    }

    #headerfixed.fixed {
        opacity: 1
    }

    .header__inner--shadow-fixed {
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
    }

    #headerfixed.fixed, header.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(.jml-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 0
}

.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: 0 -1px 0 var(--stroke_black), 0 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 > #navigation, .cowl > .topic {
    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
}

.ajax_load_btn:hover .more_text_ajax .svg, .more_text_ajax:hover .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
}

.soc-avt .row a, .social-icons li {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 0;
    margin: 0
}

.social-icons li a:not(:hover) svg path {
    fill: #666
}

.social-icons li:before {
    display: none
}

.soc-avt .row a, .social-icons li 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(social.svg) -2px -190px no-repeat
}

.soc-serv-accounts table tr .jml-ss-icons .icon i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(social.svg) -2px -190px no-repeat
}

.soc-avt .row a:hover, .social-icons li a:hover {
    opacity: .8
}

.soc-avt .row a {
    display: inline-block
}

.social__item.social__item--image a {
    background-color: #4f5a6b;
    background: url(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(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
}

#jml_auth_servform .form-control {
    margin: 10px 0
}

.soc-avt a i.openid-mail-ru, .soc-serv-accounts table tr .jml-ss-icons .icon i.openid-mail-ru {
    background-position: -472px -284px
}

.soc-avt a i.mailru2, .soc-serv-accounts table tr .jml-ss-icons .icon i.mailru2 {
    background-position: -378px -237px
}

.soc-avt a i.livejournal, .soc-serv-accounts table tr .jml-ss-icons .icon i.livejournal {
    background-position: -143px -237px
}

.soc-avt a i.liveinternet, .soc-serv-accounts table tr .jml-ss-icons .icon i.liveinternet {
    background-position: -425px -237px
}

.soc-avt a i.openid, .soc-serv-accounts table tr .jml-ss-icons .icon i.openid {
    background-position: -2px -331px
}

.soc-avt a i.joomla24, .soc-serv-accounts table tr .jml-ss-icons .icon i.joomla24 {
    background-position: -378px -284px
}

.soc-avt a i.box, .soc-serv-accounts table tr .jml-ss-icons .icon i.box {
    background-position: -425px -190px
}

.soc-avt a i.dropbox, .soc-serv-accounts table tr .jml-ss-icons .icon i.dropbox {
    background-position: -378px -331px
}

.soc-avt a i.google, .soc-serv-accounts table tr .jml-ss-icons .icon i.google {
    background-position: -49px -237px
}

.soc-avt a i.google-plus, .soc-serv-accounts table tr .jml-ss-icons .icon i.google-plus {
    background-position: -49px -331px
}

.soc-avt a i.liveid, .soc-serv-accounts table tr .jml-ss-icons .icon i.liveid {
    background-position: -143px -284px
}

.soc-avt a i.office365, .soc-serv-accounts table tr .jml-ss-icons .icon i.office365 {
    background-position: -426px -284px
}

.soc-avt a i.odnoklassniki, .soc-serv-accounts table tr .jml-ss-icons .icon i.odnoklassniki {
    background-position: -49px -190px
}

.soc-avt a i.yandex, .soc-serv-accounts table tr .jml-ss-icons .icon i.yandex {
    background-position: -97px -237px
}

.soc-avt a i.blogger, .soc-serv-accounts table tr .jml-ss-icons .icon i.blogger {
    background-position: -49px -284px
}

.soc-avt a i.facebook, .soc-serv-accounts table tr .jml-ss-icons .icon i.facebook {
    background-position: -96px -190px
}

.soc-avt a i.twitter, .soc-serv-accounts table tr .jml-ss-icons .icon i.twitter {
    background-position: -2px -237px
}

.soc-avt a i.mymailru, .soc-serv-accounts table tr .jml-ss-icons .icon i.mymailru {
    background-position: -143px -190px
}

.sidearea, .sidebar {
    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:focus, .side-menu > li .top-level-link:hover {
    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 0;
    margin: 0 0 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 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;
    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: 0
}

.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 {
    padding: 17px 0;
    left: -29px;
    width: max-content
}

.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;
    max-height: 520px
}

.header-menu__wide-right-part {
    width: 300px;
    position: sticky;
    top: 0
}

.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: 0 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: 0 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: 0 10px 20px rgba(0, 0, 0, .1)
}

.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: 0 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.jml-ie .header-menu__dropdown-menu--grids {
    display: flex;
    flex-wrap: wrap
}

html.jml-ie .header-menu__item--wide .header-menu__dropdown-item {
    padding: 40px;
    width: 25%
}

@media (max-width: 1200px) {
    html.jml-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 {
    display: inline-block;
    position: static;
    transform: translateX(-17px);
    width: 0
}

.header-menu__wide-submenu-right-arrow.menu-arrow {
    right: 6px;
    top: 5px
}

.header-menu__wrapper .menu-arrow.svg {
    height: 16px;
    line-height: 11px;
    position: static;
    text-align: center;
    width: 17px
}

.header-menu-side__wide-submenu-item--more_items:hover .menu-arrow, .header-menu__wide-submenu-item--more_items:hover .menu-arrow, .header-menu__wide-submenu-item-inner .toggle_block: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 .jml-controls-direction a {
    font-size: 0;
    width: 15px;
    height: 15px;
    left: 19px;
    right: auto;
    position: absolute
}

.detail .galery .top-small-wrapper .jml-controls-direction a:not(.flex-disabled) {
    opacity: .7;
    visibility: visible
}

.detail .galery .top-small-wrapper .jml-controls-direction a.disabled {
    display: none
}

.detail .galery .top-small-wrapper .jml-controls-direction a.jml-prev {
    top: -31px
}

.detail .galery .top-small-wrapper .jml-controls-direction a:hover {
    opacity: 1
}

.detail .galery .top-small-wrapper .jml-controls-direction a.jml-next {
    bottom: -33px;
    top: auto
}

.detail .galery .top-small-wrapper .jml-controls-direction a.jml-prev {
    background: url(Arrow_up_sm.svg) 1px 3px no-repeat
}

.detail .galery .top-small-wrapper .jml-controls-direction a.jml-next {
    background: url(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(bbkural.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;
    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: 0 0 0 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 0 !important;
    padding: 0 58px;
    max-width: 815px
}

.detail .gallery-block .small-gallery-wrapper {
    text-align: center;
    padding: 15px 0 20px;
    font-size: 0;
    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: transparent;
    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(bbkural.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.jml-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 0;
    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
}

body.eyed.eyed--images--off .detail-image--top_on_head:before {
    display: none
}

.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 .main-slider, body .banners-big .owl-carousel {
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    display: block
}

.banners-big .main-slider .main-slider__item, .banners-big .owl-carousel .owl-item {
    overflow: hidden
}

body .banners-big.banners-big--img-square .owl-carousel .owl-item, body .banners-big.banners-big--side-banners .owl-carousel .owl-item {
    overflow: hidden
}

.banners-big__img-wrapper--square {
    background-repeat: no-repeat
}

.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 .main-slider__item, .banners-big--multi-slide .owl-item {
    width: 618px !important
}

@media (max-width: 1500px) {
    .banners-big--multi-slide .main-slider__item, .banners-big--multi-slide .owl-item {
        width: 460px !important
    }
}

@media (max-width: 1200px) {
    .banners-big--multi-slide .main-slider__item, .banners-big--multi-slide .owl-item {
        width: 435px !important
    }
}

.banners-big__item, .main-slider__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: 5
}

.banners-big--img-square .banners-big__text {
    background-color: var(--card_bg_black)
}

.banners-big--img-square .banners-big__title, .banners-big--img-square .banners-big__title h1, .banners-big--img-square .banners-big__top-text, .banners-big--img-square .banners-tizers__top-text, .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
}

@media screen and (min-width: 768px) {
    .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: 4;
    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%)
}

body.eyed.eyed--color-scheme--black.eyed--images--off .banners-big__item--opacity-bottom:before, body.eyed.eyed--color-scheme--blue.eyed--images--off .banners-big__item--opacity-bottom:before {
    display: none
}

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

body.eyed.eyed--color-scheme--black.eyed--images--off .banners-big__item--opacity-bottom:after, body.eyed.eyed--color-scheme--blue.eyed--images--off .banners-big__item--opacity-bottom:after {
    display: none
}

.banners-big__item--opacity-bottom .banners-big__buttons, .banners-big__item--opacity-bottom .banners-big__text-wrapper {
    display: none
}

.banners-big__item--opacity-bottom:hover .banners-big__buttons, .banners-big__item--opacity-bottom:hover .banners-big__text-wrapper {
    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(0)
}

.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 h1, .banners-big__title--small {
    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__title, .banners-big__title h1, .banners-big__top-text, .banners-tizers__name, .banners-tizers__top-text {
    color: #333
}

.banners-big__text-block, .banners-tizers__desc-text {
    color: #666
}

.banners-big__item--light .banners-big__text-block, .banners-big__item--light .banners-big__title, .banners-big__item--light .banners-big__title h1, .banners-big__item--light .banners-big__top-text, .banners-big__item--light .banners-tizers__desc-text, .banners-big__item--light .banners-tizers__name, .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__text-block, .banners-big__item--light-767 .banners-big__title, .banners-big__item--light-767 .banners-big__title h1, .banners-big__item--light-767 .banners-big__top-text, .banners-big__item--light-767 .banners-tizers__desc-text, .banners-big__item--light-767 .banners-tizers__name, .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 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)
}

body.eyed.eyed--color-scheme--black.eyed--images--off .banners-big__side-item--light:after, body.eyed.eyed--color-scheme--blue.eyed--images--off .banners-big__side-item--light:after {
    display: none
}

.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 {
    --buttonSize: 100px;
    --buttonPlayOffset: calc(50% - var(--buttonSize) / 2);
    width: var(--buttonSize);
    height: var(--buttonSize);
    position: absolute;
    top: var(--buttonPlayOffset);
    left: var(--buttonPlayOffset);
    background: 0 0;
    z-index: 8;
    cursor: pointer
}

.only_img--video .play:after {
    --buttonOffset: calc(-1 * var(--buttonSize) / 2);
    margin: var(--buttonOffset) 0 0 var(--buttonOffset);
    width: var(--buttonSize);
    height: var(--buttonSize);
    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)
}

@media screen and (max-width: 767px) {
    .banners-big--adaptive-3 .banners-big__buttons .has-ripple {
        position: static;
        transform: initial
    }

    .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons svg {
        display: none
    }

    .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons {
        --buttonSize: 80px;
        --buttonPlayOffset: calc(50% - var(--buttonSize) / 2);
        width: var(--buttonSize);
        height: var(--buttonSize);
        position: absolute;
        top: var(--buttonPlayOffset);
        left: var(--buttonPlayOffset);
        background: 0 0;
        z-index: 8;
        cursor: pointer;
        border: none
    }

    .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons i {
        display: none
    }

    .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons:after {
        --buttonOffset: calc(-1 * var(--buttonSize) / 2);
        margin: var(--buttonOffset) 0 0 var(--buttonOffset);
        width: var(--buttonSize);
        height: var(--buttonSize);
        border-radius: 100%;
        background-color: var(--theme-base-color)
    }

    .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons:before {
        border: 14px solid transparent;
        border-left: 25px solid #fff;
        z-index: 2;
        margin: -14px 0 0 -9px
    }

    .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons:after, .banners-big--adaptive-3 .banners-big__buttons .play--no-buttons:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transition: transform .3s
    }

    .banners-big--adaptive-3 .ripple {
        opacity: 0 !important
    }
}

.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 {
        --buttonSize: 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: var(--theme-base-color) !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 h1, .banners-big--side-banners .banners-big__title--small {
        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 h1, .banners-big__title--small {
        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 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 .main-slider__item, .banners-big--multi-slide .owl-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__item {
        height: 400px
    }

    .banners-big--adaptive-2.banners-big .main-slider, .banners-big--adaptive-2.banners-big .owl-carousel {
        height: auto;
        background-color: #fff;
        background-color: var(--card_bg_black)
    }

    .banners-big--adaptive-2 .banners-big__adaptive-block {
        align-items: center;
        background: var(--card_bg_black);
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: center;
        padding: 13px 16px 16px;
        text-align: center;
        z-index: 5
    }

    .banners-big--adaptive-2 .banners-big__text {
        display: none
    }

    .banners-big--adaptive-2 .banners-big__img-wrapper, .banners-big--adaptive-2 .banners-big__img-wrapper a {
        align-items: flex-end;
        display: flex;
        height: 200px;
        justify-content: center;
        position: relative;
        width: 100%
    }

    .banners-big--adaptive-2 .banners-big__item .banners-big__img-wrapper .banners-big__img {
        position: relative;
        left: auto;
        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-bg, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border {
        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-bg *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border * {
        fill: #9e9e9e !important;
        fill: var(--theme-base-color) !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color);
        color: #fff !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover * {
        fill: #fff !important
    }

    .banners-big--adaptive-2 .owl-carousel__dots {
        top: 175px;
        bottom: auto !important
    }

    .banners-big--adaptive-2 .maxwidth-theme:not(.maxwidth-banner) {
        height: 187px;
        position: relative !important
    }

    .banners-big--adaptive-2 .started .wrapper_video {
        height: 187px;
        z-index: 1
    }

    .banners-big--adaptive-2 .wrapper_video .video {
        height: 100% !important;
        object-fit: cover;
        width: 100% !important
    }

    .banners-big--adaptive-2 .banners-big__text-block {
        color: #666;
        color: var(--light_basic_text_black)
    }

    .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__img-wrapper, .banners-big--adaptive-3 .banners-big__text > :not(.banners-big__buttons), .banners-big--adaptive-3 .main-slider__item:not(.started) .play.btn-video, .banners-big--adaptive-3 .main-slider__item:not(.vvideo) .banners-big__buttons {
        display: none
    }

    body .banners-big .main-slider .owl-carousel__dots {
        bottom: 24px;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        flex-wrap: nowrap
    }

    body .banners-big .main-slider ~ .owl-carousel__dots:not(.owl-carousel__dots--line), body .banners-big .owl-carousel ~ .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
    }

    .banners-big--adaptive-2 .swiper-slide {
        height: auto
    }

    .banners-big--adaptive-2 .banners-big__item.banners-big__depend-height {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

@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 9px 13px
    }

    .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 .main-slider__item, .banners-big--multi-slide .owl-item {
        width: 300px !important
    }

    .banners-big__side-item:before {
        top: 30%
    }

    .banners-big__side-item {
        padding-top: 50%
    }

    .banners-big--adaptive-2 .owl-carousel__dots {
        top: 174px
    }

    .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.loading .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, [data-video_autoplay='1'] .banners-big__item .banners-big__img-wrapper {
    opacity: 0;
    visibility: hidden
}

.vvideo.loading .banners-big__item.banners-big__item--opacity-767:before, .vvideo.loading .banners-big__item.banners-big__item--opacity: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
}

.banners-big .maxwidth-banner .maxwidth-theme {
    background-size: cover
}

@media (min-width: 768px) {
    .banners-big .banners-big__item--video-half .wrapper_video {
        width: 50%;
        left: auto
    }

    .banners-big .maxwidth-banner .maxwidth-theme {
        background-image: none !important
    }
}

@media (max-width: 767px) {
    .banners-big--adaptive-3 .vvideo.started {
        height: auto;
        position: relative
    }

    .banners-big--adaptive-3 .vvideo.started.swiper-slide-active {
        opacity: 1 !important;
        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 .banners-big--adaptive-2 .swiper-slide {
        background-image: none !important
    }
}

.cluster_custom > span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    line-height: 56px
}

.contacts-page-map-top .jml-yandex-view-layout {
    margin-bottom: 0
}

.jml-yandex-view-map .jml-yandex-map img {
    position: absolute;
    left: 0;
    right: 0
}

.projects .jml-yandex-view-map .jml-yandex-map img {
    position: static;
    max-width: 100%
}

.jml-map-view-layout .image span {
    display: block;
    padding-top: 70%
}

.contacts-page-map-top {
    margin: 0 0 48px
}

.page-top-wrapper.color + .contacts-page-map-top.projects, .page-top-wrapper.grey + .contacts-page-map-top.projects {
    margin-top: 0
}

body .contacts-page-map-top .ymaps-b-balloon {
    padding: 0;
    width: 366px !important;
    margin: 4px 0 0 -1px
}

body .contacts-map-top-frame .ymaps-b-balloon {
    padding: 0;
    width: 344px !important;
    margin: 4px 0 0 -1px
}

.pane_info_wrapper {
    position: relative;
    padding: 14px 20px 20px
}

.pane_info_wrapper .pane_info {
    border-radius: 4px;
    overflow: hidden
}

.pane_info_wrapper .pane_info .image {
    position: relative;
    float: left;
    width: 112px;
    overflow: hidden;
    z-index: 3;
    border-radius: 4px;
    margin-top: 6px
}

.pane_info_wrapper .pane_info .body-info {
    padding: 0 15px 0 0
}

.pane_info_wrapper .pane_info .body-info:not(.wti) {
    padding-left: 132px
}

.pane_info_wrapper .pane_info .section_name {
    margin: 0 0 4px;
    font-weight: 400
}

.pane_info_wrapper .pane_info .info {
    margin: 9px 0 0
}

.pane_info_wrapper .pane_info .title {
    padding: 0
}

body .contacts-page-map-top .gm-style .gm-style-iw-c {
    padding: 0 !important
}

body .contacts-map-top-frame .gm-style .gm-style-iw-c {
    padding: 0 !important
}

body .contacts-page-map-top .gm-style .gm-style-iw-c img {
    display: inline-block !important;
    max-width: 100%
}

.cluster_custom {
    font-size: 13px;
    line-height: 1
}

.ymaps-shadows-pane {
    display: none
}

.body .drag-block .ymaps-label {
    display: none !important
}

.front_map.jml-yandex-view-layout {
    margin: 0;
    border: none
}

.front_map.jml-yandex-view-map {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: none
}

.jml-yandex-view-map .jml-yandex-map img {
    position: absolute;
    left: 0;
    right: 0
}

body .ymaps-b-balloon__content {
    background: var(--card_bg_black)
}

.body .ymaps-b-balloon {
    margin: -54px 0 0 -38px;
    width: 344px !important;
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 3px;
    padding: 25px 45px 30px 32px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(18, 25, 38, .1);
    -moz-box-shadow: 0 5px 20px 0 rgba(18, 25, 38, .1);
    box-shadow: 0 5px 20px 0 rgba(18, 25, 38, .1)
}

.body .ymaps-b-balloon:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 19px;
    z-index: 2;
    background: #fff;
    background: var(--card_bg_black)
}

.body .ymaps-b-balloon .ymaps-b-balloon__content > ymaps {
    width: 100% !important;
    height: auto !important
}

.body .ymaps-b-balloon .ymaps-b-balloon__content-holster {
    padding: 0
}

.body .ymaps-b-balloon .ymaps-b-balloon__tr {
    display: none
}

.body .ymaps-b-balloon .ymaps-b-balloon__tl {
    display: none
}

.body .ymaps-b-balloon .ymaps-b-balloon__content {
    border: none
}

.body .ymaps-b-balloon .ymaps-b-balloon__bl {
    display: none
}

.body .ymaps-b-balloon .ymaps-b-balloon__br {
    display: none
}

.body .ymaps-b-balloon .ymaps-b-balloon__close {
    top: 8px !important;
    right: 8px !important;
    width: 26px !important;
    height: 26px !important;
    background: 0 0 !important;
    border-radius: 100% !important;
    transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease
}

.body .ymaps-b-balloon .ymaps-b-balloon__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    width: 10px;
    height: 11px;
    background: url(Closemap.svg) 0 0 no-repeat;
    transition: opacity ease .3s
}

.body .ymaps-b-balloon .ymaps-b-balloon__close:hover:before {
    opacity: .5
}

.body .ymaps-label {
    display: none !important
}

.body .ymaps-b-balloon:before {
    content: "";
    background: #fff;
    background: var(--card_bg_black);
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -6px;
    box-sizing: border-box;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ymaps-shadows-pane {
    display: none
}

.ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block {
    color: #555;
    font-size: 13px;
    padding-left: 24px;
    padding-bottom: 11px
}

.ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block:last-of-type {
    padding-bottom: 0
}

.ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-metro {
    top: 3px
}

.ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-email {
    top: 2px
}

.ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block a:not(:hover) {
    color: #555
}

.ymaps-controls-lefttop {
    bottom: 0;
    top: auto !important
}

body .body .ymaps-b-zoom_hints-pos_right {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 20px !important;
    border-radius: 32px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    background: #fff;
    margin-left: -88px
}

body .body .ymaps-b-zoom {
    width: 80px;
    height: 36px;
    padding: 6px 10px
}

body .body .ymaps-b-zoom:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 5px;
    bottom: 5px;
    width: 2px;
    background-color: #f5f5f5
}

body .body .ymaps-b-zoom__scale {
    display: none
}

body .body .ymaps-b-zoom__button {
    display: inline-block;
    height: 26px;
    width: 30px;
    opacity: .6
}

body .body .ymaps-b-zoom__button:hover {
    opacity: 1
}

body .body .ymaps-b-form-button__content {
    background-image: none
}

body .body .ymaps-b-form-button {
    background-image: none;
    overflow: visible
}

body .body .ymaps-b-form-button__left {
    background-image: none
}

body .body .ymaps-b-zoom__button_type_minus {
    background-image: none;
    text-align: center
}

body .body .ymaps-b-zoom__button_type_plus {
    background-image: none;
    text-align: center
}

body .body .ymaps-b-zoom__button_type_minus .ymaps-b-zoom__sprite {
    width: 100%;
    height: 100%;
    background-image: url(yandexMapMinus.svg);
    left: 0;
    background-position: -6px -3px
}

body .body .ymaps-b-zoom__button_type_plus .ymaps-b-zoom__sprite {
    width: 100%;
    height: 100%;
    background-image: url(yandexMapPlus.svg);
    left: 0;
    top: 0;
    background-position: -1px -3px
}

body .body .ymaps-controls-righttop {
    bottom: 0;
    top: auto !important
}

body .body .ymaps-controls-righttop > ymaps {
    top: auto !important;
    bottom: 20px !important;
    right: auto !important;
    left: 50%;
    margin-left: 2px
}

body .body .ymaps-controls-righttop .ymaps-b-select.ymaps-b-select_control_listbox {
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    padding: 3px 0 3px 25px;
    position: relative
}

body .body .ymaps-controls-righttop .ymaps-b-select.ymaps-b-select_control_listbox:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 25px;
    height: 25px;
    background-image: url(yandexMapShema.svg)
}

body .body .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes {
    position: absolute;
    left: 3px;
    bottom: 100%;
    margin-bottom: 3px;
    top: auto
}

body .body .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes .ymaps-b-popupa__shadow {
    display: none
}

body .body .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes .ymaps-b-popupa__body {
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
    padding: 5px
}

body.index .ymaps-image-with-content {
    background-image: none !important
}

.marker.dynamic, .ymaps-point-overlay ymaps > svg {
    position: absolute;
    bottom: 0;
    left: -23px
}

.ymaps-point-overlay ymaps.ymaps-image-with-content .marker {
    display: none
}

.gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d {
    max-height: none !important;
    overflow: visible !important
}

.body .gm-style .gm-style-iw-t {
    bottom: 10px !important;
    right: -1px !important
}

.body .gm-style .gm-style-iw-c {
    width: 344px !important;
    background: #fff;
    border-radius: 3px;
    padding: 25px 45px 30px 32px !important;
    -webkit-box-shadow: 0 5px 20px 0 rgba(18, 25, 38, .1);
    -moz-box-shadow: 0 5px 20px 0 rgba(18, 25, 38, .1);
    box-shadow: 0 5px 20px 0 rgba(18, 25, 38, .1);
    overflow-anchor: none
}

.gm-style .gm-style-iw-c button {
    background: url(Closemap.svg) center no-repeat !important;
    top: 6px !important;
    right: 6px !important
}

.gm-style .gm-style-iw-c img {
    display: none !important
}

.cluster > div {
    line-height: 56px
}

@media (max-width: 767px) {
    body .ymaps-controls-pane {
        display: none
    }

    .jml-map-view-layout:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .map-view {
        position: relative
    }

    .map-view:before {
        content: "";
        height: 100%;
        left: 0;
        opacity: .07;
        position: absolute;
        top: 0;
        width: 100%;
        background: rgba(255, 255, 255, .55) url(/joomla/templates/mysite-bbkural/css/../images/map.png) no-repeat scroll center center;
        background-size: cover
    }

    .map-mobile-opener {
        content: "";
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
        z-index: 1;
        background-image: url(yandexMapArrows.svg);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .yandex-map__frame {
        position: fixed !important;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10000 !important
    }

    .yandex-map__frame .jml-map-view-layout:before {
        display: none
    }

    .map-mobile-opener.closer {
        background-image: url(yandexMapCloser.svg)
    }

    .yandex-map__frame .jml-yandex-view-layout:before {
        content: none
    }

    body .yandex-map__frame .ymaps-controls-pane {
        display: block !important;
        position: absolute !important;
        top: auto !important;
        bottom: 20px !important
    }

    body .body .yandex-map__frame .ymaps-controls-righttop > ymaps {
        top: auto !important;
        bottom: 0 !important;
        left: 50vw;
        margin-left: 10px
    }

    body .body .yandex-map__frame .ymaps-controls-lefttop > ymaps {
        top: auto !important;
        bottom: 0 !important;
        left: 50vw !important;
        transform: translateX(calc(-100% - 15px));
        margin-left: 0
    }

    body .body .yandex-map__frame .ymaps-copyrights-pane, body .body .yandex-map__frame .ymaps-copyrights-pane + ymaps {
        display: none !important
    }

    body .body .yandex-map__frame .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes {
        bottom: 100% !important;
        top: auto !important
    }

    body .yandex-map__frame .jml-google-map, body .yandex-map__frame .jml-map-view-layout, body .yandex-map__frame .jml-yandex-map, body .yandex-map__frame .jml-yandex-view-layout, body .yandex-map__frame .jml-yandex-view-map {
        width: 100%;
        height: 100% !important
    }
}

@media (max-width: 530px) {
    .jml-google-map, .jml-yandex-view-map .jml-yandex-map {
        height: 275px !important
    }
}

@media (max-width: 600px) {
    .jml-yandex-view-layout.front_map .pane_info_wrapper .pane_info {
        width: auto;
        margin: 20px 16px;
        position: static
    }

    .jml-yandex-view-layout .pane_info_wrapper .pane_info .title_block {
        padding: 24px 0 22px;
        margin: 0 30px
    }
}

@media (max-width: 400px) {
    .body .ymaps-b-balloon {
        width: 275px !important
    }

    .pane_info_wrapper .pane_info .body-info:not(.wti) {
        padding-left: 100px
    }

    .jml-map-view-layout .image span {
        padding-top: 60%
    }

    body .contacts-map-top-frame .ymaps-b-balloon {
        width: 275px !important
    }

    .pane_info_wrapper .pane_info .image {
        width: 85px
    }

    .body .ymaps-b-balloon {
        padding-right: 35px
    }
}

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_dark header .top-block + .logo_and_menu-row .logo-row, body.fill_bg_y.visible_banner.header_fill_light 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: 0 -16px 15px 0 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-v2 footer, body.fill_bg_y.visible_banner.footer-v4 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 .jml_ui_slider_track {
    height: 1px;
    margin: -1px 18px 18px;
    position: relative;
    zoom: 1;
    background: #ddd;
    z-index: 1
}

.jml_filter .jml_ui_slider_pricebar_VD {
    z-index: 60;
    background: #979797
}

.smartfilter .jml_ui_slider_track .jml_ui_slider_pricebar_V:after, .smartfilter .jml_ui_slider_track .jml_ui_slider_pricebar_VD:after, .smartfilter .jml_ui_slider_track .jml_ui_slider_pricebar_VN:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    top: 50%;
    margin-top: -1px
}

.smartfilter .jml_ui_slider_track .jml_ui_slider_pricebar_V:after {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.jml_filter .jml_ui_slider_range {
    z-index: auto;
    background: #ddd
}

.jml_filter .jml_ui_slider_pricebar {
    z-index: 100
}

.jml_filter .jml_ui_slider_pricebar_VD {
    z-index: 60;
    background: #ddd
}

.jml_filter .jml_ui_slider_pricebar_VN {
    z-index: 70;
    background: #ddd
}

.jml_filter .jml_ui_slider_pricebar_V {
    z-index: 80;
    background: #ddd
}

.jml_filter .jml_ui_slider_handle {
    position: absolute;
    top: 100%;
    width: 22px;
    height: 22px
}

.jml_filter .jml_ui_slider_handle:hover {
    -webkit-cursor: -webkit-grab;
    -ms-cursor: grab;
    -o-cursor: grab;
    cursor: grab
}

.jml_filter .jml_ui_slider_handle:active {
    -webkit-cursor: -webkit-grabbing;
    -ms-cursor: grabbing;
    -o-cursor: grabbing;
    cursor: grabbing
}

.jml_filter .jml_ui_slider_handle.left {
    left: 0;
    margin-left: -9px
}

.jml_filter .jml_ui_slider_handle.right {
    right: 0;
    margin-right: -9px
}

.jml_filter .jml_ui_slider_part {
    position: absolute;
    top: -3px;
    width: 0;
    height: 10px;
    background: #e5e5e5;
    background: var(--stroke_black);
    display: none
}

.jml_filter .jml_ui_slider_part.p1 {
    left: -1px
}

.jml_filter .jml_ui_slider_part.p2 {
    left: 25%;
    display: none
}

.jml_filter .jml_ui_slider_part.p3 {
    left: 50%;
    display: none
}

.jml_filter .jml_ui_slider_part.p4 {
    left: 75%;
    display: none
}

.jml_filter .jml_ui_slider_part.p5 {
    right: 1px
}

.jml_filter .jml_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
}

.jml_filter .jml_ui_slider_part.p2 span, .jml_filter .jml_ui_slider_part.p3 span, .jml_filter .jml_ui_slider_part.p4 span {
    color: #b1b1b1;
    display: none
}

.jml_filter .jml_ui_slider_part.first span {
    text-align: left;
    left: -8px;
    margin-left: 0
}

.jml_filter .jml_ui_slider_part.last span {
    text-align: right;
    left: auto;
    right: -8px;
    margin-left: 0
}

.jml_filter .jml_filter_popup_result {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.jml_filter.jml_filter_vertical .jml_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
}

.jml_filter.jml_filter_vertical .jml_filter_popup_result a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 64px
}

.jml_filter.jml_filter_vertical .arrow-all {
    top: 21px;
    right: 20px
}

.jml-chorme .jml_filter.jml_filter_vertical .jml_filter_popup_result a {
    padding-top: 6px;
    padding-bottom: 6px
}

.jml_filter.jml_filter_horizontal .jml_filter_popup_result {
    padding: 0 10px 0 0
}

.jml_filter.jml_filter_horizontal .jml_filter_popup_result a {
    display: none
}

.catalog.jml_filter {
    margin-bottom: 20px
}

.catalog .jml_filter_section {
    position: relative
}

.jml_filter .jml_ui_slider_pricebar, .jml_filter .jml_ui_slider_pricebar_V, .jml_filter .jml_ui_slider_pricebar_VD, .jml_filter .jml_ui_slider_pricebar_VN, .jml_filter .jml_ui_slider_range {
    position: absolute;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    border-right: 1px solid transparent
}

.jml_filter .jml_ui_slider_pricebar_V, .jml_filter .jml_ui_slider_pricebar_VD, .jml_filter .jml_ui_slider_pricebar_VN {
    top: -8px;
    height: 18px;
    background-color: transparent;
    cursor: pointer
}

.jml_filter .jml_filter_parameters_box {
    padding: 13px 19px 14px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black);
    position: relative
}

.jml_filter .jml_filter_button_box {
    text-align: center;
    padding: 13px 14px 18px 14px
}

.jml_filter_button_box .btn {
    flex: 1;
    margin: 4px
}

.jml_filter .jml_filter_parameters_box_title {
    margin: 0;
    cursor: pointer;
    padding: 0 30px 1px 3px;
    border-color: #ccc;
    border-color: var(--gray_bg_black)
}

.jml_filter .jml_filter_parameter_label {
    display: inline-block;
    position: relative
}

.jml_filter .jml_filter_parameters_box_container_block {
    float: left;
    box-sizing: border-box;
    width: 50%;
    color: #3f3f3f
}

.jml_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 8px 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
}

.jml_filter .jml_filter_parameters_box_container .max-price {
    text-align: right
}

.jml_filter .jml_ui_slider_track .jml_ui_slider_handle {
    top: -9px;
    width: 18px;
    height: 18px;
    display: inline-block;
    cursor: -webkit-grab;
    cursor: grab;
    position: absolute;
    z-index: 100;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.jml_filter .jml_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%
}

.jml_filter .jml_ui_slider_track .jml_ui_slider_handle:active, .jml_filter .jml_ui_slider_track .jml_ui_slider_handle:hover {
    border-color: #333
}

.jml_filter .jml_filter_parameters_box_container_block .jml_filter_calendar_container {
    position: relative;
    padding-right: 20px
}

.jml_filter .jml_filter_parameters_box_container_block .jml_filter_calendar_container input[type=text] {
    padding: 5px 5px 3px
}

.jml_filter .jml_filter_parameters_box_container_block .jml_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: 0;
    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 250ms cubic-bezier(.4, 0, .23, 1);
    transition: all ease .3s
}

.form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0 0 0 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.jml-ie .form-checkbox__label:hover .form-checkbox__box {
    box-shadow: 0 0 0 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 {
    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%;
    -webkit-animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards;
    animation: checkbox-check 125ms 250ms 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: 0;
    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: 0 0 0 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.jml-ie .form-radiobox:hover .form-radiobox__box {
    box-shadow: 0 0 0 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
}

.jml_filter .scrolled {
    max-height: 250px;
    overflow-y: auto
}

.jml_filter_parameters_box_container .hidden_values {
    margin: 13px 0 16px
}

.main-wrapper .jml_filter_parameters_box_container .hidden_values {
    display: block !important
}

.jml_filter_parameters_box_container .inner_expand_text {
    margin: 13px 0 10px;
    display: none
}

.jml_filter_parameters_box_container .expand_block {
    cursor: pointer
}

.jml_filter .filter {
    margin: 0;
    padding: 0
}

.jml_filter_parameters_box_title + .jml_filter_block {
    padding-top: 14px
}

.jml_filter_parameters_box:not(.active) .jml_filter_block {
    display: none
}

.catalog .jml_filter_section .jml_filter_block .jml_filter_param_label.pal {
    position: relative;
    padding-left: 45px;
    line-height: 18px
}

.catalog .jml_filter_section .jml_filter_block .jml_filter_param_label.pal {
    margin-top: 20px
}

.catalog .jml_filter_section .jml_filter_block .jml_filter_param_label.pal:first-of-type {
    margin-top: 0
}

.catalog .jml_filter_section .jml_filter_block .jml_filter_param_label .jml_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 .jml_filter_section .jml_filter_block .jml_filter_param_label.active .jml_filter_param_btn, .catalog .jml_filter_section .jml_filter_block .jml_filter_param_label:hover .jml_filter_param_btn {
    border-width: 2px;
    padding: 2px
}

.catalog .jml_filter_section .jml_filter_block .jml_filter_param_label .jml_filter_param_btn .jml_filter_btn_color_icon {
    display: block;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.catalog .jml_filter_section .jml_filter_block .pict_block {
    margin: -3px 0 0 -3px
}

.catalog .jml_filter_section .jml_filter_block .pict {
    margin: 3px 0 0 3px;
    display: inline-block
}

.catalog .jml_filter_section .jml_filter_block .pict label {
    padding: 3px;
    width: 32px;
    height: 32px;
    border-radius: 3px
}

.catalog .jml_filter_section .jml_filter_block .pict label.active, .catalog .jml_filter_section .jml_filter_block .pict label:hover {
    padding: 2px;
    border-width: 2px
}

.catalog .jml_filter_section .jml_filter_block .pict .jml_filter_btn_color_icon {
    display: block;
    height: 24px
}

.jml_filter .jml_filter_select_container.wpicture .jml_filter_select_block {
    height: 50px
}

.jml_filter .jml_filter_select_container.wpicture .jml_filter_select_block .jml_filter_select_text {
    height: 48px;
    line-height: 47px
}

.popup-window-content .jml_filter_select_popup ul li label.wselectpict {
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    padding-left: 50px
}

.jml_filter .jml_filter_select_text .jml_filter_param_btn, .popup-window-content .jml_filter_select_popup ul li label.wselectpict .jml_filter_param_btn {
    position: absolute;
    left: 8px;
    top: 5px;
    display: block;
    padding: 3px;
    width: 32px;
    height: 32px;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.jml_filter .jml_filter_select_block .jml_filter_select_text .jml_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
}

.jml_filter .jml_filter_select_block .jml_filter_select_text .jml_filter_param_btn .jml_filter_btn_color_icon {
    height: 18px
}

.jml_filter .jml_filter_select_text .jml_filter_param_btn {
    top: 8px
}

body .popup-window-content .jml_filter_select_popup ul li label {
    white-space: normal
}

.jml_filter .jml_filter_select_text .jml_filter_btn_color_icon, .popup-window-content .jml_filter_select_popup ul li label.wselectpict .jml_filter_btn_color_icon {
    display: block;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.jml_filter .jml_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
}

.jml_filter .jml_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
}

.jml_filter .jml_filter_select_block:hover .jml_filter_select_arrow:before, .common_select .common_select-link.opened .trigger:before, .common_select .common_select-link:hover .trigger:before {
    background-position: -36px -174px
}

.jml_filter .jml_filter_select_text.fix {
    min-width: 120px
}

.jml_filter .jml_filter_select_text label {
    cursor: pointer
}

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

.common_select select {
    display: none
}

div[id^=smartFilterDropDown] {
    max-width: 253px;
    width: 100%;
    margin-top: -10px
}

.popup-window-content {
    margin: 0
}

.jml_filter .popup-window {
    width: 100%;
    border: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-size: 1rem;
    padding: 3px 3px 9px
}

div[id^=smartFilterDropDown] .popup-window-bottom-row, div[id^=smartFilterDropDown] .popup-window-left-column, div[id^=smartFilterDropDown] .popup-window-right-column, div[id^=smartFilterDropDown] .popup-window-top-row {
    display: none
}

.popup-window-content .jml_filter_select_popup {
    padding: 0
}

.popup-window-content .jml_filter_select_popup ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.popup-window-content .jml_filter_select_popup ul li {
    display: block;
    text-align: left;
    padding-left: 0;
    margin-bottom: 0
}

.popup-window-content .jml_filter_select_popup ul li:first-child {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.popup-window-content .jml_filter_select_popup ul li:before {
    display: none
}

.popup-window-content .jml_filter_select_popup ul li label {
    font-size: .93333em;
    line-height: calc(1em + 7px);
    display: block;
    overflow: hidden;
    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 .jml_filter_select_popup ul li label.disabled {
    color: #666;
    cursor: not-allowed
}

.popup-window-content .jml_filter_select_popup ul li label.selected {
    color: #333;
    font-weight: 700
}

.popup-window-content .jml_filter_select_popup ul li:last-child label {
    margin: 0
}

.popup-window-content .jml_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 .jml_filter.jml_filter_vertical {
    -webkit-filter: none;
    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 .jml_filter .jml_filter_section {
    margin: 0;
    background-color: #fff;
    height: 100%;
    border: none
}

#mobilefilter .jml_filter .slide-block, #mobilefilter .jml_filter .slide-block .slide-block__body {
    height: 100%
}

#mobilefilter .jml_filter .jml_filter_parameters_box.title, #mobilefilter .jml_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 .jml_filter .filter_title {
    cursor: default;
    padding: 0
}

#mobilefilter .jml_filter .filter_title .svg-inline-catalog {
    margin-right: 9px;
    vertical-align: baseline
}

#mobilefilter .jml_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 .jml_filter .jml_filter_parameters {
    position: absolute;
    top: 72px;
    bottom: 48px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

#mobilefilter .jml_filter .jml_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 .jml_filter_parameters_box_container .hidden_values {
    display: none
}

#mobilefilter .jml_filter_parameters_box_container .inner_expand_text {
    display: block
}

#mobilefilter .jml_filter .jml_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 .jml_filter .jml_filter_button_box .jml_filter_block {
    padding: 0;
    display: block !important
}

#mobilefilter .jml_filter .jml_filter_parameters_box .jml_filter_button_box {
    display: none !important
}

#mobilefilter .btn-link-text.jml_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)
}

.jml_filter .jml_filter_parameters_box .svg-close {
    display: none
}

@media (min-width: 992px) {
    .jml_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 .jml_filter.compact {
        display: none
    }

    .jml_filter.compact {
        position: relative;
        top: 0 !important;
        margin: 16px 0 16px
    }

    .jml_filter.compact .jml_filter_section {
        margin: 0;
        background: 0 0;
        border: none
    }

    .jml_filter.compact .jml_filter_parameters_box.title {
        float: left;
        z-index: 1
    }

    .jml_filter.compact .jml_filter_parameters_box.title + .jml_filter_parameters {
        padding-left: 31px
    }

    .jml_filter.compact .jml_filter_parameters_box {
        margin: 4px 4px 4px;
        position: relative;
        float: left;
        padding: 0;
        border: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .jml_filter.compact .jml_filter_parameters_box.title {
        margin: 1px 0
    }

    .jml_filter.compact .jml_filter_parameters_box_title.prices:not(.title) {
        margin-bottom: 15px;
        cursor: default
    }

    .jml_filter.compact .jml_filter_parameters_box_title.prices:not(.title):hover {
        color: #333
    }

    .jml_filter.compact .jml_filter_parameters_box_title.prices:after {
        display: none
    }

    .jml_filter.compact .jml_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);
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, .1);
        margin-top: 8px
    }

    .jml_filter.compact .jml_filter_block.right:not(.limited_block) {
        left: auto;
        right: 0
    }

    .jml_filter.compact .jml_filter_block.limited_block {
        display: block !important;
        max-height: none;
        overflow: visible;
        margin-bottom: 0
    }

    .jml_filter.compact .prices .jml_filter_block {
        padding: 0
    }

    .jml_filter.compact .jml_filter_block .price_block {
        padding: 19px 19px 15px;
        border-top: 1px solid #f2f2f2
    }

    .jml_filter.compact .jml_filter_block .price_block:first-of-type {
        border-top: none
    }

    .jml_filter.compact .jml_filter_button_box {
        padding: 0
    }

    .jml_filter.compact .char_name {
        position: relative;
        padding-bottom: 15px;
        margin-top: -10px
    }

    .jml_filter.compact .props_list .hint {
        position: static
    }

    .jml_filter.compact .props_list .hint .icon {
        position: static
    }

    .jml_filter.compact .props_list .hint .text {
        padding: 0 0 0 8px;
        font-size: 13px;
        color: #888
    }

    .jml_filter.compact .props_list .hint .tooltip {
        top: -52px;
        opacity: 1
    }

    .jml_filter.compact .props_list .hint .tooltip:after {
        bottom: -10px;
        left: 56px;
        top: auto;
        border: 5px solid transparent;
        border-top: 5px solid #fff
    }

    .jml_filter.compact .jml_filter_parameters_box.active .jml_filter_block {
        z-index: 390
    }

    .jml_filter.compact .jml_filter_parameters_box.active .jml_filter_block i {
        padding: 0;
        font-size: 11px
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_filter_block .hint.active .icon i, .jml_filter.compact .jml_filter_parameters_box.active .jml_filter_block .icon:hover i {
        color: #fff
    }

    .jml_filter.compact .jml_filter_parameters_box_title + .jml_filter_block .jml_filter_parameters_box_container {
        margin: 0;
        padding-bottom: 18px
    }

    .jml_filter.compact .jml_ui_slider_track {
        margin-bottom: 8px
    }

    .jml_filter.compact .form-radiobox:last-of-type label {
        margin-bottom: 5px
    }

    .jml_filter.compact div[id^=smartFilterDropDown] {
        margin-bottom: -25px
    }

    .jml_filter.compact .jml_filter_parameters_box:not(.prop_type_L) .label_block {
        margin: 0 0 11px
    }

    .jml_filter.compact .label_block:last-of-type {
        margin-bottom: 4px
    }

    .jml_filter.compact .jml_filter_parameters_box_container {
        margin-top: 0
    }

    .jml_filter.compact .jml_filter_parameters_box_container .hidden_values {
        margin-bottom: 6px
    }

    .jml_filter.compact .jml_filter_button_box {
        display: none;
        margin: 0 -24px;
        text-align: left;
        background: #fff;
        background-color: var(--card_bg_black)
    }

    .jml_filter.compact .jml_filter_button_box .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 24px 16px
    }

    .jml_filter.compact .jml_filter_button_box .btn span {
        padding: 0 0 0 5px
    }

    .jml_filter.compact .jml_filter_search_button {
        display: none
    }

    .jml_filter.compact .jml_filter_parameters_box.prices .jml_filter_button_box {
        margin: 0
    }

    .jml_filter.compact .jml_filter_parameters_box > .jml_filter_parameters_box_title {
        padding: 4px 26px 5px 10px;
        white-space: nowrap;
        color: #333;
        color: var(--white_text_black)
    }

    .jml_filter.compact .jml_filter_parameters_box > .jml_filter_parameters_box_title:before {
        display: none
    }

    .jml_filter.compact .jml_filter_parameters_box_title .svg-inline-down {
        position: absolute;
        top: 7px;
        right: 6px;
        background-color: #fff;
        background-color: var(--black_bg_black)
    }

    .jml_filter.compact .jml_filter_parameters_box_title .svg-inline-down path {
        fill: #333;
        fill: var(--white_text_black)
    }

    .jml_filter.compact .active .jml_filter_parameters_box_title .svg-inline-down {
        top: 9px
    }

    .jml_filter.compact .jml_filter_parameters_box .limited_block .jml_filter_parameters_box_title {
        padding: 0;
        white-space: nowrap
    }

    .jml_filter.compact .jml_filter_parameters_box .limited_block .jml_filter_parameters_box_title .label_block {
        margin: 0
    }

    .jml_filter.compact .jml_filter_parameters_box .limited_block .filter label:after, .jml_filter.compact .jml_filter_parameters_box .limited_block .filter label:before {
        display: none
    }

    .jml_filter.compact .jml_filter_parameters_box .limited_block .filter .jml_filter_param_text {
        margin: 0
    }

    .jml_filter.compact .jml_filter_parameters_box.opened .limited_block .filter .jml_filter_param_text {
        color: #fff
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_filter_parameters_box_title.filter_title {
        padding-left: 0;
        padding-right: 16px;
        position: relative;
        cursor: default
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_filter_parameters_box_title.filter_title span {
        display: none
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_filter_parameters_box_title.filter_title .svg-inline-down {
        top: 0
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_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
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_filter_parameters_box_title .delete_filter svg {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -4px
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_filter_parameters_box_title .delete_filter svg path {
        fill-rule: evenodd
    }

    .jml_filter.compact .jml_filter_parameters_box .jml_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)
    }

    .jml_filter.compact .jml_filter_parameters_box.opened .jml_filter_parameters_box_title .delete_filter {
        display: block
    }

    .jml_filter.compact input[type=checkbox] + label.dib > span {
        margin: 0
    }

    .jml_filter.compact .jml_filter_input_checkbox .jml_filter_param_text {
        margin-left: 0
    }

    .jml_filter.compact .sku .jml_filter_input_checkbox .jml_filter_param_text {
        margin-left: 0
    }

    .jml_filter_vertical.compact input[type=checkbox] + label.nab:not(.sku) {
        padding: 5px 0 5px 3px;
        margin: 0
    }

    .jml_filter.compact .jml_filter_parameters_box.opened .jml_filter_parameters_box_title .count_selected {
        margin: 0 0 0 -3px
    }

    .jml_filter.compact .jml_filter_parameters_box_container.pict_block label {
        margin: 0 5px 0 0 !important
    }

    body .jml_filter.compact .jml_filter_block.limited_block .filter.label_block input + label {
        margin: 0 0 0 3px;
        padding: 0
    }

    .jml_filter.compact .jml_filter_parameters_box_container .wrapp_change_inputs {
        width: 220px
    }

    .jml_filter.compact .btn-link-text {
        padding: 9px 15px;
        float: left;
        border: none;
        background: 0 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .jml_filter.compact .jml_filter_parameters_box.opened .jml_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
    }

    .jml_filter.compact .jml_filter_parameters_box.opened .jml_filter_parameters_box_title svg path {
        fill: #fff
    }

    .jml_filter.compact .jml_filter_parameters_box.opened .jml_filter_parameters_box_title .svg-inline-down {
        display: none
    }

    .filter-compact-block .jml_filter_block.limited_block .form-checkbox__box.form-box {
        display: none
    }

    .filter-compact-block .jml_filter_block.limited_block .form-checkbox__label {
        padding: 2px 0 0 5px
    }

    .jml_filter_block.limited_block .form-checkbox--margined .form-checkbox__label:last-of-type {
        margin-bottom: 0;
        padding: 4px 13px 5px
    }

    .jml_filter.compact .jml_filter_parameters_box.opened[data-check_prop_inline=true] .jml_filter_parameters_box_title.title {
        padding-right: 32px
    }

    .jml_filter_block.limited_block .jml_filter_param_label, .jml_filter_vertical .form-checkbox .form-checkbox__label {
        font-size: unset
    }

    .jml_filter_parameters_box.opened .jml_filter_block.limited_block .jml_filter_input_checkbox .jml_filter_param_text {
        color: #fff
    }

    .jml_filter_parameters_box .limited_block .jml_filter_input_checkbox .jml_filter_param_text {
        color: var(--white_text_black)
    }
}

@media (max-width: 767px) {
    .main-wrapper .jml_filter_vertical {
        display: none !important
    }
}

.basket-link {
    white-space: nowrap;
    display: flex
}

.basket-link .js-basket-block {
    position: relative
}

.basket-link .count {
    font-size: 11px;
    border-radius: 100%;
    text-align: center;
    background: #000;
    background: var(--white_text_black);
    color: #fff;
    color: var(--white_text_black_reverse);
    width: 17px;
    height: 17px;
    display: inline-block;
    line-height: 18px
}

.basket-link:not(.basket-count) .count {
    background: #b0b0b0
}

body .bgcolored .basket-link.basket-count .count {
    background: #fff;
    background: var(--white_text_black_reverse);
    color: #222;
    color: var(--white_text_black)
}

body .menu-row.with-color.colored_dark .basket-link:not(.basket-count) .count {
    background: #b0b0b0;
    color: #fff;
    color: var(--white_text_black_reverse)
}

body.fill_bg_n.header_fill_colored.title-v5 .full-fill .logo-row, body.fill_bg_n.title-v5 .visible-lg:not(.index) .menu-row.bgcolored, body.fill_bg_y.visible_banner.header_fill_colored.title-v5 .full-fill .logo-row > .maxwidth-theme, body.fill_bg_y.visible_banner.title-v5 .visible-lg:not(.index) .menu-row.bgcolored > .maxwidth-theme {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.cart__item {
    padding: 25px 55px;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    position: relative;
    page-break-inside: avoid
}

.cart__item-image {
    width: 70px;
    max-height: 70px;
    text-align: center
}

.cart__item-info {
    position: relative;
    margin: -8px 0 0
}

.cart__item-props {
    margin-top: 7px
}

.cart__item-remove {
    position: absolute;
    right: -8px;
    top: -3px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer
}

.cart__item-prices {
    margin-top: 12px
}

.cart__item-cost {
    flex-basis: 50%
}

.cart__item-summ {
    flex-grow: 1;
    text-align: right;
    flex-shrink: 0
}

.basket-side {
    flex-basis: 400px;
    flex-shrink: 0
}

.basket-side__wrapper {
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
    background: var(--card_bg_black)
}

.basket-side__wrapper--padding {
    padding: 27px 32px 20px
}

.cart--default .cart__item {
    margin-bottom: -1px;
    padding: 31px
}

.cart--default .cart__item-image {
    width: 100px;
    max-height: 100px
}

.basket.default .foot {
    padding: 0 0 25px
}

.basket--column-btn .btn {
    margin-bottom: 12px
}

.svg-inline-basket-print {
    margin-right: 6px
}

.btn.print:hover .fill-theme path {
    fill: #fff
}

.basket .basket_empty {
    padding: 44px;
    min-height: 178px;
    border: 1px solid #ebeef1;
    border-color: var(--stroke_black);
    border-radius: 4px
}

.basket .basket_empty > .wrap {
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 20px 0
}

.basket .basket_empty h4 {
    margin: 18px 0 13px
}

.basket .basket_empty .description {
    margin: 0 0 25px;
    max-width: 450px;
    text-align: center
}

.basket .basket_empty .btn {
    margin: 0
}

.basket .empty-basket .basket__heading {
    display: none
}

.basket.fly .wrap.empty-basket {
    padding-top: 0
}

.basket.fly .basket_empty {
    padding: 28px 30px 40px;
    border-top: none;
    border: none
}

.ajax_basket .basket.top {
    display: none
}

.header-cart {
    position: relative
}

.header-cart .basket > a {
    white-space: nowrap
}

.header-cart .basket-dropdown {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    top: 100%;
    padding-top: 12px;
    right: -1px
}

#main #headerfixed .header-cart .basket-dropdown {
    padding-top: 5px
}

.mega-fixed-menu .header-cart .items_wrap {
    max-height: calc(100vh - 270px)
}

.mega-fixed-menu .header-cart .header-cart__name {
    display: none
}

.mega-fixed-menu .header-cart .basket-dropdown {
    bottom: 100%;
    top: auto;
    padding-top: 0;
    padding-bottom: 9px;
    z-index: 3
}

.header-cart.opened .basket-dropdown, .header-cart:hover .basket-dropdown {
    opacity: 1;
    visibility: visible
}

.header-cart .basket-dropdown .dropdown {
    overflow: hidden;
    padding: 18px 24px 0;
    width: 530px;
    left: 0;
    padding: 0
}

.header-cart .basket .basket_empty {
    padding: 28px 38px 28px 38px;
    border: none
}

.header-cart .items_wrap {
    max-height: 410px;
    overflow: hidden
}

.header-cart .items_wrap .mCSB_container {
    margin: 0
}

.header-cart .cart__item {
    padding: 25px 24px 23px
}

.header-cart .cart__item:last-of-type {
    border-bottom: none
}

.header-cart .cart__item-title {
    padding: 0 30px 0 0
}

.header-cart .cart__item-remove {
    right: -9px;
    top: -2px
}

.header-cart .cart__item-cost {
    flex-basis: 70%
}

.header-cart .cart__item-cost .price {
    display: inline;
    vertical-align: baseline
}

.header-cart .cart__item-summ .price_new {
    display: inline;
    vertical-align: baseline
}

.header-cart .cart__item-prices {
    margin-top: 8px
}

.header-cart .cart__item-counter {
    margin: 0 0 0 6px;
    vertical-align: baseline
}

.header-cart .counter__count-wrapper {
    margin: 0 0 0 5px
}

.header-cart .foot {
    padding: 19px 24px 24px 24px;
    background-color: #fafafa;
    background-color: var(--light_bg_black);
    border-top: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

.header-cart .foot .buttons {
    margin: 17px 0 0 0
}

.header-cart .foot .price_old {
    margin: 0 7px 0 0
}

.header-cart .cart__item-image {
    height: 70px
}

.header-cart .cart__item-image a {
    height: 100%;
    display: inline-block
}

.basket.fly {
    position: fixed;
    width: 700px;
    display: block !important;
    right: -701px;
    top: 0;
    background: #fff;
    background: var(--card_bg_black);
    z-index: 996;
    transition: right ease-in-out .3s;
    -moz-transition: right ease-in-out .3s;
    -ms-transition: right ease-in-out .3s;
    -o-transition: right ease-in-out .3s;
    -webkit-transition: right ease-in-out .3s;
    margin: 0;
    height: 100%
}

.ajax_basket.opened .basket.fly {
    right: 0
}

.basket__heading {
    margin: 0;
    padding: 49px 54px 42px;
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    margin-top: -123px;
    height: 123px
}

.basket__heading-title {
    margin: 0
}

.basket__heading-link {
    position: relative;
    padding-right: 89px
}

.basket__heading .basket__heading-link .arrow-all {
    top: 10px
}

.basket__heading-remove {
    cursor: pointer
}

.basket.fly > .wrap {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    color: #333;
    color: var(--white_text_black);
    text-align: left;
    height: 100%;
    padding-top: 123px
}

.basket.fly > .wrap .basket_wrap {
    height: 100%;
    padding-bottom: 181px
}

.basket.fly .opener {
    display: block;
    width: 63px;
    height: 64px;
    cursor: pointer;
    text-align: center;
    line-height: 64px;
    position: relative
}

.opened .basket.fly .opener {
    background-color: #fff;
    background-color: var(--darkerblack_bg_black)
}

.opened .basket.fly .opener:after {
    content: "";
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    background: var(--stroke_black);
    position: absolute;
    z-index: 1
}

.basket.fly .items_wrap {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%
}

.basket.fly .foot {
    padding: 27px 55px 25px;
    border-top: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    margin-top: -1px;
    position: relative
}

.basket.fly .buttons {
    padding: 0 56px 32px
}

@media (max-width: 1200px) {
    .basket-side {
        flex-basis: 250px
    }
}

@media (min-width: 992px) {
    .cart--default .cart__item-cost {
        flex-basis: 58%
    }

    .basket .line-block--block {
        flex-wrap: wrap
    }

    .basket-side__remove {
        margin: 23px 0 0
    }
}

@media (max-width: 991px) {
    .basket__inner {
        flex-wrap: wrap
    }

    .basket-side {
        flex-basis: auto;
        flex-grow: 1;
        width: 100%
    }

    .basket-side__wrapper {
        box-shadow: none
    }

    .basket-side__wrapper--bordered {
        border: 1px solid #e5e5e5;
        margin-top: -1px
    }
}

@media (max-width: 767px) {
    .ajax_basket {
        display: none
    }
}

@media not print {
    @media (max-width: 600px) {
        .line-block--block-t600 {
            flex-wrap: wrap
        }

        .line-block--block-t600 > .line-block__item {
            flex-basis: 100%;
            flex-grow: 1;
            text-align: center
        }

        .cart.cart--default {
            flex-basis: auto;
            display: flex;
            flex-wrap: wrap
        }

        .cart--default .cart__item {
            margin: 0 0 -1px -1px;
            padding: 18px
        }

        .cart--default .cart__wrapper {
            height: 100%;
            flex-direction: column;
            flex-wrap: nowrap
        }

        .cart--default .cart__image-wrapper {
            flex: 1
        }

        .cart--default .cart__item-image {
            margin: 0 auto 20px;
            max-height: 100px
        }

        .cart__info-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-between
        }

        .cart--default .cart__item-info {
            margin: 0;
            position: static;
            text-align: center
        }

        .cart--default .cart__item-remove {
            top: 10px;
            right: 10px
        }

        .cart--default .cart__item-props .line-block {
            justify-content: center
        }

        .cart--default .cart__item-counter {
            margin: 10px 0
        }

        .basket-side__wrapper {
            padding-left: 0;
            padding-right: 0
        }
    }
}

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

.contacts__sticky-panel {
    box-shadow: 0 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 32px;
    z-index: 1
}

.contacts__sticky-panel .contacts__sticky-panel__image .contact-property--address .contact-property__label {
    color: #fff;
    margin: 0 0 6px 0
}

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

.contacts__sticky-panel--without-image .contacts__sticky-panel__info {
    padding-top: 0
}

.contacts__sticky-panel__btn-wraper {
    padding: 24px 0 0 0
}

.contacts__sticky-panel__property {
    margin: 11px 0 0 0
}

.contacts__sticky-panel__property:first-of-type {
    margin-top: 0
}

.contacts__sticky-panel__desc {
    margin: 0 0 24px 0
}

.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 .jml-google-map, .contacts-detail .jml-yandex-view-map .jml-yandex-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 0
}

.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 32px
    }

    .contacts__sticky-panel__image {
        margin: 6px 0 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 0;
        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 0 -1px 0 0 #f5f5f5;
    box-shadow: inset 0 -1px 0 0 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: 0 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 0;
    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: 0 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: 0 5px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 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: 0 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: 0 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 0 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 .form.popup .auth_wrapp .form-footer, .content-md .popup .auth_wrapp .soc-avt {
    padding-left: 0;
    padding-right: 0;
    background: #fff
}

.soc-avt .row {
    font-size: 0;
    margin: 18px -3px 8px
}

.soc-avt .row a {
    margin: 4px 4px 4px
}

.soc-avt .row form[name=jml_auth_servicesform] {
    margin: 0 3px 0
}

.soc-avt #jml_auth_servform {
    font-size: 15px
}

.soc-avt #jml_auth_servform input[type=text] {
    margin: 10px 0 10px
}

.soc-avt #jml_auth_servform .btn {
    margin-bottom: 0
}

.soc-avt #jml_auth_servform .jml-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 .split-item-actions a {
    color: var(--fill_dark_light_ccc)
}

@media screen and (min-width: 501px) {
    .soc-serv-accounts .soc-serv-personal .svg-inline-close {
        display: none
    }
}

@media screen and (max-width: 500px) {
    .soc-serv-accounts table tr {
        display: block;
        position: relative
    }

    .soc-serv-accounts .soc-serv-personal .split-item-actions {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .soc-serv-accounts .soc-serv-personal .split-item-actions a {
        border: 0;
        font-size: 0;
        padding: 9px
    }
}

.soc-serv-accounts .soc-serv-personal .jml-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.jml_filter {
    display: block !important
}

.registraion-page .form .licence_block label.error {
    top: 9px
}

.registraion-page .form .licence_block {
    margin: 0;
    padding: 12px 0 9px 0
}

.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 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 var(--stroke_black);
    background: var(--light_bg_black)
}

.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 .jml-ss-icons {
    width: 47px
}

.soc-serv-accounts table tr .jml-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 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.authorization-block ~ .top-form, .subscribe-edit-main .top-form.messages ~ .top-form {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.authorization-block.top-form, .confirmation-block.top-form {
    border: 1px solid #e5e5e5;
    border: 1px solid var(--stroke_black);
    border-radius: 4px 4px 0 0;
    padding: 47px 55px 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 55px;
    border-top: none
}

.status-block .td_right {
    text-align: right
}

.status-block td {
    vertical-align: bottom
}

.status-block tr {
    position: relative
}

.status-block tr::before {
    border-bottom: 1px dotted #fff;
    border-bottom: 1px dotted var(--basic_text_black);
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: calc(100% - 7px);
    width: 100%;
    z-index: -1
}

.status-block td span {
    display: inline-block;
    background: #fff;
    background: var(--black_bg_black);
    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) {
    .authorization-block.top-form, .confirmation-block.top-form, .form .bottom-form, .status-block.top-form, .top-form.bordered_block {
        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:after, .counter__action:before {
    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:after, .counter--basket .counter__action:hover:before {
    background-color: #333;
    background-color: var(--fill_dark_light_white_hover)
}

.counter--basket .counter__action:after, .counter--basket .counter__action:before {
    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: 0;
        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 {
    --list-margin: 2px;
    margin-left: calc(-1 * var(--list-margin));
    margin-right: calc(-1 * var(--list-margin))
}

.sku-props--list .sku-props__values > .line-block__item {
    padding-left: var(--list-margin);
    padding-right: var(--list-margin);
    padding-top: 4px
}

.sku-props--list .sku-props--pict .sku-props__values {
    --list-margin: 3px
}

.sku-props--list .sku-props--pict .sku-props__values > .line-block__item {
    padding-top: 5px
}

.sku-props__value {
    padding: 5px 10px;
    user-select: none;
    transition: all ease 50ms
}

.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:not(.sku-props__value--pict) {
    box-shadow: 0 0 0 1px inset #9e9e9e;
    box-shadow: 0 0 0 1px inset var(--theme-more-color, #9e9e9e);
    border-color: #9e9e9e;
    border-color: var(--theme-more-color, #9e9e9e)
}

.sku-props__value--pict {
    --sku-width: 30px;
    --sku-height: 30px;
    width: var(--sku-width);
    height: var(--sku-height);
    padding: 0;
    font-size: 0;
    padding: 0;
    border: 3px solid var(--white_text_black_reverse);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px var(--stroke_black, #9e9e9e);
    position: relative;
    flex-shrink: 0
}

.sku-props--detail .sku-props__value--pict {
    --pict-prop-size: 48px;
    height: var(--pict-prop-size);
    padding: 0;
    width: var(--pict-prop-size)
}

.sku-props__value--pict.sku-props__value--active {
    box-shadow: none
}

.sku-props__value--active.sku-props__value--pict:before {
    content: "";
    display: block;
    border-radius: var(--border-radius);
    border-radius: inherit;
    position: absolute;
    inset: -4px;
    box-shadow: 0 0 0 2px var(--theme-base-color, #9e9e9e) inset
}

.sku-props__value--pict.sku-props__value:not(.sku-props__value--active):hover {
    box-shadow: 0 0 0 1px var(--theme-base-color, #9e9e9e);
    border-color: transparent
}

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

.ask-block__text p {
    margin-bottom: 9px
}

.ask-block__button {
    padding: 10px 0 0 0
}

.bottom-links-block {
    margin: 2.89rem 0 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 0 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--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;
    width: 50%
}

@media screen and (min-width: 501px) {
    .props_block--table .char:not(.char--middle) {
        position: relative
    }

    .props_block--table .char:not(.char--middle) .char_name::before {
        border-bottom: 1px dotted #fff;
        border-bottom: 1px dotted var(--basic_text_black);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: calc(100% - 12px);
        left: 0;
        right: 0
    }

    .props_block--table .char_value:not(.char--middle)::before {
        border-bottom: 1px dotted #fff;
        border-bottom: 1px dotted var(--basic_text_black);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: calc(100% - 12px);
        left: 0;
        right: 0
    }
}

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

.props_block--table.props_block--nbg .char_value::before {
    display: none
}

.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);
    position: relative
}

.props_block--table .props_item.whint {
    padding-right: 10px
}

.props_block--table .props_item.whint > span {
    padding-right: 0
}

.properties__title .hint, .props_block .char_name .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 .jml-filter-title {
    cursor: pointer;
    display: inline-block
}

.filter-panel__filter .jml-filter-title .svg {
    top: 0
}

.filter-panel__filter .jml-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: 0 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: 0
}

.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:after, .countdown__item:before {
    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:after, .countdown__item:last-child:before {
    display: none
}

.countdown__item.minutes:after, .countdown__item.minutes:before {
    display: none
}

.countdown__item.minutes {
    padding-right: 6px
}

.countdown__item .text {
    display: inline-block;
    padding: 0 0 0 1px;
    opacity: 1
}

.countdown__icon:after, .countdown__icon:before {
    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__item, .countdown--icons .countdown__items {
    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:after, .cross:before {
    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);
    --dark: var(--ON_toggle)
}

body {
    --white_text_black: var(--light, #333) var(--dark, white);
    --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);
        --dark: var(--ON_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 0;
    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 0;
        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(docs.svg) 0 -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
}

.jml-mac .row.flexbox:not(.nmac) > div {
    margin-left: -1px;
    margin-right: -1px
}

.jml-mac .flexbox.nmac, .jml-mac .row.flexbox.nmac {
    display: block
}

.jml-mac .row.flexbox:after, .jml-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
}

.jml-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) {
    .jml-ie .flex-grow-1.flex-basis-auto-f600-ie {
        flex-basis: 0
    }
}

@media (min-width: 601px) {
    .jml-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
    }
}

.big_gallery, .gallery {
    position: relative
}

.big_gallery img, .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.jml-ie .gallery-small .gallery-item-wrapper {
    width: 25%
}

@media (max-width: 991px) {
    html.jml-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: 0
}

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.jml-ie .grid-list {
    display: flex;
    flex-wrap: wrap
}

html.jml-ie .grid-list .grid-list__item {
    width: 100%
}

html.jml-ie .grid-list--items-5 .grid-list__item {
    width: 20%
}

html.jml-ie .grid-list--items-4 .grid-list__item {
    width: 25%
}

html.jml-ie .grid-list--items-3 .grid-list__item {
    width: 33.33%
}

html.jml-ie .grid-list--items-2 .grid-list__item {
    width: 50%
}

@media (max-width: 1200px) {
    html.jml-ie .grid-list--items-5 .grid-list__item {
        width: 33%
    }
}

@media (min-width: 992px) {
    .grid-list--no-grid:not(.grid-list--no-gap), html.jml-ie .grid-list:not(.grid-list--no-gap) {
        margin: -16px -16px
    }

    .grid-list--no-grid:not(.grid-list--no-gap) > div, html.jml-ie .grid-list:not(.grid-list--no-gap) > div {
        padding: 16px
    }

    html.jml-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) {
        margin: 0 -10px
    }

    html.jml-ie .grid-list.grid-list--gap-20:not(.grid-list--no-gap) > div {
        padding: 10px
    }

    html.jml-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) {
        margin: 0 -16px
    }

    html.jml-ie .grid-list.grid-list--gap-32:not(.grid-list--no-gap) > div {
        padding: 16px
    }
}

@media (max-width: 991px) {
    html.jml-ie .grid-list .grid-list__item {
        width: 50%
    }

    html.jml-ie .grid-list--items-5 .grid-list__item {
        width: 20%
    }

    html.jml-ie .grid-list--items-1 .grid-list__item, html.jml-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.jml-ie .grid-list:not(.grid-list--no-gap) {
        margin: 0 -12px
    }

    .grid-list--no-grid:not(.grid-list--no-gap) > div, html.jml-ie .grid-list:not(.grid-list--no-gap) > div {
        padding: 12px
    }
}

@media (max-width: 767px) {
    html.jml-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: 0;
        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: 0 0 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, .image-list-outer {
    width: 100%;
    position: relative
}

.image-list-wrapper {
    position: relative;
    padding-top: var(--paddingImage, 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
}

.ratio--horizontal {
    --paddingImage: 66%
}

.ratio--vertical {
    --paddingImage: 150%
}

.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--10 {
    margin-left: -5px;
    margin-right: -5px
}

.line-block--10 > .line-block__item {
    padding-left: 5px;
    padding-right: 5px
}

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

.line-block--4 {
    margin-left: 2px;
    margin-right: 2px
}

.line-block--4 > .line-block__item {
    padding: 2px
}

.line-block--gap {
    --gap: 0;
    margin: 0;
    gap: var(--gap)
}

.line-block--gap > .line-block__item {
    padding: 0
}

.line-block--gap-4 {
    --gap: 8px
}

.line-block--gap-6 {
    --gap: 8px
}

.line-block--gap-8 {
    --gap: 8px
}

.line-block--gap-12 {
    --gap: 12px
}

.line-block--gap-16 {
    --gap: 16px
}

.line-block--gap-20 {
    --gap: 20px
}

.line-block--gap-40 {
    --gap: 40px
}

.line-block--gap-70 {
    --gap: 70px
}

@media (max-width: 600px) {
    body .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: 0
    }

    #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 .body > div > div, body.jqm-initied .body > div > header > div > div, body.jqm-initied .fixed_wrapper, body.jqm-initied .page-top, body.jqm-initied .scroll-to-top, body.jqm-initied .style-switcher, body.jqm-initied .ui-panel-top-devices-inner, body.jqm-initied footer, 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;
    overflow: hidden
}

.jqmWindow--overflow-visible {
    overflow: visible
}

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

@media screen and (min-width: 431px) {
    #fast_view_item {
        max-height: 750px
    }
}

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

.jml-ie .jqmWindow {
    transform: translate(-50%, -50%)
}

.TABLES_SIZE_frame.popup {
    width: 100%;
    max-width: 960px
}

@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-body, .form.popup .form-footer, .form.popup .form-header {
        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 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
    }
}

.jml-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(0, 48px, 0);
        -ms-transform: translate3d(0, 48px, 0);
        transform: translate3d(0, 48px, 0);
        will-change: transform
    }

    .table-scroller-wrapper__ear:after, .table-scroller-wrapper__ear:before {
        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(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(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: 0 5px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 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(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--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 circle, .side-icons__item:hover path {
    stroke: #fff
}

.side-icons__item:hover .svg {
    color: #fff
}

.side-icons.static .side-icons__item {
    opacity: 1;
    visibility: visible
}

.side-icons--line {
    font-size: 0;
    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
}

.jml-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.active svg, .side-icons__item--fill:hover svg {
    fill: #fff
}

.side-icons__item--stroke.active svg, .side-icons__item--stroke:hover 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:active, .tabs .nav-tabs a:focus, .tabs .nav-tabs a:hover {
    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
}

.pagination > li:before, .tabs .nav-tabs > 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:after, .tabs.horizontal-scrolling:before {
    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 11px;
    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;
        display: none
    }

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

.toggle-checkbox {
    --toggle-track-width: 33px;
    --toggle-width: calc(var(--toggle-track-width) - 19px);
    position: absolute;
    width: 33px;
    width: var(--toggle-track-width);
    height: calc(var(--toggle-track-width) - 15px)
}

.toggle-checkbox__input {
    display: none
}

.toggle-checkbox__label {
    cursor: pointer
}

.toggle-checkbox__label:before {
    content: "";
    background-color: #e0e0e0;
    background-color: var(--light, #e0e0e0) var(--dark, #ccc);
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px
}

.toggle-checkbox__label:after {
    content: "";
    background-color: #fff;
    width: 14px;
    width: var(--toggle-width);
    height: 14px;
    height: var(--toggle-width);
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 100%;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    transform: translateX(2px);
    transition: transform ease .2s
}

.toggle-checkbox__input:checked + .toggle-checkbox__label:before {
    background-color: var(--theme-base-color)
}

.toggle-checkbox__input:checked + .toggle-checkbox__label:after {
    transform: translateX(calc(var(--toggle-track-width) - var(--toggle-width) - 2px))
}

.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) .video_block__error, .video_block .grid-list:not(.grid-list--items-1) iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important
}

.video_block__error {
    background-color: var(--card_bg_black)
}

.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^=jml_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: 34px;
    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--mb-59, .index-block__title-wrapper.index-block__title-wrapper--mb-52 {
        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.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX, div[data-class=BIG_BANNER_INDEX_drag] + div[data-class=TEASERS_INDEX_drag], div[data-class=BIG_BANNER_INDEX_drag][data-order="1"] {
    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 .item-views:not(.catalog) h3, .row.block-with-bg + .row .item-views.blocks 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 0 0
}

.float-banners .items .item .preview_text {
    color: #666;
    font-size: .933em;
    padding: 0 0 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(/joomla/templates/.default/ajax/images/wait.gif);
    background-position: center center;
    background-repeat: no-repeat
}

div.waitwindowlocalshadow {
    position: absolute;
    z-index: 9998;
    background-image: url(/joomla/templates/.default/ajax/images/shadow.gif);
    border: 1px solid #808080
}

.eyed-panel {
    position: relative;
    display: none
}

body.eyed .eyed-panel {
    display: block
}

.eyed-panel__inner {
    position: relative;
    background: #cbcbcb;
    padding: 14px 0 25px 0;
    border-bottom: 1px solid #999
}

.eyed-panel__item {
    position: relative
}

.eyed-panel__item > .line-block {
    flex-direction: column;
    align-items: flex-start
}

.eyed-panel__item-title {
    color: #000;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 21px
}

.eyed-panel__item-value {
    position: relative;
    border: 1px solid #999;
    border-radius: 5px;
    background-color: #fff;
    min-width: 56px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.eyed-panel__item-value.active {
    border: 3px solid #000;
    border-radius: 5px
}

.eyed-panel__item-value:not(.active):hover {
    border: 3px solid #000
}

.eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value span {
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value.active span, .eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value:not(.active):hover span {
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px
}

.eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value[data-option_value=yellow] span {
    background-color: #000
}

.eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value[data-option_value=blue] span {
    background-color: #9fd7ff
}

.eyed-panel .btn.eyed-toggle {
    padding: 9px 24px 10px;
    border-radius: 5px;
    margin-top: 8px;
    font-size: 16px;
    border: 2px solid transparent;
    background-color: #fff;
    color: #000
}

.eyed-panel .btn.eyed-toggle:hover {
    border-color: #000;
    color: #000;
    background-color: #fff
}

.eyed-panel .btn.eyed-toggle .svg {
    margin: 0 16px 0 1px
}

.eyed-panel .btn.eyed-toggle:hover .svg * {
    fill: #fff
}

.eyed-panel svg * {
    fill: #000 !important
}

.eyed-panel .eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value[data-option_value=yellow] svg * {
    fill: #ff0 !important
}

.eyed-panel .eyed-panel__item[data-option=COLOR-SCHEME] .eyed-panel__item-value[data-option_value=blue] svg * {
    fill: #133c58 !important
}

@media (max-width: 1024px) {
    .eyed-panel .eyed-panel__item-title {
        display: none
    }

    .eyed-panel .line-block--24-vertical {
        margin-top: -12px;
        margin-bottom: -12px
    }

    .eyed-panel .line-block--24-vertical > .line-block__item {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .eyed-panel .btn.eyed-toggle {
        margin-top: 0
    }
}

@media print {
    .eyed-panel {
        display: none
    }
}

html {
    --eyed__color-sheme--black__bg: #fff;
    --eyed__color-sheme--black__color: #000;
    --eyed__color-sheme--yellow__bg: #000;
    --eyed__color-sheme--yellow__color: #ff0;
    --eyed__color-sheme--blue__bg: #9fd7ff;
    --eyed__color-sheme--blue__color: #133C58;
    --eyed__font-size--16__font-size: 16px;
    --eyed__font-size--16__line-height: 26px;
    --eyed__font-size--20__font-size: 20px;
    --eyed__font-size--20__line-height: 33px;
    --eyed__font-size--24__font-size: 24px;
    --eyed__font-size--24__line-height: 40px
}

.eyed.eyed--color-scheme--black {
    --eyed__color-sheme--black: var(--ON_toggle);
    --eyed__color-sheme--yellow: var(--OFF_toggle);
    --eyed__color-sheme--blue: var(--OFF_toggle)
}

.eyed.eyed--color-scheme--yellow {
    --eyed__color-sheme--black: var(--OFF_toggle);
    --eyed__color-sheme--yellow: var(--ON_toggle);
    --eyed__color-sheme--blue: var(--OFF_toggle)
}

.eyed.eyed--color-scheme--blue {
    --eyed__color-sheme--black: var(--OFF_toggle);
    --eyed__color-sheme--yellow: var(--OFF_toggle);
    --eyed__color-sheme--blue: var(--ON_toggle)
}

.eyed.eyed--font-size--16 {
    --eyed__font-size--16: var(--ON_toggle);
    --eyed__font-size--20: var(--OFF_toggle);
    --eyed__font-size--24: var(--OFF_toggle)
}

.eyed.eyed--font-size--20 {
    --eyed__font-size--16: var(--OFF_toggle);
    --eyed__font-size--20: var(--ON_toggle);
    --eyed__font-size--24: var(--OFF_toggle)
}

.eyed.eyed--font-size--24 {
    --eyed__font-size--16: var(--OFF_toggle);
    --eyed__font-size--20: var(--OFF_toggle);
    --eyed__font-size--24: var(--ON_toggle)
}

body:not(.eyed) .not-eyed-hidden {
    display: none
}

body.eyed .eyed-hidden {
    display: none
}

body:not(.eyed--images--off) .not-eyed-images-off--hidden {
    display: none
}

body.eyed {
    --black_bg_black: var(--eyed__color-sheme--black, var(--eyed__color-sheme--black__bg)) var(--eyed__color-sheme--yellow, var(--eyed__color-sheme--yellow__bg)) var(--eyed__color-sheme--blue, var(--eyed__color-sheme--blue__bg));
    --darkerblack_bg_black: var(--black_bg_black);
    --card_bg_black: var(--black_bg_black);
    --card_bg_hover_black: var(--black_bg_black);
    --arrows_bg_black: var(--black_bg_black);
    --basic_text_black: var(--eyed__color-sheme--black, var(--eyed__color-sheme--black__color)) var(--eyed__color-sheme--yellow, var(--eyed__color-sheme--yellow__color)) var(--eyed__color-sheme--blue, var(--eyed__color-sheme--blue__color));
    --light_basic_text_black: var(--basic_text_black);
    --white_text_black: var(--basic_text_black);
    --white_text_black_reverse: var(--black_bg_black);
    --fill_dark_light: var(--basic_text_black);
    --fill_dark_light_ccc: var(--basic_text_black);
    --fill_dark_light_hover: var(--basic_text_black);
    --fill_dark_light_white_hover: var(--basic_text_black);
    --stroke_black: var(--basic_text_black);
    --theme-base-color: var(--basic_text_black);
    --theme-more-color: var(--basic_text_black);
    --light_bg_black: var(--black_bg_black);
    --light2_bg_black: var(--black_bg_black);
    --white_bg_ccc: var(--black_bg_black);
    --theme-font-size: var(--eyed__font-size--16, var(--eyed__font-size--16__font-size)) var(--eyed__font-size--20, var(--eyed__font-size--20__font-size)) var(--eyed__font-size--24, var(--eyed__font-size--24__font-size));
    --theme-line-height: var(--eyed__font-size--16, var(--eyed__font-size--16__line-height)) var(--eyed__font-size--20, var(--eyed__font-size--20__line-height)) var(--eyed__font-size--24, var(--eyed__font-size--24__line-height));
    --light: var(--ON_toggle);
    --dark: var(--OFF_toggle)
}

.jml-ie .eyed.eyed--font-size--16 {
    font-size: 16px;
    line-height: 26px
}

.jml-ie .eyed.eyed--font-size--20 {
    font-size: 20px;
    line-height: 33px
}

.jml-ie .eyed.eyed--font-size--24 {
    font-size: 24px;
    line-height: 40px
}

.jml-ie body.eyed {
    background-color: #fff;
    color: #000
}

@media (max-width: 600px) {
    body.eyed {
        word-break: break-word
    }
}

body.eyed::-webkit-input-placeholder {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .form-control:focus, body.eyed input[type=text]:focus {
    box-shadow: none;
    border-color: #000;
    border-color: var(--basic_text_black)
}

body.eyed input[type=checkbox]:checked + .on-off-switch .on-off-switch-track {
    background-color: #000;
    background-color: var(--theme-base-color);
    border-color: #000;
    border-color: var(--stroke_black)
}

body.eyed.eyed--color-scheme--yellow .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    border: 1px solid #000 !important;
    border: 1px solid var(--basic_text_black) !important;
    background-color: #fff !important;
    background-color: var(--black_bg_black) !important
}

body.eyed.eyed--color-scheme--yellow .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box::before {
    left: 4px;
    top: 7px
}

body.eyed a {
    text-decoration: underline !important
}

body.eyed .footer__info a, body.eyed .header a, body.eyed .mega-fixed-menu a, body.eyed a:hover {
    text-decoration: none !important
}

.jml-ie body.eyed a {
    color: #000
}

#main.eyed .svg:not(.skip-eyed) svg [fill], body.eyed .svg:not(.skip-eyed) svg [fill] {
    fill: #000;
    fill: var(--fill_dark_light)
}

#main.eyed .svg:not(.skip-eyed) svg [stroke], body.eyed .svg:not(.skip-eyed) svg [stroke] {
    stroke: #000;
    stroke: var(--stroke_black)
}

body.eyed .ratings .item-rating .svg svg path {
    fill: #fff;
    fill: var(--black_bg_black)
}

body.eyed .compare svg {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .btn {
    color: #fff;
    color: var(--black_bg_black);
    border-color: #000;
    border-color: var(--theme-base-color);
    background-color: #000;
    background-color: var(--theme-base-color);
    white-space: normal
}

body.eyed .btn.btn-transparent {
    background-color: rgba(57, 163, 234, .1);
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .1);
    color: #000;
    color: var(--fill_dark_light_white_hover);
    border-color: transparent
}

body.eyed .btn:hover {
    color: #000;
    color: var(--basic_text_black);
    border-color: #000;
    border-color: var(--stroke_black);
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .btn.disabled, body.eyed .btn[disabled] {
    color: #000 !important;
    color: var(--basic_text_black) !important;
    border-color: #000 !important;
    border-color: var(--theme-base-color) !important;
    cursor: not-allowed
}

body.eyed .btn.disabled > *, body.eyed .btn[disabled] > * {
    color: #000 !important;
    color: var(--basic_text_black) !important
}

body.eyed .btn.btn-transparent-border:not(:hover) * {
    fill: #fff !important;
    fill: var(--black_bg_black) !important
}

body.eyed .btn.btn-transparent-border:hover * {
    fill: #000 !important;
    fill: var(--fill_dark_light) !important
}

body.eyed .btn.print:hover .fill-theme path {
    fill: #000;
    fill: var(--fill_dark_light_white_hover)
}

body.eyed .btn-inline {
    color: #000 !important;
    color: var(--fill_dark_light_white_hover) !important
}

body.eyed .btn-inline.rounded:hover i {
    background-color: #000 !important;
    background-color: var(--basic_text_black) !important;
    color: #fff !important;
    color: var(--black_bg_black) !important
}

body.eyed .btn.btn-default.btn-transparent-bg:not(:hover) {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .btn.btn-transparent-border:not(:hover):not(.active) * {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed ul.list-unstyled li a {
    text-decoration: none !important
}

body.eyed ul.list-unstyled li a > span:first-of-type {
    text-decoration: underline
}

body.eyed ul.list-unstyled li a:hover > span:first-of-type {
    text-decoration: none
}

body.eyed ul li:before {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .main .container li {
    line-height: calc(var(--theme-line-height) - 1px)
}

.jml-ie body.eyed.eyed--font-size--16 .main .container li {
    line-height: 25px
}

.jml-ie body.eyed.eyed--font-size--20 .main .container li {
    line-height: 32px
}

.jml-ie body.eyed.eyed--font-size--20 .main .container li {
    line-height: 39px
}

body.eyed.eyed--font-size--16 .main .container li:before {
    top: calc(var(--theme-line-height) - 14px)
}

.jml-ie body.eyed.eyed--font-size--16 .main .container li:before {
    top: 11px
}

body.eyed:not(.eyed--font-size--16) .main .container li:before {
    top: calc(var(--theme-line-height) - 19px)
}

.jml-ie body.eyed.eyed--font-size--20 .main .container li:before {
    top: 14px
}

.jml-ie body.eyed.eyed--font-size--24 .main .container li:before {
    top: 21px
}

body.eyed .dark-block-hover:before {
    background-color: transparent
}

body.eyed .dark-block-hover:hover:before {
    background-color: #fff;
    background-color: var(--black_bg_black);
    opacity: 1
}

body.eyed.eyed--images--off .dark-block-hover:hover:before {
    opacity: 1
}

body.eyed.eyed--images--off .dark-block-hover:before {
    transition: none
}

body.eyed.eyed--images--off .main .image:not(.skip-eyed) {
    display: none !important
}

body.eyed a.scroll-to-top {
    background-position: center 14px;
    background-color: #000 !important;
    background-color: var(--basic_text_black) !important;
    border: 1px solid #000 !important;
    border: 1px solid var(--basic_text_black) !important
}

body.eyed.eyed--color-scheme--yellow a.scroll-to-top {
    background-position: center -70px
}

body.eyed .style-switcher {
    --f0_dark_light: var(--basic_text_black);
    --e3_dark_light: var(--basic_text_black);
    --f3_dark_light: var(--basic_text_black);
    --fb_dark_light: var(--basic_text_black)
}

body.eyed .style-switcher .contents.updates .right-block .content-body .body_block .item .info .period, body.eyed .style-switcher .left-block .section-block:hover {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .style-switcher .presets .presets_block .conf .preset-block .status_btn .preview_conf_block .btn:hover {
    color: #fff !important;
    color: var(--black_bg_black) !important
}

body.eyed .style-switcher .left-block .section-block:not(.active):not(:hover) {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .style-switcher .left-block .section-block:not(.active):not(:hover) .svg path {
    fill: #fff;
    fill: var(--black_bg_black)
}

body.eyed .style-switcher .options .link-item.current:not(.block):not(.preset-block), body.eyed .style-switcher .presets .presets_block .thematik .item.active .inner .title, body.eyed .style-switcher .tooltip-link:hover {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .style-switcher .tooltip.fade .tooltip-inner, body.eyed .style-switcher .tooltip:not(.fade) .wrap {
    border: 1px solid #000;
    border: 1px solid var(--stroke_black)
}

body.eyed .style-switcher .tooltip:not(.fade) .wrap:before {
    display: none
}

body.eyed .style-switcher .presets .presets_block .apply_conf_block .btn:hover .svg.inline svg path, body.eyed .style-switcher > .close_block .svg svg path {
    fill: #000;
    fill: var(--fill_dark_light)
}

@media (min-width: 501px) and (max-width: 700px) {
    body.eyed .style-switcher > .close_block .svg svg path {
        fill: #fff;
        fill: var(--black_bg_black)
    }
}

body.eyed .style-switcher .presets .presets_block .conf .preset-block .status_btn .preview_conf_block .btn:hover svg path, body.eyed .style-switcher .presets .presets_block .svg.inline svg path, body.eyed .style-switcher .switch:hover .svg:hover svg path, body.eyed .style-switcher .switch:hover svg path, body.eyed .style-switcher > .close_block .svg.inline:hover svg path {
    fill: #fff;
    fill: var(--black_bg_black)
}

body.eyed .style-switcher > .top_block_switch {
    border: 1px solid #000;
    border: 1px solid var(--stroke_black)
}

body.eyed .style-switcher__label {
    color: #000;
    color: var(--white_text_black)
}

body.eyed .style-switcher .right-block .action_block .save_btn:not(:hover) svg * {
    fill: #fff !important;
    fill: var(--black_bg_black) !important
}

body.eyed .style-switcher .right-block .block-item .item.groups-tab .tabs li a {
    color: #000 !important;
    color: var(--basic_text_black) !important
}

body.eyed .style-switcher .right-block .inner-content {
    border-left: 1px solid #000;
    border-left: 1px solid var(--basic_text_black);
    border-right: 1px solid #000;
    border-right: 1px solid var(--basic_text_black)
}

body.eyed .style-switcher .contents.wizard {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .style-switcher .tooltip {
    border: none;
    background: 0 0
}

body.eyed.eyed--images--off .container .right_block img {
    display: none
}

body.eyed.eyed--images--off .header-menu__dropdown-item-img {
    display: none
}

body.eyed.eyed--images--off .side_banners .owl-carousel__dots, body.eyed.eyed--images--off .side_banners .side_banners__item-img {
    display: none
}

body.eyed.eyed--images--off .side_banners .owl-nav {
    left: 50%;
    right: initial;
    margin-left: -30px
}

body.eyed .header__main-inner--shadow, body.eyed .header__main-part--shadow:not(.header__inner--shadow-fixed) {
    box-shadow: none;
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .phones__dropdown .dropdown {
    min-width: 280px
}

body.eyed .phones__dropdown:not(.phones__dropdown--top) {
    top: -20px;
    left: -20px
}

body.eyed .icon-block--with_icon .phones__dropdown {
    left: -1px
}

body.eyed .header--color_colored, body.eyed .header--color_dark {
    background-color: transparent
}

body.eyed .header--color_colored, body.eyed .header--color_dark {
    border-bottom-color: #000;
    border-bottom-color: var(--basic_text_black)
}

#main.eyed .header--color_colored:not(.bg_none) .menu-light-text, #main.eyed:not(.header_opacity) .header--color_colored.bg_none .menu-light-text, #main.eyed:not(.header_opacity) .header--color_dark.bg_none .menu-light-text {
    color: #000;
    color: var(--basic_text_black)
}

#main.eyed .header--color_colored:not(.bg_none) .menu-light-icon-fill *, #main.eyed:not(.header_opacity) .header--color_colored.bg_none .menu-light-icon-fill *, #main.eyed:not(.header_opacity) .header--color_dark.bg_none .menu-light-icon-fill * {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .header .header__inner .banner-light-icon-fill *, body.eyed .header:not(.light) .header__inner .fill-dark-light, body.eyed .header:not(.light) .header__inner .fill-dark-light-block:not(.svg):not(:hover) path {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed.header_opacity .header__inner--can-transparent {
    background-color: #fff !important;
    background-color: var(--black_bg_black) !important;
    border-bottom-color: #000 !important;
    border-bottom-color: var(--basic_text_black) !important
}

body.eyed.header_opacity .header__inner--can-transparent .header__top-part {
    border-bottom-color: #000 !important;
    border-bottom-color: var(--basic_text_black) !important
}

body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header:not(.light) .header__main-part--can-transparent.bg_none .menu-light-text, body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header:not(.light) .header__top-part--can-transparent .menu-light-text, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header.light .header__main-part--can-transparent.bg_none .menu-light-text, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header.light .header__top-part--can-transparent .menu-light-text {
    color: #000;
    color: var(--black_bg_black)
}

body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header.light .header__top-part--can-transparent .menu-light-text, body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header:not(.light) .header__main-part--can-transparent.bg_none .header-menu__dropdown-menu .menu-light-text, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header.light .header__main-part--can-transparent.bg_none .header-menu__dropdown-menu .menu-light-text, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header:not(.light) .header__top-part--can-transparent .menu-light-text {
    color: #fff;
    color: var(--basic_text_black)
}

body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header:not(.light) .header__main-part--can-transparent.bg_none svg *, body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header:not(.light) .header__top-part--can-transparent svg *, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header.light .header__main-part--can-transparent.bg_none svg *, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header.light .header__top-part--can-transparent svg * {
    fill: #000;
    fill: var(--black_bg_black)
}

body#main.header_opacity.eyed.eyed--images--off .header .header__main-part--can-transparent.bg_none .banner-light-icon-fill *, body#main.header_opacity.eyed.eyed--images--off .header .header__top-part--can-transparent.bg_none .banner-light-icon-fill *, body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header.light .header__main-part--can-transparent.bg_none .banner-light-icon-fill *, body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header.light .header__top-part--can-transparent svg *, body#main.header_opacity.eyed:not(.eyed--images--off).eyed--color-scheme--yellow .header:not(.light) .header__top-part--can-transparent .social__more svg *, body#main.header_opacity.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .header:not(.light) .header__main-part--can-transparent.bg_none .banner-light-icon-fill * {
    fill: #fff;
    fill: var(--basic_text_black)
}

body.eyed .header-cart__count {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .header-menu__item--dropdown.header-menu__item--wide .header-menu__dropdown-menu {
    box-shadow: none;
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    background-color: #000;
    background-color: var(--black_bg_black)
}

body.eyed .header-menu__item--dropdown.header-menu__item--wide .header-menu__dropdown-menu .dropdown {
    border: none !important
}

body.eyed .header__top-part .menu-topest li.menu-topest__more.hover > .dropdown, body.eyed .header__top-part .menu-topest li.menu-topest__more:hover > .dropdown {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

#main.eyed .menu-topest .menu-topest__more .menu-topest__link, body.eyed .menu-topest .menu-topest__more .menu-topest__link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .header-menu__wide-item-description, body.eyed .header-menu__wide-submenu--delimiter .header-menu__wide-submenu-item:not(.active) .header-menu__wide-submenu-item-inner > a:not(:hover), body.eyed .header-menu__wide-submenu-item-separator {
    color: #000;
    color: var(--basic_text_black)
}

#main.eyed .header--color_dark:not(.bg_none) .menu-light-icon-fill *, body.eyed .header--color_dark:not(.bg_none) .menu-light-icon-fill * {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .header .sites__select .sites__current {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

body.eyed header.header_12 .sites__select .sites__current {
    display: none
}

body.eyed header.header_12 .sites__select .icon-block__icon {
    margin-right: 0
}

body.eyed .header__top-part {
    height: auto;
    min-height: 60px
}

body.eyed .header__top-part--height_46 {
    min-height: 46px
}

body.eyed .header__top-part--height_50 {
    min-height: 50px
}

body.eyed .header__top-part--height_56 {
    min-height: 56px
}

body.eyed .header__top-part--height_66 {
    min-height: 66px
}

body.eyed .header__top-part--height_80 {
    min-height: 80px
}

body.eyed .header__top-part--height_81 {
    min-height: 81px
}

body.eyed .header__top-part--height_89 {
    min-height: 89px
}

body.eyed .header-eyed__name {
    display: none
}

body.eyed .mobileheader--color-colored, body.eyed .mobileheader--color-dark {
    background-color: #fff;
    background-color: var(--black_bg_black);
    box-shadow: 0 1px 0 #000;
    box-shadow: 0 1px 0 var(--stroke_black)
}

#main.eyed .mobileheader .menu-light-icon-fill svg * {
    fill: #000;
    fill: var(--theme-base-color)
}

#main.eyed .header-cabinet__fill-white-link svg .fill-more-theme {
    fill: #000 !important;
    fill: var(--theme-base-color) !important
}

body.eyed.header_opacity.front_page .header:not(.header--offset).light .header__inner.header__inner--can-transparent .light-opacity-hover:hover {
    opacity: 1
}

body.eyed #headerfixed .line-block__item:not(.icon-block--only_icon) .header-search .svg, body.eyed #headerfixed .sites__select .sites__current {
    display: none
}

body.eyed #headerfixed .sites__select .icon-block__icon {
    margin-right: 0
}

body.eyed.eyed--images--off .mega-fixed-menu {
    background-image: none !important;
    background-color: #fff !important;
    background-color: var(--black_bg_black) !important
}

@media (max-width: 1600px) {
    body.eyed #headerfixed .line-block__item.hide-name-1600:not(.icon-block--only_icon) .header-search .svg {
        display: inline-block
    }
}

@media (max-width: 1400px) {
    body.eyed #headerfixed .line-block__item.hide-name-narrow:not(.icon-block--only_icon) .header-search .svg {
        display: inline-block
    }
}

@media (min-width: 992px) {
    body.eyed #headerfixed .header {
        background-color: #fff;
        background-color: var(--black_bg_black);
        border-bottom: 1px solid #000;
        border-bottom: 1px solid var(--stroke_black)
    }
}

body.eyed .mega-fixed-menu--dark:before {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .burger-menu__dropdown-right-arrow:hover svg * {
    fill: #fff !important;
    fill: var(--black_bg_black) !important
}

body.eyed .mega-fixed-menu__row .line-block__item[data-ajax-load-block=HEADER_TOGGLE_SLOGAN] {
    z-index: 2
}

body.eyed .footer {
    --d2d_dark_light: var(--black_bg_black);
    --d3_dark_light: var(--black_bg_black);
    --df4_dark_light: var(--black_bg_black);
    --d1b_dark_light: var(--black_bg_black);
    --d6t9_dark_light: var(--black_bg_black);
    --d3t9_dark_light: var(--black_bg_black);
    --df_opacity_dark_light: var(--basic_text_black);
    --dff_opacity_dark_light: var(--basic_text_black)
}

body.eyed .bottom-menu--normal .items > .item-link a, body.eyed .bottom-menu--normal .wrap .title a, body.eyed .footer .bottom-menu .item.active .title a, body.eyed .footer .bottom-menu .item:hover .title a, body.eyed .footer .bottom-menu--bold .item-link a, body.eyed .footer .wrap_compact_mobile .item.active .title a, body.eyed .footer .wrap_compact_mobile .item:hover .title a, body.eyed .footer--color-dark .color-theme-parent-all:hover .color-theme-target, body.eyed .footer__address .address__text, body.eyed .footer__email a, body.eyed .footer__part-item--subscribe .color-theme-parent-all:hover .color-theme-target {
    color: #000 !important;
    color: var(--basic_text_black) !important
}

body.eyed .footer__phone .phones .more-arrow svg * {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .phones__dropdown--top {
    bottom: -38px
}

body.eyed.eyed--font-size--20 .phones__dropdown--top {
    bottom: -43px
}

body.eyed.eyed--font-size--24 .phones__dropdown--top {
    bottom: -48px
}

body.eyed .footer__phone .phones .phones__dropdown {
    left: 7px
}

body.eyed .footer a.developer, body.eyed .subscribe-block__text {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .subscribe-edit:not(:hover) .subscribe-input:not(:focus) {
    border-color: #000;
    border-color: var(--basic_text_black)
}

body.eyed.eyed--images--off .subscribe-block__icon {
    display: none
}

body.eyed .subscribe-edit .subscribe-form__right-arrow-line {
    background-color: #000;
    background-color: var(--theme-base-color)
}

body.eyed .footer__social .social__item {
    background-color: #000 !important;
    background-color: var(--basic_text_black) !important
}

body.eyed .footer__social .social__item .social__link {
    opacity: 1 !important;
    background-color: #000 !important;
    background-color: var(--basic_text_black) !important
}

body.eyed.eyed--color-scheme--yellow .footer__social .social__item, body.eyed.eyed--color-scheme--yellow .footer__social .social__item .social__link {
    background-color: var(--black_bg_black) !important
}

@media print {
    body.eyed .footer__social {
        display: none
    }

    body.eyed .footer__address .address__text, body.eyed .footer__email a {
        color: #000 !important
    }
}

body.eyed .footer__pays i.cacsh {
    background-position: 0 -198px !important
}

body.eyed .footer__pays i.mastercard {
    background-position: -327px -200px !important
}

body.eyed .footer__pays i.visa {
    background-position: -40px -204px !important
}

body.eyed .footer__pays i.yandex_money {
    background-position: -626px -198px !important
}

body.eyed .footer__pays i.webmoney {
    background-position: -127px -199px !important
}

body.eyed .footer__pays i.qiwi {
    background-position: -165px -198px !important
}

body.eyed .footer__pays i.sbrf {
    background-position: -240px -198px !important
}

body.eyed .footer__pays i.alfa {
    background-position: -415px -198px !important
}

body.eyed .footer__pays i.mir {
    background-position: -449px -198px !important
}

body.eyed .footer__pays i.jcb {
    background-position: -504px -198px !important
}

body.eyed .footer__pays i.paypal {
    background-position: -205px -198px !important
}

body.eyed .footer__pays i.maestro {
    background-position: -371px -200px !important
}

body.eyed .footer__pays i.yoomoney {
    background-position: -626px -199px !important
}

body.eyed .footer__pays i.yookassa {
    background-position: -671px -199px !important
}

body.eyed .footer__pays i.belkart {
    background-position: -716px -198px !important
}

body.eyed .footer__pays i.halva {
    background-position: -756px -199px !important
}

body.eyed .footer__pays i.tinkoff {
    background-position: -657px -300px !important
}

body.eyed.eyed--images--off .footer__pays {
    display: none !important
}

body.eyed.eyed--images--off .footer img:not(.skip-eyed) {
    display: none !important
}

.jml-ie body.eyed .footer__top-part {
    background-color: #fff;
    border-bottom-color: #000
}

.jml-ie body.eyed .footer {
    border-top: 1px solid #000;
    background: #fff
}

.jml-ie body.eyed .footer__bottom-part-inner {
    border-top-color: #000
}

body.eyed .bottom-icons-panel {
    border-top: 1px solid #000;
    border-top: 1px solid var(--basic_text_black);
    box-shadow: none
}

body.eyed .footer__eyed:not(:hover) {
    text-decoration: underline
}

body.eyed .svg-inline-subscribe svg * {
    opacity: 1
}

body.eyed .sidearea div.banner {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed.eyed--images--off .sidearea div.banner img {
    display: none
}

body.eyed.eyed--images--off .sidearea div.banner {
    padding: 17px 47px 16px 23px
}

body.eyed .menu-arrow {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .ask-block__icon {
    display: none
}

body.eyed .ask-block__text {
    padding-top: 0
}

body.eyed .dropdown:not(.mobilemenu__menu-dropdown), body.eyed .element-count, body.eyed .jqmWindow, body.eyed .social__more {
    border: 1px solid #000 !important;
    border: 1px solid var(--stroke_black) !important
}

body.eyed .rounded-1, body.eyed .rounded-1 > *, body.eyed .rounded-2, body.eyed .rounded-2 > *, body.eyed .rounded-3, body.eyed .rounded-3 > *, body.eyed .rounded-4, body.eyed .rounded-4 > * {
    border-radius: 0 !important
}

#main.eyed .form .required-star, #main.eyed .form .star body.eyed .header--color_dark:not(.bg_none) .menu-light-text, #main.eyed .header--color_dark:not(.bg_none) .menu-light-text, #main.eyed .menu-light-text, body.eyed .breadcrumbs__item-name, body.eyed .burger-menu--dark .burger-menu__link--light, body.eyed .color_999, body.eyed .form .required-star, body.eyed .form .star, body.eyed .index-block__subtitle, body.eyed .menu-light-text, body.eyed .muted, body.eyed .phones__dropdown-title, body.eyed .services-list__item-childs-item-separator, body.eyed .text-muted {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .form-send__icon svg circle.fill_card_bg_hover_black {
    fill: #fff !important;
    fill: var(--card_bg_hover_black) !important
}

body.eyed .breadcrumbs__separator {
    color: #000;
    color: var(--stroke_black)
}

body.eyed .owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button {
    opacity: 1
}

body.eyed .owl-carousel.owl-carousel--buttons-transparent .owl-carousel__button svg path {
    stroke: #000;
    stroke: var(--stroke_black)
}

body.eyed .owl-carousel--buttons-bordered .owl-carousel__button, body.eyed .owl-carousel.owl-carousel--view1 .owl-carousel__button {
    border-color: #000;
    border-color: var(--stroke_black)
}

body.eyed .owl-carousel--light .owl-carousel__button, body.eyed .owl-carousel--light .swiper-button-next, body.eyed .owl-carousel--light .swiper-button-prev, body.eyed .owl-navigation-outer .owl-carousel__button {
    border: 1px solid #000;
    border: 1px solid var(--stroke_black)
}

body.eyed .owl-carousel--light ~ .owl-carousel__dots--autoplay .owl-carousel__dot.active .owl-carousel__dot-left-side, body.eyed .owl-carousel__dot {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .owl-carousel__dot.active::after {
    border-color: #fff;
    border-color: var(--black_bg_black)
}

body.eyed .owl-carousel.owl-carousel--view1 .owl-carousel__button, body.eyed .owl-navigation-outer .owl-carousel__button:not(:hover) {
    background-color: #fff;
    background-color: var(--arrows_bg_black)
}

body.eyed .owl-carousel.owl-carousel--view1 .owl-carousel__button svg *, body.eyed .owl-carousel.owl-carousel--view1 button.disabled .owl-carousel__button:hover svg *, body.eyed .owl-navigation-outer .owl-carousel__button svg * {
    stroke: #000;
    stroke: var(--white_text_black)
}

body.eyed .owl-carousel--light .owl-carousel__button:hover svg *, body.eyed .owl-carousel.owl-carousel--view1 .owl-carousel__button:hover svg *, body.eyed .owl-navigation-outer .owl-carousel__button:hover svg * {
    stroke: #fff;
    stroke: var(--black_bg_black)
}

body.eyed .owl-carousel.owl-carousel--view1 .owl-carousel__button:hover {
    background-color: #000;
    background-color: var(--theme-base-color)
}

.eyed--color-scheme--yellow .owl-nav .swiper-button-prev:after {
    background-position: 0 -81px
}

.eyed--color-scheme--yellow .owl-nav .swiper-button-next:after {
    background-position: -11px -81px
}

.eyed--color-scheme--yellow .owl-nav .swiper-button-prev:hover:after {
    background-position: 0 -65px
}

.eyed--color-scheme--yellow .owl-nav .swiper-button-next:hover:after {
    background-position: -11px -65px
}

body.eyed.eyed--images--off img {
    display: block;
    opacity: .01;
    visibility: hidden
}

body.eyed .footer__email .svg-inline-email *, body.eyed .slogan__text, body.eyed .social__link svg * {
    opacity: 1
}

body.eyed .arrow-all__item-line, body.eyed .map-items__item-line {
    background-color: #000;
    background-color: var(--theme-base-color)
}

body.eyed .right-sidebar-wrapper {
    border: 1px solid #000;
    border: 1px solid var(--stroke_black);
    border-right: 0
}

body.eyed .right_dok .link:after {
    display: none
}

body.eyed .dynamic_left_side .cl:not(:hover) .svg.inline path, body.eyed .ratings .item-rating.filed .svg svg path, body.eyed .ratings .item-rating:hover .svg svg path {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .contents.parametrs .dynamic_left_side .items_inner .description {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .dynamic_left_side .cl:not(:hover) {
    box-shadow: none;
    border: 1px solid #000;
    border: 1px solid var(--stroke_black)
}

body.eyed .right_dok .link:hover {
    background-color: #000;
    background-color: var(--theme-base-color);
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .contents.parametrs .dynamic_left_side .cl:hover svg path, body.eyed .right_dok .link:hover svg * {
    fill: #fff !important;
    fill: var(--black_bg_black) !important
}

body.eyed form .form-group.animated-labels.input-filed label:not(.error) {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .bordered, body.eyed .bordered:hover {
    border: 1px solid #000;
    border: 1px solid var(--stroke_black);
    box-shadow: none
}

body.eyed .shadow-no-border-hovered:hover {
    border: 1px solid #000;
    border: 1px solid var(--stroke_black);
    box-shadow: none
}

body.eyed .status-icon {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .status-icon:before {
    background-color: #000;
    background-color: var(--basic_text_black);
    border: #000;
    border: var(--basic_text_black)
}

body.eyed .color_light, body.eyed .color_light--opacity {
    color: #000;
    color: var(--basic_text_black);
    opacity: 1
}

body.eyed .color_dark--opacity {
    opacity: 1
}

body.eyed .shine {
    animation: none !important
}

body.eyed .fancybox-container svg path {
    fill: #000;
    fill: var(--basic_text_black)
}

body.eyed .side-icons__item:hover circle, body.eyed .side-icons__item:hover path {
    stroke: #fff !important;
    stroke: var(--black_bg_black) !important
}

body.eyed .discount-sticker, body.eyed .items-list-inner__item-sticker-value, body.eyed .popup-sale__item-sticker-value, body.eyed .sale-list__item-sticker-value, body.eyed .sticker__item {
    border: 1px solid #000 !important;
    border: 1px solid var(--basic_text_black) !important;
    color: #000 !important;
    color: var(--basic_text_black) !important;
    background-color: #fff !important;
    background-color: var(--black_bg_black) !important
}

body.eyed .price__economy {
    background-color: #000 !important;
    background-color: var(--basic_text_black) !important;
    border-color: #000 !important;
    border-color: var(--basic_text_black) !important
}

body.eyed .price .price__economy-val {
    color: #fff !important;
    color: var(--black_bg_black) !important
}

body.eyed .tab-nav__item:hover {
    background-color: #000;
    background-color: var(--theme-more-color);
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed font.notetext {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed label.error {
    color: #000 !important;
    color: var(--basic_text_black) !important;
    top: -30px
}

.input.error textarea, body.eyed .input.error input {
    border-color: #000 !important;
    border-color: var(--basic_text_black) !important
}

body.eyed .cross:after, body.eyed .cross:before {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .border_block .text_block {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .fa.big-icon, body.eyed .icon-text, body.eyed .label-info, body.eyed p.drop-caps.secundary:first-child:first-letter, body.eyed table.table th {
    background-color: #000;
    background-color: var(--basic_text_black);
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .icon-text .fa {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .fa.big-icon.grey, body.eyed .icon-text.grey {
    background-color: #fff;
    background-color: var(--black_bg_black);
    color: #000;
    color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .icon-text.grey .fa {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .tooltip {
    background-color: #fff;
    background-color: var(--black_bg_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .tooltip-inner {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .page-header {
    border-bottom-color: #000;
    border-bottom-color: var(--basic_text_black)
}

body.eyed section.toggle label {
    border-left-color: #000;
    border-left-color: var(--basic_text_black);
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .thumbnail {
    background-color: #fff;
    background-color: var(--black_bg_black);
    border-color: #000;
    border-color: var(--basic_text_black);
    position: relative
}

#main.eyed.eyed--images--off .thumbnail img, body.eyed.eyed--images--off .thumbnail img {
    display: block;
    opacity: .01
}

body.eyed.eyed--images--off .thumbnail:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    background-color: var(--basic_text_black);
    opacity: .1;
    cursor: zoom-in
}

body.eyed .uploader.hover {
    color: #fff;
    color: var(--black_bg_black);
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .uploader.hover::before {
    background-position: 0 0
}

body.eyed .uploader.hover .filename {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .form .input .add_file:hover {
    color: #000;
    color: var(--basic_text_black)
}

.jml-ie body.eyed .color_333, .jml-ie body.eyed .color_666, .jml-ie body.eyed .color_dark, .jml-ie body.eyed .index-block__preview, .jml-ie body.eyed h1, .jml-ie body.eyed h2, .jml-ie body.eyed h3, .jml-ie body.eyed h4, .jml-ie body.eyed h5, .jml-ie body.eyed h6 {
    color: #000
}

@media (max-width: 600px) {
    body.eyed .accordion-head .switcher-title {
        word-break: break-all
    }
}

body.eyed.eyed--images--off .notice__image {
    display: none
}

body.eyed .notice.notice--link {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .inline-search-block--cover .search .search-input:focus, body.eyed .search-page .searchinput input[type=text]:focus {
    box-shadow: none;
    border-color: #000;
    border-color: var(--basic_text_black)
}

body.eyed .search .btn-search {
    background: 0 0
}

body.eyed #title-search-city .ui-autocomplete {
    border: 1px solid #000 !important;
    border: 1px solid var(--basic_text_black) !important
}

body.eyed.eyed--images--off .searche-result__item-image {
    display: none
}

body.eyed .inline-search-block {
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--basic_text_black)
}

body.eyed .ymaps-map .marker path {
    stroke: #000;
    stroke: var(--stroke_black)
}

body.eyed .ymaps-map .marker path.fill-theme-svg {
    fill: #fff;
    fill: var(--black_bg_black)
}

body.eyed .ymaps-map .marker circle {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .ymaps-map .cluster_custom .cls-cluster, body.eyed .ymaps-map .cluster_custom .cls-cluster3 {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed .ymaps-map .cluster_custom .cls-cluster2 {
    fill: #fff;
    fill: var(--black_bg_black)
}

body.eyed .map-detail-items__item-svg:not(:hover) svg path {
    fill: #000;
    fill: var(--fill_dark_light)
}

body.eyed.eyed--color-scheme--black .cluster_custom > span, body.eyed.eyed--color-scheme--blue .cluster_custom > span {
    color: #fff
}

body.eyed .services-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .services-list .grid-list--no-gap .services-list__wrapper {
    margin: 0 -1px -1px 0
}

body.eyed .services-list__item--has-bg .services-list__item-text-wrapper .color_333, body.eyed .services-list__item--has-bg .services-list__item-text-wrapper .dark_link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .services-list__item-image-wrapper--BG:after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed.eyed--images--off .services-list__item-image-wrapper:not(.services-list__item-image-wrapper--BG) {
    display: none !important
}

body.eyed.eyed--images--off .services-list__item-image-wrapper--BG .services-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .detail-image--top, body.eyed.eyed--images--off .detail-image--top_content {
    display: none
}

body.eyed .sale-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .sale-list .grid-list--no-gap .sale-list__wrapper {
    margin: 0 -1px -1px 0
}

body.eyed .sale-list__wrapper .sale-list__item-period, body.eyed .sale-list__wrapper .sale-list__item-text-wrapper .color_333, body.eyed .sale-list__wrapper .sale-list__item-text-wrapper .dark_link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .sale-list__item-image-wrapper--BG:after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed.eyed--images--off .sale-list__item-image-wrapper:not(.sale-list__item-image-wrapper--BG) {
    display: none !important
}

body.eyed.eyed--images--off .sale-list__item-image-wrapper--BG .sale-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .sale-list__item-sticker {
    padding: 25px 29px;
    position: relative;
    order: -1;
    top: initial;
    left: initial
}

body.eyed .news-list__item.shadow-no-border-hovered:not(.bordered), body.eyed.eyed--images--off .news-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .news-list .grid-list--no-gap .news-list__wrapper {
    margin: 0 -1px -1px 0
}

#main.eyed .news-list__wrapper .news-list__item-text-wrapper .dark_link, body.eyed .news-list__wrapper .news-list__item-period, body.eyed .news-list__wrapper .news-list__item-text-wrapper .color_333, body.eyed .news-list__wrapper .news-list__item-text-wrapper .dark_link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .news-list__item-image-wrapper {
    display: none !important
}

body.eyed.eyed--images--off .news-list__item:not(.news-list__item--padding) .news-list__item-text-wrapper:not(.news-list__item-text-wrapper--BOTTOM) {
    padding: 28px 34px 19px
}

body.eyed .news-list__item-image-wrapper--BG:after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed .news-list__item.shadow-no-border-hovered:not(.bordered).dark-block-hover:hover:before {
    opacity: 0
}

@media (max-width: 600px) {
    body.eyed .news-list__item-image-wrapper--BG:after {
        top: 51%
    }
}

body.eyed .blog-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .blog-list .grid-list--no-gap .blog-list__wrapper {
    margin: 0 -1px -1px 0
}

body.eyed .blog-list__item-period, body.eyed .blog-list__wrapper .blog-list__item-text-wrapper .color_333, body.eyed .blog-list__wrapper .blog-list__item-text-wrapper .dark_link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .blog-list__item-image-wrapper--BG:after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed.eyed--images--off .blog-list__item-image-wrapper:not(.blog-list__item-image-wrapper--BG) {
    display: none !important
}

body.eyed.eyed--images--off .blog-list__item-image-wrapper--BG .blog-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed .gallery-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .gallery-list .grid-list--no-gap .gallery-list__wrapper {
    margin: 0 -1px -1px 0
}

body.eyed .gallery-list__wrapper .gallery-list__item-text-wrapper .color_333, body.eyed .gallery-list__wrapper .gallery-list__item-text-wrapper .dark_link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .gallery-list__item:not(.gallery-list__item--photos) .gallery-list__item-image-wrapper--BG:after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed.eyed--images--off .gallery-list__item-image-wrapper:not(.gallery-list__item-image-wrapper--BG) {
    display: none !important
}

body.eyed.eyed--images--off .gallery-list__item-image-wrapper--BG .gallery-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed .gallery-list__item-text-top-part:before {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .gallery-list__item--has-additional-text .gallery-list__item-text-top-part {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .staff-block-inner__wrapper, body.eyed .staff-list.staff-list--view1 .staff-list__item, body.eyed .staff-list.staff-list--view2 .staff-list__item, body.eyed .staff-list.staff-list--view4 .staff-list__item {
    border: 1px solid #000 !important;
    border: 1px solid var(--basic_text_black) !important
}

body.eyed .staff-block-inner__label, body.eyed .staff-block-inner__name, body.eyed .staff-block-inner__property-label, body.eyed .staff-block-inner__property-value, body.eyed .staff-block-inner__property-value a, body.eyed .staff-list .staff-list__info-wrapper *, body.eyed .staff-list .staff-list__item-company, body.eyed .staff-list .staff-list__item-title {
    color: #000 !important;
    color: var(--basic_text_black) !important;
    opacity: 1
}

body.eyed .staff-block-inner__item:hover::before {
    background-color: #fff;
    background-color: var(--black_bg_black);
    opacity: 1
}

body.eyed .staff-block-inner__wrapper .staff-block-inner__image-wrapper::after, body.eyed .staff-list.staff-list--view1 .staff-list__item-image-wrapper::after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed .staff-list.staff-list--view1 .staff-list__item:hover::before {
    opacity: 1;
    background: #fff;
    background: var(--black_bg_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .staff-list.staff-list--view1 .staff-list__item::before {
    background-color: transparent
}

body.eyed.eyed--images--off .staff-detail__image-bg, body.eyed.eyed--images--off .staff-list.staff-list--view1 .staff-list__item .staff-list__item-image-wrapper .staff-list__item-image, body.eyed.eyed--images--off .staff-list.staff-list--view4 .staff-list__item .staff-list__item-image-wrapper .staff-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .staff-list.staff-list--view2 .staff-list__item-image-wrapper {
    display: none
}

body.eyed .staff-list-inner__label, body.eyed .staff-list-inner__property-label {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .staff-list-inner__image-wrapper {
    display: none
}

body.eyed .staff-detail__ex-property-label, body.eyed .staff-detail__ex-property-value, body.eyed .staff-detail__label, body.eyed .staff-detail__property-label, body.eyed .staff-detail__top-property-label, body.eyed .staff-detail__top-property-value, body.eyed .staff-schedule__head, body.eyed .staff-schedule__row.staff-schedule__row--empty .staff-schedule__info .sub_row.no_rec {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .instagramm-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed.eyed--images--off .instagramm-list__item-info {
    opacity: 1
}

body.eyed.eyed--images--off .instagramm-list__item-image {
    background-image: none !important;
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .tizers-list__item-image-wrapper {
    display: none
}

body.eyed .review-detail__item-separator {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .review-detail__item-image, body.eyed.eyed--images--off .review-list-inner__image-wrapper, body.eyed.eyed--images--off .reviews-list__item-image-wrapper {
    display: none
}

body.eyed.eyed--images--off .reviews-list__item-info-wrapper--image-right {
    flex-direction: row
}

body.eyed.eyed--images--off .review-detail__item-image {
    display: none
}

body.eyed .review-list-inner__label {
    color: #000;
    color: var(--basic_text_black)
}

@media (min-width: 768px) {
    body.eyed .reviews-list__item.bordered:hover {
        margin-right: 0
    }
}

@media (max-width: 600px) {
    body.eyed .reviews-list__item-info-wrapper {
        flex-wrap: wrap;
        flex-direction: column !important
    }

    body.eyed .reviews-list__item-image-wrapper {
        margin: 0 10px 10px 10px !important
    }
}

body.eyed.eyed--images--off .company-item__picture-wrapper {
    display: none
}

body.eyed.eyed--images--off .company-item--IMG_SIDE .company-item__heading ~ .flex-1 {
    display: none
}

body.eyed.eyed--images--off .company-item--IMG_BOTTOM .company-item__picture {
    display: none
}

body.eyed.eyed--images--off .company-item--IMG_SIDE .maxwidth-theme--half {
    max-width: initial
}

body.eyed.eyed--images--off .index-block__preview {
    max-width: initial
}

body.eyed.eyed--images--off .brands-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed.eyed--images--off .brands-list__item.shadow-no-border-hovered:not(.bordered) {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    margin: 0 -1px -1px 0;
    border-radius: 0
}

body.eyed.eyed--images--off .brands-list__image {
    display: none !important
}

body.eyed.eyed--images--off .brands-list__item-link {
    padding: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: row
}

body.eyed.eyed--images--off .brands-list__item-link .not-eyed-images-off--hidden {
    text-align: center
}

body.eyed.eyed--images--off .brands-list__image-wrapper {
    height: 120px
}

body.eyed .brand-list-inner__name {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .brand-list-inner__image-wrapper {
    display: none
}

body.eyed .partner-list-inner .partner-list-inner__name {
    color: #000;
    color: var(--white_text_black)
}

body.eyed.eyed--images--off .partner-list-inner__image-wrapper {
    display: none
}

body.eyed.eyed--images--off .partner-list-inner__top {
    margin: 0
}

body.eyed .partner-detail__property-label, body.eyed .partner-list-inner__property-label {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .partner-detail__image {
    background: #000;
    background: var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .partner-detail__image-bg {
    visibility: hidden
}

body.eyed .vacancy-accordion__delimiter, body.eyed .vacancy-accordion__property-value {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .vacancy-info__property-label, body.eyed .vacancy-list-inner__delimiter, body.eyed .vacancy-list-inner__property-value {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .form-fon {
    background-image: none !important
}

body.eyed.eyed--images--off .form__img {
    display: none
}

body.eyed .form .form-inner label *, body.eyed .form--BG_IMG .index-block__subtitle, body.eyed .form--BG_IMG .index-block__title {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .form--opacity:before {
    display: none
}

#main.eyed .form--light .form-header *, #main.eyed .form--light label * {
    color: #000 !important;
    color: var(--basic_text_black) !important
}

#main.eyed .form--light .form-checkbox__input + .form-checkbox__label .form-checkbox__box {
    background: 0 0;
    background: var(--darkerblack_bg_black);
    border: 1px solid #afafaf;
    border: 1px solid var(--stroke_black)
}

body.eyed .banners-fon-list__item, body.eyed .banners-img-list__item, body.eyed .banners-img-with-text-list__wrapper, body.eyed .banners-with-text-mixed-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .banners-img-with-text-list__item {
    border: none !important
}

body.eyed .banners-fon-list .grid-list--no-gap .banners-fon-list__wrapper, body.eyed .banners-img-list .grid-list--no-gap .banners-img-list__wrapper, body.eyed .banners-img-with-text-list .grid-list--no-gap .banners-img-with-text-list__wrapper, body.eyed .banners-with-text-mixed-list .grid-list--no-gap .banners-with-text-mixed-list__wrapper {
    margin: 0 -1px -1px 0
}

body.eyed .banners-img-with-text-list__item-text--absolute *, body.eyed .banners-with-text-mixed-list__item-text--absolute * {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .banners-img-with-text-list__item-text--absolute, body.eyed .banners-with-text-mixed-list__item-text--absolute {
    background: #fff;
    background: var(--black_bg_black);
    bottom: 0 !important;
    padding-bottom: 32px;
    padding-top: 32px;
    opacity: .9
}

body.eyed.header_opacity .header__inner--margins {
    margin-top: 32px;
    padding-top: 0
}

body.eyed.eyed--images--off .banners-img-with-text-list__item-image, body.eyed.eyed--images--off .banners-with-text-mixed-list__item-image, body.eyed.eyed--images--off .staff-block-inner__image-bg {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .banners-img-with-text-list__item-image.dark-block-after:after, body.eyed.eyed--images--off .banners-with-text-mixed-list__item-image:after {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed.eyed--images--off .banners-img-list__item-link {
    padding: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: row
}

body.eyed.eyed--images--off .banners-img-list__item-image {
    display: none
}

body.eyed .page-top-wrapper {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .topic__heading #pagetitle {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--color-scheme--yellow:not(.eyed--images--off) .banners-fon-list__item-info .color_light, body.eyed.eyed--color-scheme--yellow:not(.eyed--images--off) .banners-fon-list__item-info .color_light--opacity, body.eyed.eyed--images--off .banners-fon-list__item-info .color_dark, body.eyed.eyed--images--off .banners-fon-list__item-info .color_dark--opacity, body.eyed.eyed--images--off .banners-fon-list__item-info .color_light, body.eyed.eyed--images--off .banners-fon-list__item-info .color_light--opacity, body.eyed:not(.eyed--images--off.eyed--color-scheme--yellow) .banners-fon-list__item-info .color_dark, body.eyed:not(.eyed--images--off.eyed--color-scheme--yellow) .banners-fon-list__item-info .color_dark--opacity {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--color-scheme--yellow:not(.eyed--images--off) .banners-fon-list__item-info .color_dark, body.eyed.eyed--color-scheme--yellow:not(.eyed--images--off) .banners-fon-list__item-info .color_dark--opacity, body.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .banners-fon-list__item-info .color_light, body.eyed:not(.eyed--images--off):not(.eyed--color-scheme--yellow) .banners-fon-list__item-info .color_light--opacity {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed.eyed--images--off .banners-big__img-wrapper, body.eyed.eyed--images--off .banners-big__item, body.eyed.eyed--images--off .banners-big__side-item-image, body.eyed.eyed--images--off .banners-fon-list__item, body.eyed.eyed--images--off .detail-image__fon, body.eyed.eyed--images--off .main-slider__item {
    background-image: none !important;
    background-color: transparent
}

body.eyed.eyed--images--off .banners-fon-list__image-wrapper {
    display: none
}

body.eyed.eyed--images--off .banners-fon-list__item-inner {
    margin-left: auto;
    margin-right: auto
}

body.eyed .banners-fon-list__item {
    background-color: transparent
}

body.eyed.eyed--color-scheme--yellow .banners-fon-list__item--SM_BANNER .banners-fon-list__item-info .color_dark, body.eyed.eyed--color-scheme--yellow .banners-fon-list__item--SM_BANNER .banners-fon-list__item-info .color_dark--opacity, body.eyed.eyed--color-scheme--yellow .banners-fon-list__item--SM_BANNER .banners-fon-list__item-info .color_light, body.eyed.eyed--color-scheme--yellow .banners-fon-list__item--SM_BANNER .banners-fon-list__item-info .color_light--opacity {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .banners-big__top-text {
    opacity: 1
}

body.eyed .banners-big .btn, body.eyed .banners-big__title-link {
    text-decoration: none !important
}

body.eyed .banners-big:not(.banners-big--img-square) .banners-big__item .banners-big__buttons .btn.btn-white {
    border-color: #000;
    border-color: var(--basic_text_black)
}

body.eyed .banners-big.banners-big--img-square .banners-big__text-block {
    color: #000;
    color: var(--white_text_black)
}

body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-tizers__desc-text, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-tizers__name, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-tizers__top-text, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__text-block, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__text-block h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__title, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__title h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__title-link, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__title-link h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__top-text, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__top-text h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__text-block, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__text-block h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__title, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__title h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__title-link, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__title-link h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__top-text, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-big__top-text h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-tizers__desc-text, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-tizers__name, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__item--light .banners-tizers__top-text {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .banners-big__side-item--light .banners-big__side-item-title, body.eyed .banners-big__side-item--light .banners-big__side-item-title h1, body.eyed .banners-big__side-item--light .banners-big__side-item-top-text, body.eyed .banners-big__side-item--light .banners-big__side-item-top-text h1, body.eyed .banners-big__side-item--light .banners-tizers__desc-text, body.eyed .banners-big__side-item--light .banners-tizers__name, body.eyed .banners-big__side-item--light .banners-tizers__top-text, body.eyed.eyed--color-scheme--yellow .banners-big--img-square .banners-tizers__desc-text, body.eyed.eyed--color-scheme--yellow .banners-big--img-square .banners-tizers__name, body.eyed.eyed--color-scheme--yellow .banners-big--img-square .banners-tizers__top-text, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__text-block, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__text-block h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__title, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__title h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__title-link, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__title-link h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__top-text, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-big__top-text h1, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-tizers__desc-text, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-tizers__name, body.eyed.eyed--color-scheme--yellow .banners-big:not(.banners-big--img-square) .banners-big__item--light .banners-tizers__top-text, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__text-block, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__text-block h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__title, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__title h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__title-link, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__title-link h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__top-text, body.eyed:not(.eyed--color-scheme--yellow) .banners-big__top-text h1, body.eyed:not(.eyed--color-scheme--yellow) .banners-tizers__desc-text, body.eyed:not(.eyed--color-scheme--yellow) .banners-tizers__name, body.eyed:not(.eyed--color-scheme--yellow) .banners-tizers__top-text {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .banners-big__side-item--light:before {
    background-color: #fff;
    background-color: var(--black_bg_black);
    background-image: none;
    opacity: .8
}

body.eyed.eyed--images--off .banners-big__inner .banners-big__text .banners-big__top-text {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .banners-big__wrapper .banners-big__inner .banners-big__text-block, body.eyed.eyed--images--off .banners-big__wrapper .banners-big__inner .banners-big__title, body.eyed.eyed--images--off .banners-big__wrapper .banners-big__item .banners-big__title .switcher-title, body.eyed.eyed--images--off .banners-big__wrapper .banners-big__item--light .banners-big__title, body.eyed.eyed--images--off .banners-big__wrapper .banners-big__text-block {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .sections-list__item {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .sections-list .grid-list--no-gap .sections-list__wrapper {
    margin: 0 -1px -1px 0
}

body.eyed .sections-list__item--has-bg .sections-list__item-text-wrapper .color_333, body.eyed .sections-list__item--has-bg .sections-list__item-text-wrapper .dark_link {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .sections-list__item-image-wrapper--BG:after {
    background: #fff;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed.eyed--images--off .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--BG):not(.sections-list__item-image-wrapper--TOP) {
    display: none !important
}

body.eyed.eyed--images--off .sections-list__item-image-wrapper--BG .sections-list__item-image, body.eyed.eyed--images--off .sections-list__item-image-wrapper--TOP .sections-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    opacity: .1
}

body.eyed .sections-list__item-childs-item-separator {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .license-list-inner.license-list-inner--view-list .license-list-inner__image-wrapper {
    display: none
}

body.eyed.eyed--images--off .license-list-inner.license-list-inner--view-block .license-list-inner__image {
    background-color: #000;
    background-color: var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .license-list-inner.license-list-inner--view-block .license-list-inner__image-bg {
    visibility: hidden
}

body.eyed.eyed--images--off .items-list-inner__item-image-wrapper {
    display: none
}

body.eyed .contacts__sticky-panel {
    box-shadow: none;
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed.eyed--images--off .contacts-detail__image, body.eyed.eyed--images--off .contacts-list__item-image-wrapper {
    display: none
}

@media (max-width: 991px) {
    body.eyed.eyed--images--off .contacts__sticky-panel__image {
        display: none
    }

    body.eyed.eyed--images--off .contacts__sticky-panel__info {
        padding-left: 0
    }
}

body.eyed .catalog-block__item:hover .btn-transparent-border:not(:hover), body.eyed .tab-nav__item.active {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .tab-nav__item {
    border-radius: 0
}

body.eyed .arrow_scroll {
    max-height: initial
}

body.eyed .tabs .nav-tabs li a {
    text-decoration: none !important
}

body.eyed .tabs .nav-tabs li.active a, body.eyed .tabs .nav-tabs li:hover a {
    color: #fff;
    color: var(--black_bg_black);
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .nav-tabs > li.active:after {
    display: none
}

body.eyed .share .ya-share2 {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black);
    box-shadow: none
}

body.eyed .catalog-detail__sticky-panel {
    box-shadow: none;
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .counter__action:after, body.eyed .counter__action:before {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .counter__count {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .btn .counter__action:after, body.eyed .btn .counter__action:before {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed .btn .counter__count {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .counter__action--minus, body.eyed .counter__action--plus {
    border-color: #fff;
    border-color: var(--black_bg_black)
}

body.eyed .buy_block .btn.in_cart:hover {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .catalog-detail__gallery__item--thmb {
    border-color: #000;
    border-color: var(--basic_text_black)
}

body.eyed.eyed--images--off .catalog-detail__gallery__item, body.eyed.eyed--images--off .image-list__link:not(.catalog-detail__gallery) {
    background-color: #000;
    background-color: var(--basic_text_black);
    opacity: .1
}

body.eyed.eyed--images--off .catalog-detail .catalog-detail__gallery, body.eyed.eyed--images--off .catalog-detail__gallery__picture, body.eyed.eyed--images--off .image-list__link img {
    display: none
}

body.eyed .catalog-detail__gallery__item {
    background-color: transparent !important
}

body.eyed .video-block__play:before {
    border-left-color: #fff;
    border-left-color: var(--black_bg_black)
}

body.eyed.eyed--images--off .catalog-detail .catalog-detail__top-info {
    flex-direction: column
}

body.eyed.eyed--images--off .catalog-detail .catalog-detail__gallery .sticker {
    position: relative;
    left: initial;
    top: initial
}

body.eyed.eyed--images--off .catalog-detail .catalog-detail__main {
    padding-top: 35px
}

body.eyed.eyed--images--off .brand-detail-info__image, body.eyed.eyed--images--off .catalog-block__item--long-narrow .image-list, body.eyed.eyed--images--off .catalog-table__item .catalog-table__item-wrapper.js-config-img {
    display: none
}

body.eyed .jml_filter_block {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

@media (min-width: 768px) {
    body.eyed .jml_filter.compact .jml_filter_parameters_box.opened .jml_filter_parameters_box_title.title {
        color: #fff;
        color: var(--black_bg_black)
    }

    body.eyed .jml_filter.compact .jml_filter_parameters_box.opened .jml_filter_parameters_box_title svg path {
        fill: #fff;
        fill: var(--black_bg_black)
    }
}

body.eyed .jml_filter .jml_ui_slider_track .jml_ui_slider_handle {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .jml_filter .jml_ui_slider_range {
    background-color: #000;
    background-color: var(--basic_text_black);
    top: -1px;
    bottom: -1px
}

body.eyed .hint .tooltip {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .hint .tooltip:after {
    display: none
}

body.eyed .hint__icon {
    border-color: #000;
    border-color: var(--basic_text_black)
}

body.eyed .hint__icon:hover {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .dropdown-menu-wrapper {
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed.eyed--images--off .ordered-block.big_gallery {
    display: none
}

body.eyed .gallery-view_switch__count-separate {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .fast_view_frame.popup:before {
    background-color: #000;
    background-color: var(--basic_text_black);
    width: 2px
}

body.eyed .fast_view_frame.popup .catalog-detail__gallery.image-list__link {
    opacity: 1;
    background-color: #fff;
    background-color: var(--black_bg_black)
}

body.eyed.eyed--images--off .fast_view_frame.popup .catalog-detail .brand-detail-info__image {
    display: none
}

body.eyed.eyed--images--off .fast_view_frame.popup .catalog-detail .catalog-detail__gallery, body.eyed.eyed--images--off .fast_view_frame.popup:before {
    display: none
}

body.eyed.eyed--images--off .fast_view_frame.popup .catalog-detail .catalog-detail__main {
    padding-top: 0
}

@media (min-width: 768px) {
    body.eyed.eyed--images--off .fast_view_frame.popup .catalog-detail .catalog-detail__top-info {
        flex-direction: row
    }
}

body.eyed.eyed--images--off .popup-sale__item-image-wrapper {
    display: none
}

body.eyed.eyed--images--off .goods-popup__image .image {
    opacity: .1;
    background-color: #000;
    background-color: var(--basic_text_black);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

body.eyed.eyed--images--off .goods-popup__image .image:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

body.eyed.eyed--images--off .goods-popup__image .image img {
    display: none
}

body.eyed .navigation-wrapper-fast-view .fast-view-nav {
    background-color: #fff;
    background-color: var(--black_bg_black);
    border: 1px solid #000;
    border: 1px solid var(--basic_text_black)
}

body.eyed .navigation-wrapper-fast-view .fast-view-nav svg path {
    fill: #000;
    fill: var(--stroke_black)
}

body.eyed .navigation-wrapper-fast-view .fast-view-nav:hover {
    background-color: #000;
    background-color: var(--basic_text_black)
}

body.eyed .navigation-wrapper-fast-view .fast-view-nav:hover svg path {
    fill: #fff;
    fill: var(--black_bg_black)
}

body.eyed .price-sections-list__item-childs-item-separator {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .basket_empty .svg-inline-basket, body.eyed.eyed--images--off .cart__image-wrapper, body.eyed.eyed--images--off .cart__item-image__wrapper {
    display: none
}

body.eyed.eyed--images--off .basket .basket_empty h4 {
    margin-top: 0
}

body.eyed .basket.fly > .wrap {
    border-left: 1px solid #000;
    border-left: 1px solid var(--stroke_black)
}

body.eyed .doc-list-inner__label {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .doc-list-inner__icon-wrapper {
    display: none
}

body.eyed .warning-banner {
    border-top: 1px solid #000;
    border-top: 1px solid var(--basic_text_black);
    color: #000;
    color: var(--basic_text_black);
    background-color: #fff;
    background-color: var(--black_bg_black);
    box-shadow: none;
    min-height: auto
}

body.eyed.eyed--images--off .popup-text-info__picture {
    display: none
}

body.eyed.eyed--images--off .marketing-popup.popup-text-info--has-img .popup-text-info__text, body.eyed.eyed--images--off .marketing-popup.popup-text-info--has-img .popup-text-info__title, body.eyed.eyed--images--off .marketing-popup.popup-text-info--has-img .popup-text-info__webform {
    margin-left: 0
}

body.eyed .head-block-item.dropdown-select__title {
    color: #000;
    color: var(--basic_text_black)
}

body.eyed .head-block {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

.datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover:active {
    border-color: #fff !important;
    border-color: var(--black_bg_black) !important;
    background: #fff !important;
    background: var(--black_bg_black) !important;
    color: #000;
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .tariffs-list__item-image {
    background-image: none !important;
    background-color: #000;
    background-color: var(--basic_text_black);
    opacity: .1
}

body.eyed .tariffs-list__tabs__item.current {
    color: #fff;
    color: var(--black_bg_black)
}

body.eyed .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
    background-color: #000;
    background-color: var(--black_bg_black);
    color: #fff;
    color: var(--basic_text_black)
}

body.eyed .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border * {
    color: #fff;
    color: var(--basic_text_black)
}

body.eyed .detail-info__tabs__item.current {
    color: #000;
    color: var(--black_bg_black)
}

body.eyed.eyed--color-scheme--yellow .form-fon::after {
    background-color: rgba(0, 0, 0, .25);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

body.eyed .project-list__item {
    border: 1px solid var(--stroke_black)
}

body.eyed .project-list__item-title .dark_link {
    color: var(--basic_text_black)
}

body.eyed.eyed--images--off .project-list__item-image {
    background-image: none !important
}

body.eyed .dark-block-after::after {
    background: #000;
    background: var(--black_bg_black);
    opacity: .9
}

body.eyed .dark-block-hover:hover .dark-block-after::after {
    opacity: .9
}

body.eyed.eyed--images--off .detail-info-wrapper--with-img {
    margin-top: 0
}

.burger-menu {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px
}

.burger-menu__link--large {
    font-size: 24px;
    line-height: 40px
}

.burger-menu__item--large {
    padding: 5px 0;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center
}

.burger-menu__link--large {
    display: inline-block
}

.burger-menu__item--first {
    padding-top: 0
}

.burger-menu__item--last {
    padding-bottom: 0
}

.burger-menu__dropdown--right {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 18.5px;
    width: 50%;
    max-height: 100%;
    margin: -17px 0;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    padding-right: 20px
}

.burger-menu__item--current .burger-menu__dropdown--right {
    visibility: visible;
    opacity: 1
}

.burger-menu__dropdown-item--middle {
    padding: 8.5px 20px 8.5px 0;
    margin-bottom: 0
}

.burger-menu__link-wrapper {
    display: flex
}

.burger-menu__link-wrapper i.svg {
    flex-shrink: 0
}

.burger-menu__link-wrapper .burger-menu__link--middle {
    margin-right: 13px
}

.burger-menu__dropdown-right-arrow {
    cursor: pointer;
    transform: rotate(90deg);
    transition: transform .2s ease-in-out;
    height: 19px;
    width: 19px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: 3px
}

.burger-menu__dropdown-right-arrow.opened {
    transform: rotate(270deg)
}

.burger-menu--dark .burger-menu__dropdown-right-arrow * {
    fill: #fff
}

.burger-menu__dropdown-right-arrow:hover * {
    fill: #fff
}

.burger-menu__dropdown--bottom {
    display: none;
    padding: 12px 0 5px 0
}

.burger-menu__dropdown-item--small {
    margin: 6px 0;
    padding-left: 9px
}

.burger-menu__item-delimiter {
    display: none;
    height: 1px;
    background: #e5e5e5;
    flex: 1;
    margin-top: 2px;
    margin-left: 27px;
    margin-right: 32px
}

.burger-menu--dark .burger-menu__item-delimiter {
    opacity: .2;
    background: #fff
}

.burger-menu__item--current.burger-menu__item--dropdown .burger-menu__item-delimiter {
    display: block
}

.burger-menu--dark .burger-menu__link--light {
    color: #fff;
    text-align: center;
    width: 100%
}

.burger-menu--dark .burger-menu__link--light:hover {
    color: #a5a5a5
}

@media (max-width: 1200px) {
    .burger-menu__link--large {
        font-size: 20px;
        line-height: 32px
    }
}

.theme-selector {
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    user-select: none
}

.header_opacity .theme-selector {
    border-color: rgba(255, 255, 255, .1)
}

.theme-selector__inner {
    height: 100%
}

.theme-selector__items {
    display: flex;
    flex-direction: row;
    height: 100%
}

.theme-selector__item {
    flex: 1;
    width: 34px;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 6px
}

.header_opacity .theme-selector__item {
    background-color: transparent
}

.theme-selector__item-icon {
    opacity: .5;
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-selector__item.current {
    display: flex
}

.theme-selector__item.current .theme-selector__item-icon {
    opacity: 1
}

.theme-selector:hover .theme-selector__item-icon {
    opacity: 1
}

.theme-selector__item-icon svg * {
    stroke: none
}

.header_opacity .theme-selector__item-icon svg * {
    fill: var(--banner-light-text)
}

.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: 0 5px 20px rgba(0, 0, 0, .15);
    box-shadow: 0 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: 0 5px 20px rgb(0 0 0 / 15%);
    box-shadow: 0 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
}

@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');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-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-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-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-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

: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.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.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;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.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-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-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:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.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%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

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

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-all: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: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-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-parent: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 .fill-theme-hover:not(.banner-light-text):hover *, .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-parent:hover path, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none div.fill-dark-light-block:hover path {
    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-hover:hover *, .header_opacity .header:not(.light) .header__main-part--can-transparent .bg_none .color-theme-parent-all:hover .color-theme-target {
    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 .block_with_bg.bg_none .banner-light-text, body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .banner-light-text {
    color: #fff
}

body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .banner-light-icon-fill *, body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .banner-light-icon-fill * {
    fill: #fff
}

body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .banner-light-icon-stroke *, body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .banner-light-icon-stroke * {
    stroke: #fff
}

body.header_opacity.front_page .header.header--offset.light .block_with_bg.bg_none .light-opacity-hover:hover *, body.header_opacity.front_page .header.header--offset.light .header__main-part.bg_none.header__main-part--can-transparent .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
}

.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-dark-light-block:not(.svg):not(:hover) path, body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-dark-light {
    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-all:hover .fill-theme-target *, body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .fill-theme-parent:hover > .fill-theme-target * {
    fill: var(--theme-base-color)
}

body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .banner-light-text:not(.address__text):not(.slogan__text):hover, body.header_opacity.front_page .header:not(.light) .header__inner--can-transparent.bg_none .color-theme-hover: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)
    }
}

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
}

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

.jml-ie .tizers-list__item-text-wrapper {
    flex-grow: 1
}

@media (min-width: 451px) {
    .jml-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 47px
}

.detail-block.tizers {
    margin: -1px 0 0 0
}

.detail-block .tizers-list {
    padding: 40px 0 35px 0;
    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
}

.sections-list__item {
    position: relative
}

.sections-list__item--big-padding {
    padding: 34px 40px 40px
}

.sections-list__item.sections-list__item--has-bg {
    cursor: pointer;
    padding: 0
}

.sections-list__item--has-bg {
    overflow: hidden
}

@media (max-width: 600px) {
    .sections-list__item.flexbox--direction-row, .sections-list__item.flexbox--direction-row-reverse {
        flex-direction: column
    }

    .sections-list__item-text-wrapper .maxwidth-theme, .sections-list__item.maxwidth-theme {
        padding-left: 0;
        padding-right: 0
    }
}

.sections-list__item-additional-text-wrapper {
    padding: 19px 0 18px 24px
}

.sections-list__item--has-bg .sections-list__item-additional-text-wrapper {
    position: absolute;
    bottom: 23px;
    left: 33px;
    right: 33px;
    z-index: 1;
    padding: 0
}

.grid-list--items-3 .sections-list__item--has-bg .sections-list__item-additional-text-wrapper {
    bottom: 28px
}

.sections-list__item--has-bg:hover .sections-list__item-additional-text-wrapper {
    opacity: 0
}

.sections-list__item--has-additional-text .sections-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
}

.sections-list__item--has-additional-text .sections-list__item-text-top-part {
    overflow-y: auto;
    max-height: 100%
}

.sections-list__item--has-additional-text .sections-list__item-text-wrapper .sections-list__item-text-top-part:not(.mCustomScrollbar) {
    visibility: hidden
}

.sections-list__item--has-additional-text .sections-list__item-text-top-part .mCSB_container {
    padding: 20px 32px 0 24px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.sections-list__item--has-bg .sections-list__item-text-top-part .mCSB_container {
    padding: 35px 32px 0 32px
}

.sections-list__item--has-additional-text:hover .sections-list__item-text-wrapper {
    opacity: 1;
    visibility: visible
}

.sections-list__item--has-bg .sections-list__item-text-wrapper .dark_link {
    color: #fff
}

.sections-list__item--has-bg .sections-list__item-text-wrapper .dark_link.color_light--opacity:hover {
    opacity: 1
}

.sections-list__item--has-additional-text .sections-list__item-text-top-part .mCSB_container > *, .sections-list__item:not(.sections-list__item--has-additional-text) .sections-list__item-text-wrapper > * {
    cursor: initial
}

.sections-list__item--has-additional-text .sections-list__item-text-wrapper .sections-list__item-text-top-part .mCSB_container > div:last-of-type {
    margin-bottom: 21px
}

.sections-list__item--has-bg .sections-list__item-text-wrapper .sections-list__item-text-top-part .mCSB_container > div:last-of-type {
    margin-bottom: 28px
}

.sections-list .shadow-target {
    background-color: #fff;
    background-color: var(--card_bg_black);
    position: absolute;
    left: 0;
    right: 0;
    transition: bottom .2s ease-in-out
}

.sections-list .shadow-parent-all:not(.sections-list__item-without-image) .shadow-target {
    bottom: -10px
}

.sections-list .shadow-parent-all:hover .shadow-target {
    bottom: 0
}

.sections-list__item-additional-text-top-part {
    height: 100%
}

.sections-list--img-srl .sections-list__item-text-top-part {
    word-break: break-word
}

@media (max-width: 600px) {
    .jml-ie .sections-list__item-text-wrapper {
        flex-basis: auto
    }
}

.sections-list__item-image-wrapper {
    position: relative
}

.sections-list--img-srl .sections-list__item-image-wrapper .sections-list__item-link {
    width: 140px;
    height: 140px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 6px 0 0 32px
}

.sections-list--img-srl .sections-list__item-image-wrapper--LEFT .sections-list__item-link {
    margin-right: 32px;
    margin-left: 0
}

.sections-list--img-srl .grid-list--items-2 .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ICONS) .sections-list__item-link, .sections-list--img-srl .grid-list--items-2-wide .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ICONS) .sections-list__item-link {
    height: 140px;
    width: 140px
}

.sections-list--img-srl .grid-list--items-3 .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ICONS) .sections-list__item-link, .sections-list--img-srl .grid-list--items-3-wide .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ICONS) .sections-list__item-link {
    height: 90px;
    width: 90px
}

.sections-list--img-srl .sections-list__item-image-wrapper--ICONS .sections-list__item-link {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sections-list--img-srl .sections-list__item-image-wrapper--ICONS a svg {
    max-width: 100%;
    max-height: 100%
}

.sections-list--img-srl .sections-list__item-image-wrapper--BIG_PICTURES .sections-list__item-link {
    width: 300px;
    height: 200px
}

.sections-list--img-srl .sections-list__item-image-wrapper--PICTURES .sections-list__item-link {
    width: 120px;
    height: 120px
}

.sections-list__item-image-wrapper--TOP {
    padding-top: 67%
}

.sections-list__item-image-wrapper--BG {
    padding-top: 67%;
    width: 100%
}

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

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

@media (min-width: 601px) {
    .sections-list--img-srl .grid-list--items-1 .sections-list__item-image-wrapper .sections-list__item-link {
        margin-left: 48px;
        margin-right: 0
    }

    .sections-list--img-srl .grid-list--items-1 .sections-list__item-image-wrapper--LEFT .sections-list__item-link {
        margin-right: 48px;
        margin-left: 0
    }
}

@media (max-width: 600px) {
    .sections-list--img-srl .sections-list__item-image-wrapper .sections-list__item-link {
        margin: 0 0 33px 0
    }

    .sections-list--img-srl .grid-list--items-1 .sections-list__item--big-padding {
        padding: 40px
    }

    .mobile-scrolled .sections-list__item-image-wrapper--BG {
        padding-top: 150%
    }

    .mobile-scrolled .sections-list__item-image-wrapper--BG:after {
        top: 40%
    }

    .sections-list--img-srl .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ROUND_PICTURES) .sections-list__item-image {
        border-radius: 4px
    }
}

@media (max-width: 424px) {
    .sections-list--img-srl .sections-list__item-image-wrapper--BIG_PICTURES .sections-list__item-link {
        max-width: 300px;
        padding-top: 67%;
        width: 100%;
        height: auto
    }
}

.sections-list__item-products-count {
    margin: 3px 0 0 0
}

.sections-list--img-srl .grid-list--items-1 .sections-list__item-products-count {
    margin-top: 8px
}

.sections-list__item-title {
    position: relative
}

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

@media (min-width: 601px) {
    .sections-list--img-srl .sections-list__item-title {
        padding-right: 54px
    }
}

@media (max-width: 600px) {
    .sections-list--img-srl .sections-list__item--compact .sections-list__item-title {
        font-size: 1.6em;
        line-height: calc(1em + 7px)
    }
}

.sections-list__item-preview-wrapper {
    margin: 14px 0 0 0
}

.sections-list--img-srl .grid-list--items-1 .sections-list__item-preview-wrapper {
    margin-top: 20px
}

.sections-list__item-childs {
    margin: 12px 0 7px 0
}

.sections-list--img-srl .grid-list--items-1 .sections-list__item-childs {
    margin-top: 20px
}

.sections-list__item-childs > ul {
    margin: 0
}

.sections-list__item-childs > ul > li {
    display: inline;
    line-height: calc(1em + 10px)
}

.sections-list__item-childs-item-separator {
    color: #ccc;
    margin: 0 7px 0 4px
}

.sections-list__item--has-bg .sections-list__item-childs-item-separator {
    color: #fff
}

@media (min-width: 601px) {
    .sections-list--img-srl .sections-list__item-image-wrapper .arrow-all {
        display: none
    }
}

@media (max-width: 600px) {
    .sections-list--img-srl .sections-list__item-text-top-part .arrow-all {
        display: none
    }
}

.sections-list__item--compact {
    padding: 22px 23px
}

.sections-list__item--compact .sections-list__item-title {
    padding-right: 0
}

.sections-list__item--compact .sections-list__item-image-wrapper .sections-list__item-link {
    margin: 1px 24px 0 0
}

.sections-list__item--compact .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ICONS) .sections-list__item-link {
    width: 50px;
    height: 50px
}

.sections-list__item--compact .sections-list__item-image-wrapper:not(.sections-list__item-image-wrapper--ICONS) + .sections-list__item-text-wrapper {
    padding-top: 5px
}

.sections-list__item--compact .sections-list__item-products-count {
    margin: 0
}

.tab-content-block {
    display: none
}

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

.catalog-block__item {
    padding: 28px 28px 22px;
    height: 100%
}

.catalog-block__item:hover .btn-transparent-border {
    color: #fff
}

.catalog-block__item--centered {
    text-align: center
}

.catalog-block__item--centered .line-block {
    justify-content: center
}

.catalog-block__inner {
    position: relative
}

.catalog-block__item .catalog-block__item--img-corner {
    width: auto;
    margin: -28px -28px 0;
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.catalog-block__info-bottom .catalog-block__info-btn {
    min-width: 0
}

.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner {
    border-radius: 0
}

.catalog-block__item .catalog-block__item--img-corner .sticker {
    top: 33px;
    left: 35px
}

.catalog-block__item .catalog-block__item--img-corner .side-icons {
    top: 33px;
    right: 33px
}

.catalog-block__item .catalog-block__item--img-corner .section-gallery-nav {
    bottom: 0
}

.catalog-block__item .catalog-block__item--img-corner img {
    border-radius: 0
}

.catalog-block__item .catalog-block__item--img-corner .countdown-list-image {
    bottom: 27px;
    left: 34px
}

body .catalog-block__info {
    margin-top: 23px;
    flex-basis: auto
}

.catalog-block__info-section {
    margin-bottom: 4px
}

.catalog-block__info-title {
    line-height: calc(1em + 7px)
}

.catalog-block__info-tech {
    margin: 4px 0 0
}

.catalog-block__info-bottom {
    margin-top: 14px;
    position: relative
}

.catalog-block__info-bottom--margined {
    margin: 5px 0
}

.jml-ie .catalog-block__info {
    flex-basis: auto
}

@media (min-width: 768px) {
    .properties-absolute-outer:hover ~ .image-list-outer .sticker {
        left: 100%;
        right: -100%
    }

    .properties-absolute-outer:hover ~ .image-list-outer .countdown, .properties-absolute-outer:hover ~ .image-list-outer .image-list__link {
        left: 100%
    }

    .image-list-outer .countdown, .image-list-outer .image-list__link, .image-list-outer .sticker {
        transition: all ease .2s
    }

    .properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker {
        top: 100%
    }

    .properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown, .properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link {
        top: 100%
    }

    .image-list-outer_overflow {
        overflow: hidden
    }

    .catalog-block__offers .sku-props {
        display: none
    }

    .catalog-block__wrapper {
        position: relative
    }

    .catalog-block__wrapper:hover {
        z-index: 5
    }

    .catalog-block__wrapper[data-hovered=true] .catalog-block__item {
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 4
    }

    .catalog-block__wrapper[data-hovered=true] .catalog-block__offers .sku-props {
        display: block
    }
}

@media (min-width: 601px) {
    #main .catalog-block__info-price {
        text-align: left;
        flex: 1
    }

    .catalog-block__info-price + .catalog-block__info-btn {
        text-align: right
    }

    .jml-ie .catalog-block__info-btn {
        top: 50%;
        transform: translateY(-50%)
    }

    .catalog-block__info-bottom .line-block {
        justify-content: normal
    }

    .catalog-block__item--centered .catalog-block__info-bottom .line-block {
        justify-content: center
    }

    .catalog-block--bottom-btn .catalog-block__info-bottom--margined {
        flex-basis: 100%
    }

    .catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type {
        margin-top: 13px
    }

    .catalog-block--bottom-btn .btn {
        display: block
    }

    .catalog-block--bottom-btn .counter {
        width: auto
    }

    .ratio--horizontal .properties-absolute-outer {
        padding-top: var(--paddingImage)
    }

    .ratio--vertical .properties-absolute-outer {
        padding-top: var(--paddingImage)
    }
}

.detail-block .catalog-block .owl-stage {
    display: flex;
    flex-direction: row
}

.detail-block .catalog-block .owl-item {
    flex-shrink: 0
}

.properties-absolute-outer {
    padding-top: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 4
}

.properties-absolute-outer.properties-absolute-margin {
    padding-top: calc(100% + 28px)
}

@media (max-width: 600px) {
    .grid-list.grid-list--compact .js-popup-block.catalog-block__item .catalog-block__item--img-corner {
        margin: -16px -16px 0
    }
}

.banners-with-text-mixed-list__item {
    position: relative;
    overflow: hidden;
    height: 100%
}

.banners-with-text-mixed-list__item-image {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.banners-with-text-mixed-list__item-link {
    display: block;
    overflow: hidden
}

.banners-with-text-mixed-list__item-text--centered {
    text-align: center
}

.banners-with-text-mixed-list__item-text {
    padding: 18px 24px 0
}

.banners-with-text-mixed-list__item-title {
    font-weight: 700
}

.banners-with-text-mixed-list__item-top-text {
    margin-bottom: 5px;
    opacity: .7
}

.banners-with-text-mixed-list__item-text--absolute {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    z-index: 2;
    padding-top: 0
}

body .banners-with-text-mixed-list__item-text--absolute * {
    color: #fff
}

@media (min-width: 992px) {
    .grid-list--wide .banners-with-text-mixed-list__item-text--absolute {
        padding-left: 40px;
        padding-right: 40px;
        bottom: 33px
    }
}

@media (max-width: 991px) {
    .banners-with-text-mixed-list__wrapper {
        width: 50%
    }
}

@media (min-width: 601px) {
    .banners-with-text-mixed-list__item-image {
        padding-top: 135%;
        height: 100%
    }

    .item-w50 .banners-with-text-mixed-list__item-image {
        padding-top: 67%
    }

    .item-w100 .banners-with-text-mixed-list__item-image {
        padding-top: 34%
    }

    .banners-with-text-mixed-list__item-image.banners-with-text-mixed-list__item-image--short {
        padding-top: 100%
    }

    .item-w50 .banners-with-text-mixed-list__item-image.banners-with-text-mixed-list__item-image--short {
        padding-top: 48%
    }

    .item-w100 .banners-with-text-mixed-list__item-image.banners-with-text-mixed-list__item-image--short {
        padding-top: 24%
    }
}

@media (max-width: 600px) {
    .banners-with-text-mixed-list__item-image {
        padding-top: 137%
    }

    .banners-with-text-mixed-list__item-text--absolute {
        bottom: 19px
    }

    .banners-with-text-mixed-list__item-title.font_24 {
        font-size: 1.2em
    }

    .banners-with-text-mixed-list__item-top-text {
        margin-bottom: 0
    }
}

.sale-list__item {
    position: relative;
    overflow: hidden
}

.grid-list--no-gap .sale-list__item {
    overflow: visible
}

.grid-list--no-gap .sale-list__item-image--absolute {
    left: -1px
}

.sale-list__item-image-wrapper {
    position: relative
}

.sale-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

.sale-list__item-image--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
    width: 170px;
    height: 170px
}

.sale-list__item-image-wrapper--BG {
    padding-top: 130%;
    overflow: hidden;
    width: 100%
}

.sale-list__item-image-wrapper--BG .sale-list__item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

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

.sale-list__item-image-wrapper--TOP {
    padding-top: 67%
}

.sale-list__item-preview-wrapper {
    margin-top: 9px
}

.sale-list__item-period {
    margin-bottom: 22px;
    position: relative
}

.sale-list__item-period .svg {
    position: absolute;
    left: 0;
    top: 5px
}

.sale-list__item-period-date::first-letter {
    text-transform: uppercase
}

.sale-list__item-period-date {
    display: block;
    padding-left: 19px
}

.sale-list__item-period--FON .svg path {
    fill: #fff
}

.sale-list__item-period--FON {
    color: #fff;
    opacity: .7
}

.sale-list__item-text-wrapper--BOTTOM {
    position: absolute;
    bottom: 33px;
    left: 39px;
    right: 39px;
    z-index: 2
}

.sale-list__item-text-wrapper--BOTTOM .svg path {
    fill: #fff
}

.sale-list__item-text-wrapper--BOTTOM .sale-list__item-period {
    color: #fff;
    opacity: .7
}

.sale-list__item-text-wrapper--BOTTOM .sale-list__item-preview, body .sale-list__item-text-wrapper--BOTTOM .dark_link {
    color: #fff
}

.sale-list__item-text-wrapper--BOTTOM .sale-list__item-period {
    margin-bottom: 8px
}

.sale-list__item-text-wrapper--BOTTOM_RELATIVE {
    padding: 25px 29px
}

.sale-list__item-text-wrapper--BOTTOM_RELATIVE .sale-list__item-period {
    margin-bottom: 9px
}

.sale-list__item-sticker-value {
    background: #ffd600;
    font-weight: 700;
    display: inline-block;
    padding: 4px 10px 3px 9px;
    color: #333;
    vertical-align: top;
    height: 27px;
    margin-right: 7px;
    font-size: 12px;
    line-height: 20px
}

.sale-list__item-sticker {
    position: absolute;
    font-size: 0;
    line-height: 0;
    z-index: 2
}

.sale-list__item-sticker--TOP {
    top: 40px;
    left: 41px
}

.sale-list__item-sticker--TOP_CORNER {
    top: 31px;
    left: 30px
}

.sale-list__item-link--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

@media (min-width: 768px) {
    .sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
        margin-top: 6px
    }

    .sale-list__item-text-wrapper--LEFT {
        padding-right: 40px
    }
}

@media (min-width: 601px) {
    .sale-list__item--big-padding {
        padding: 33px 38px 40px
    }

    .grid-list--items-3 .sale-list__item-image-wrapper--BG, .grid-list--items-3-wide .sale-list__item-image-wrapper--BG {
        padding-top: 100%
    }

    .sale-list__item-sticker--BOTTOM {
        bottom: 35px;
        left: 36px
    }

    .sale-list__item-sticker--BOTTOM_CORNER {
        bottom: 40px;
        left: 39px
    }

    .sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
        margin-left: 20px
    }

    .sale-list__item--with-discount .sale-list__item-text-wrapper--LEFT .sale-list__item-text-top-part {
        margin-bottom: 42px
    }
}

@media (max-width: 600px) {
    .sale-list__item.flexbox--direction-row-reverse {
        flex-direction: column
    }

    .sale-list__item--big-padding {
        padding: 29px
    }

    .sale-list__item-image-wrapper--RIGHT {
        margin-bottom: 14px
    }

    .sale-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .sale-list__item.shadow-hovered:hover {
        box-shadow: none;
        border-color: #e5e5e5
    }

    .sale-list__item-period {
        margin-bottom: 10px
    }

    .sale-list__item--big-padding.sale-list__item--with-discount {
        padding-bottom: 64px
    }

    .sale-list__item-sticker--BOTTOM, .sale-list__item-sticker--BOTTOM_CORNER {
        bottom: 24px;
        left: 27px
    }

    .sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
        padding-top: 100%;
        width: auto;
        height: auto
    }

    .sale-list__item-image-wrapper--BG {
        padding-top: 150%
    }

    .sale-list__item-image-wrapper--BG:after {
        top: 40%
    }
}

@media (max-width: 450px) {
    .sale-list__item-text-wrapper--BOTTOM {
        bottom: 20px;
        left: 29px;
        right: 29px
    }

    .sale-list__item-sticker--TOP {
        top: 30px;
        left: 31px
    }
}

.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-w50, .grid-list--no-grid > .news-list__wrapper.item-w66 {
        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
    }
}

.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, .services-list__item.flexbox--direction-row-reverse {
        flex-direction: column
    }

    .services-list__item-text-wrapper .maxwidth-theme, .services-list__item.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 40px;
    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 0
}

.services-list__item--has-additional-text .services-list__item-text-bottom-part {
    padding: 21px 40px 23px 40px;
    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 .color_333, .services-list__item--has-bg .services-list__item-text-wrapper .dark_link {
    color: #fff
}

.services-list__item--has-bg .services-list__item-text-wrapper .dark_link.color_light--opacity:hover {
    opacity: 1
}

.services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container > *, .services-list__item:not(.services-list__item--has-additional-text) .services-list__item-text-wrapper > * {
    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
}

.jml-ie .services-list__item-text-wrapper {
    flex-basis: auto
}

.jml-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--RIGHT + .services-list__item-text-wrapper, .services-list__wrapper--border-bottom .services-list__item-image-wrapper--SIDE + .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--RIGHT + .services-list__item-text-wrapper .maxwidth-theme--half, .services-list__wrapper--border-bottom .services-list__item-image-wrapper--SIDE + .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--RIGHT + .services-list__item-text-wrapper, .services-list--img-side .services-list__wrapper--border-bottom:nth-child(even) .services-list__item-image-wrapper--SIDE + .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--RIGHT + .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--SIDE + .services-list__item-text-wrapper .maxwidth-theme--half {
        padding-right: 32px
    }

    .jml-ie .services-list--img-srl .services-list__item-text-wrapper, .jml-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, .services-list__item-text-wrapper .flexbox.maxwidth-theme--half {
        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 0;
    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 .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) .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) > 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 .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) .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) > 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 .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 .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 > 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
}

.jml-ie #main .sticky-block {
    top: 0
}

@media (min-width: 992px) {
    .grid-list--items-3 .services-list__item-image-wrapper--BG, .grid-list--items-3--wide .services-list__item-image-wrapper--BG {
        padding-top: 100%
    }

    .grid-list--items-2 .services-list__item-image-wrapper--BG, .grid-list--items-2--wide .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 .services-list__item-image-wrapper--TOP_LEFT > span, .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-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 0;
        padding-bottom: 66.6%
    }

    .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 {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }
}

@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 0
}

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

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

.jml-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 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 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 0
}

.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 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 20px
    }

    .services-list__item--no-scrolled.services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container {
        padding: 15px 20px 0 20px
    }

    .grid-list:not(.mobile-scrolled) .services-list__item .services-list__item-image-wrapper--BG {
        padding-top: 90%
    }
}

.staff-list .owl-carousel:not(.owl-loaded) {
    min-height: 300px
}

.staff-list .owl-stage {
    display: flex
}

.staff-list .owl-item {
    flex-shrink: 0
}

.staff-list--items-close .owl-carousel--show-next.owl-carousel--wide-view {
    padding-left: 0
}

.staff-list__item {
    border-radius: 4px;
    height: 100%
}

.staff-list__item--flex {
    display: flex
}

.staff-list__item--no-radius {
    border-radius: 0
}

.staff-list__item--shadow {
    transition: box-shadow .2s ease-in-out
}

.staff-list__item--shadow:hover {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    border-color: transparent;
    background-color: var(--card_bg_hover_black)
}

.staff-list__item--row-reverse {
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .staff-list__item--row {
        flex-direction: column
    }
}

.staff-list__item-image-wrapper {
    position: relative
}

.staff-list__item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.staff-list__item-company {
    margin-bottom: 5px
}

.staff-list__item-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.staff-list__item-preview-wrapper {
    margin-top: 20px;
    margin-bottom: 6px
}

.staff-list__item-props {
    margin-top: 14px
}

.staff-list__item-prop-title {
    display: block;
    margin-bottom: -2px;
    margin-top: 8px
}

.staff-list__item-socials {
    display: flex;
    flex-wrap: wrap;
    margin: 15px -10px 0
}

.staff-list__item-social {
    display: flex;
    align-items: center;
    margin: 0 10px
}

.staff-list__item-socials .staff-list__item-social * {
    fill: #b8b8b8
}

.staff-list__item-socials .staff-list__item-social .svg {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.staff-list__item-button {
    margin-top: 30px;
    display: inline-block
}

.staff-list__item-button--on-image {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%)
}

.staff-list__item:hover .staff-list__item-button--on-image {
    opacity: 1;
    visibility: visible
}

.staff-list.staff-list--view1 .staff-list__item-text-wrapper {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    border-radius: 4px 4px 2px 2px;
    padding: 0 3px 0 32px;
    max-height: 100%;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, box-shadow .2s ease-in-out;
    width: 100%;
    z-index: 2
}

.staff-list.staff-list--view1 .staff-list__item-company {
    color: #fff;
    opacity: .5
}

.staff-list.staff-list--view1 .staff-list__item-title {
    color: #fff
}

.staff-list.staff-list--view1 .staff-list__item-preview-wrapper {
    display: none
}

.staff-list.staff-list--view1 .staff-list__item-prop-title {
    color: #fff;
    opacity: .5
}

.staff-list.staff-list--view1 .staff-list__item-phone {
    color: #fff
}

.staff-list.staff-list--view1 .staff-list__item-email {
    color: #fff
}

.staff-list.staff-list--view1 .staff-list__item-email:hover, .staff-list.staff-list--view1 .staff-list__item-phone:hover, .staff-list.staff-list--view1 .staff-list__item-title:hover {
    color: #fff;
    opacity: .7
}

.staff-list.staff-list--view1 .staff-list__item::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
}

.staff-list.staff-list--view1 .staff-list__item:hover::before {
    opacity: .35
}

.staff-list.staff-list--view1 .staff-list__item:hover .staff-list__item-additional-text-wrapper {
    opacity: 0
}

.staff-list.staff-list--view1 .staff-list__item:hover .staff-list__item-text-wrapper {
    opacity: 1;
    visibility: visible
}

.staff-list.staff-list--view1 .staff-list__item-text-wrapper .mCSB_container {
    padding: 26px 10px 32px 0
}

.staff-list.staff-list--view1 .staff-list__item.staff-list__item--no-radius .staff-list__item-text-wrapper {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.staff-list.staff-list--view1 .staff-list__item.staff-list__item--no-radius .staff-list__item-image-wrapper {
    border-radius: 0
}

.staff-list.staff-list--view1 .staff-list__item-additional-text-wrapper {
    position: absolute;
    bottom: 25px;
    left: 31px;
    right: 31px
}

.staff-list.staff-list--view1 .staff-list__item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.staff-list.staff-list--view1 .staff-list__item-image-wrapper {
    padding-top: 128%;
    border-radius: 4px;
    overflow: hidden;
    width: 100%
}

.staff-list.staff-list--view1 .staff-list__item-image-wrapper::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%)
}

.staff-list.staff-list--view1 .staff-list__item-link {
    z-index: 1
}

@media (max-width: 767px) {
    .staff-list.staff-list--view1 .staff-list__item:hover .staff-list__item-image-wrapper::after {
        opacity: 1
    }
}

.staff-list.staff-list--view2 .staff-list__item-image-wrapper {
    padding-top: 52.5%;
    width: 42%
}

.staff-list.staff-list--view2:not(.staff-list--items-offset) .staff-list__item {
    border-left: 0
}

.staff-list.staff-list--view2:not(.staff-list--items-offset) .staff-list__item.staff-list__item--first {
    border-left: 1px solid #e5e5e5
}

.staff-list.staff-list--view2.staff-list--wide .staff-list__item-image-wrapper {
    padding-top: 50%;
    width: 50%
}

.staff-list.staff-list--view2 .staff-list__item-image {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.staff-list.staff-list--view2 .staff-list__item.staff-list__item--no-radius .staff-list__item-image {
    border-radius: 0
}

.staff-list.staff-list--view2 .staff-list__item-text-wrapper {
    width: 58%;
    padding: 33px 40px 40px
}

.staff-list.staff-list--view2.staff-list--wide .staff-list__item-text-wrapper {
    width: 50%
}

.staff-list.staff-list--view2 .staff-list__item-preview-wrapper {
    margin-top: 12px
}

.staff-list.staff-list--view2 .staff-list__item-text-top-part {
    display: flex;
    flex-direction: column;
    height: 100%
}

.staff-list.staff-list--view2 .staff-list__info-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.staff-list.staff-list--view2 .staff-list__item-text-bottom-part {
    display: none
}

@media (max-width: 767px) {
    .staff-list.staff-list--view2.staff-list--wide .staff-list__item-image-wrapper {
        width: 100%;
        height: 0;
        padding-top: 75%;
        border-radius: 4px 4px 0 0
    }

    .staff-list.staff-list--view2 .staff-list__item-image-wrapper {
        width: 100%;
        height: 0;
        padding-top: 100%;
        border-radius: 4px 4px 0 0
    }

    .staff-list.staff-list--view2 .staff-list__item-image {
        border-radius: 4px 4px 0 0
    }

    .staff-list.staff-list--view2 .staff-list__item-image {
        border-radius: 0
    }

    .staff-list.staff-list--view2.staff-list--wide .staff-list__item-text-wrapper {
        width: 100%;
        padding: 24px
    }

    .staff-list.staff-list--view2 .staff-list__item-text-wrapper {
        width: 100%;
        padding: 24px
    }

    .staff-list.staff-list--view2 .staff-list__item.staff-list__item--shadow:hover {
        box-shadow: none;
        border-color: #e5e5e5
    }

    .staff-list.staff-list--view2 .staff-list__item-text-top-part {
        height: auto
    }

    .staff-list.staff-list--view2 .staff-list__item-button--on-image {
        display: none
    }

    .staff-list.staff-list--view2 .staff-list__item-text-bottom-part {
        display: block
    }
}

.staff-list.staff-list--view3 .staff-list__item-image-wrapper {
    width: 50%;
    padding-top: 33.3%
}

.staff-list.staff-list--view3 .staff-list__item-image {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.staff-list.staff-list--view3 .staff-list__item.staff-list__item--no-radius .staff-list__item-image {
    border-radius: 0
}

.staff-list.staff-list--view3 .staff-list__item-text-wrapper {
    padding: 64px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.staff-list.staff-list--view3 .staff-list__item-company {
    margin-bottom: 13px
}

.staff-list.staff-list--view3 .staff-list__info-wrapper {
    margin: 15px -38px -14px;
    display: flex;
    flex-wrap: wrap
}

.staff-list.staff-list--view3 .staff-list__info-wrapper .staff-list__item-props {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.staff-list.staff-list--view3 .staff-list__info-wrapper .staff-list__item-prop {
    margin: 14px 38px
}

.staff-list.staff-list--view3 .staff-list__info-wrapper .staff-list__item-socials {
    margin: 14px 28px;
    align-items: center
}

.staff-list.staff-list--view3 .staff-list__info-wrapper .staff-list__item-prop-title {
    margin-top: 0
}

.staff-list.staff-list--view3 .staff-list__item-text-bottom-part {
    display: block
}

@media (max-width: 991px) {
    .staff-list.staff-list--view3 .staff-list__item-text-wrapper {
        padding: 40px
    }
}

@media (max-width: 767px) {
    .staff-list.staff-list--view3:not(.staff-list--items-offset) .staff-list__item {
        border-left: 0
    }

    .staff-list.staff-list--view3:not(.staff-list--items-offset) .staff-list__item.staff-list__item--first {
        border-left: 1px solid #e5e5e5;
        border-left-color: var(--stroke_black)
    }

    .staff-list.staff-list--view3 .staff-list__item-image-wrapper {
        width: 100%;
        height: 0;
        min-height: auto;
        padding-top: 75%;
        border-radius: 4px 4px 0 0
    }

    .staff-list.staff-list--view3 .staff-list__item-image {
        border-radius: 4px 4px 0 0
    }

    .staff-list.staff-list--view3 .staff-list__item.staff-list__item--no-radius .staff-list__item-image {
        border-radius: 0
    }

    .staff-list.staff-list--view3 .staff-list__item-text-wrapper {
        width: 100%;
        padding: 24px
    }

    .staff-list.staff-list--view3 .staff-list__item-title {
        font-size: 18px;
        line-height: 25px
    }

    .staff-list.staff-list--view3 .staff-list__item {
        border-radius: 0
    }

    .staff-list.staff-list--view3 .staff-list__item-button--on-image {
        display: none
    }

    .staff-list.staff-list--view3 .staff-list__item-text-bottom-part {
        display: block
    }

    .staff-list.staff-list--view3 .staff-list__item.staff-list__item--shadow:hover {
        box-shadow: none;
        border-color: #e5e5e5;
        border-color: var(--stroke_black)
    }
}

.staff-list.staff-list--view4 .staff-list__item-text-wrapper {
    position: absolute;
    padding: 32px;
    padding-right: 10px;
    padding-bottom: 72px;
    bottom: 0;
    width: 100%;
    opacity: 0;
    background: #fff;
    background: var(--card_bg_black);
    transform: translateY(40px);
    transition: transform .3s ease-in-out;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    border-radius: 4px
}

.staff-list.staff-list--view4 .staff-list__item:hover .staff-list__item-text-wrapper {
    opacity: 1;
    transform: translateY(0);
    padding-bottom: 32px
}

.staff-list.staff-list--view4 .staff-list__item-props {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -14px
}

.staff-list.staff-list--view4 .staff-list__item-prop {
    margin: 14px
}

.staff-list.staff-list--view4 .staff-list__item-additional-text-wrapper {
    padding: 24px 32px
}

.staff-list.staff-list--view4 .staff-list__item-image-wrapper {
    padding-top: 66%;
    border-radius: 4px;
    overflow: hidden
}

.staff-list.staff-list--view4 .staff-list__item.staff-list__item--no-radius .staff-list__item-image-wrapper {
    border-radius: 0
}

@media (max-width: 968px) {
    .staff-list.staff-list--view4 .staff-list__item-text-wrapper {
        top: 0;
        padding: 20px;
        padding-right: 3px;
        visibility: hidden;
        border-radius: 0
    }

    .staff-list.staff-list--view4 .staff-list.staff-list--view4 .staff-list__item-text-wrapper .mCSB_container {
        padding-left: 32px;
        padding-top: 32px;
        padding-bottom: 32px;
        padding-right: 3px
    }

    .staff-list.staff-list--view4 .staff-list__item:hover .staff-list__item-text-wrapper {
        top: 0;
        bottom: 20px;
        padding-bottom: 0;
        visibility: visible
    }

    .staff-list.staff-list--view4 .staff-list__item-props {
        margin-top: 0
    }

    .staff-list.staff-list--view4 .staff-list__item-prop {
        margin: 0 14px 8px
    }
}

@media (min-width: 768px) {
    .staff-list.staff-list--view4 .staff-list__item:not(:hover) .staff-list__info-wrapper, .staff-list.staff-list--view4 .staff-list__item:not(:hover) .staff-list__item-preview-wrapper, .staff-list.staff-list--view4 .staff-list__item:not(:hover) .staff-list__item-text-bottom-part {
        display: none
    }
}

.staff-carousel {
    margin-top: 64px
}

@media (max-width: 767px) {
    .staff-carousel {
        margin-top: 32px
    }

    .staff-carousel .owl-carousel:not(.owl-carousel--detail) .owl-item {
        width: 260px !important
    }

    .staff-carousel-wrapper {
        margin: 0 !important;
        padding: 0 !important
    }

    .staff-carousel-wrapper.staff-carousel-wrapper--narrow .owl-carousel.owl-carousel--view1 {
        padding-left: 48px;
        margin-left: -24px;
        margin-right: -48px
    }

    .staff-carousel-wrapper.staff-carousel-wrapper--narrow .owl-carousel.owl-carousel--view1 .owl-stage-outer {
        padding-left: 24px;
        margin-left: -24px;
        margin-right: -24px
    }
}

.owl-carousel-view1__wrapper {
    position: relative
}

.owl-carousel.owl-carousel--view1 .owl-nav {
    position: static
}

.owl-carousel.owl-carousel--view1 .owl-carousel__button.owl-carousel__button--left {
    margin-left: 0
}

.owl-carousel.owl-carousel--view1 .owl-carousel__button.owl-carousel__button--right {
    margin-right: 0
}

.owl-carousel.owl-carousel--view1 .owl-prev {
    position: absolute;
    top: calc(-15px + 50%);
    left: 0;
    transform: translateX(0)
}

.owl-carousel.owl-carousel--view1 .owl-next {
    position: absolute;
    top: calc(-15px + 50%);
    right: 0;
    transform: translateX(0)
}

.owl-carousel.owl-carousel--view1 .owl-carousel__button:not(:hover) {
    background: #fff
}

.owl-carousel.owl-carousel--view1 .owl-carousel__button svg *, .owl-carousel.owl-carousel--view1 button.disabled .owl-carousel__button:hover svg * {
    stroke: #333
}

.owl-carousel.owl-carousel--view1 .owl-carousel__button:hover svg * {
    stroke: #fff
}

.owl-carousel.owl-carousel--view1 .owl-carousel__button {
    border: 1px solid rgba(51, 51, 51, .1)
}

.owl-carousel.owl-carousel--view1.owl-carousel--nav-arrow-lg .owl-carousel__button {
    height: 48px;
    width: 48px
}

.owl-carousel.owl-carousel--view1.owl-carousel--nav-offset .owl-prev {
    transform: translateX(-50%)
}

.owl-carousel.owl-carousel--view1.owl-carousel--nav-offset .owl-next {
    transform: translateX(50%)
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow {
    margin-top: -20px;
    margin-bottom: -20px
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow .owl-stage-outer {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: -9px;
    margin-left: -9px;
    padding-left: 10px
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow.owl-carousel--outer-dots .owl-dots {
    bottom: -20px
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset {
    margin-top: -20px;
    margin-bottom: -20px
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-stage-outer {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: -9px;
    margin-left: -9px;
    padding-left: 10px
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-item > div {
    margin: 0 20px
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-item.active > div {
    margin: 0
}

.owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset.owl-carousel--outer-dots .owl-dots {
    bottom: -20px
}

@media (max-width: 767px) {
    .owl-carousel.owl-carousel--view1 .owl-carousel--wide-adaptive .owl-stage-outer {
        padding: 24px 0
    }

    .owl-carousel.owl-carousel--view1 .owl-carousel--wide-view .owl-stage-outer {
        padding: 0;
        margin: 0
    }

    .owl-navigation-outer.owl-navigation-outer--hidden-sm {
        display: none
    }

    .owl-carousel--with-shadow .owl-stage-outer::after, .owl-carousel.owl-carousel--view1.owl-carousel--shadow .owl-stage-outer::before {
        content: none;
        padding: 20px 0;
        margin: 0
    }

    .owl-carousel.owl-carousel--view1.owl-carousel--shadow .owl-stage-outer {
        padding: 20px 0;
        margin: 0
    }

    .owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-stage-outer {
        padding: 20px 0;
        margin: 0
    }

    .owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-stage-outer, .staff-list .owl-carousel--with-shadow .owl-stage-outer {
        padding: 20px 0;
        margin: 0
    }

    .owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-stage-outer::before, .staff-list .owl-carousel--with-shadow .owl-stage-outer::after {
        content: none
    }

    .owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-item.active > div {
        margin: 0
    }

    .owl-carousel.owl-carousel--view1.owl-carousel--shadow-offset .owl-item > div {
        margin: 0
    }
}

@media (max-width: 450px) {
    .owl-carousel.owl-carousel--view1 .owl-item {
        width: 300px
    }
}

.owl-navigation-outer {
    position: absolute;
    top: 0;
    bottom: 0
}

.owl-navigation-outer .owl-nav {
    position: static
}

.owl-navigation-outer .owl-carousel__button--left {
    margin-left: 0
}

.owl-navigation-outer .owl-carousel__button--right {
    margin-right: 0
}

.owl-navigation-outer .owl-next, .owl-navigation-outer .owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    z-index: 2
}

.owl-navigation-outer .owl-prev {
    position: absolute;
    top: calc(50% - 20px - 15px);
    left: 0;
    transform: translateX(-50%)
}

.owl-navigation-outer .owl-next {
    position: absolute;
    top: calc(50% - 20px - 15px);
    right: 0;
    transform: translateX(50%) rotate(180deg)
}

.owl-navigation-outer .owl-carousel__button:not(:hover) {
    background: #fff
}

.owl-navigation-outer .owl-carousel__button svg *, .owl-navigation-outer button.disabled .owl-carousel__button:hover svg * {
    stroke: #333
}

.owl-navigation-outer .owl-carousel__button:hover svg * {
    stroke: #fff
}

.owl-navigation-outer .owl-carousel__button {
    border: 1px solid rgba(51, 51, 51, .1)
}

.owl-navigation-outer.owl-navigation-outer--arrow-lg .owl-carousel__button {
    height: 48px;
    width: 48px
}

.owl-navigation-outer-dots {
    bottom: -40px;
    position: absolute;
    width: 100%;
    line-height: 13px;
    text-align: center
}

.owl-navigation-outer-dots.owl-navigation-outer-dots--position1 {
    bottom: -20px
}

.owl-navigation-outer-dots .owl-dot.active {
    background: #fff;
    opacity: 1
}

.owl-navigation-outer-dots .owl-dot {
    vertical-align: top;
    margin: 3px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #ddd;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-navigation-outer-dots .owl-dot.active {
    background: #9e9e9e
}

.owl-navigation-outer-dots .owl-dot.active {
    background-color: var(--theme-base-color)
}

.detail-block .staff-carousel {
    margin-top: 0
}

.reviews-list .owl-carousel {
    min-height: 250px
}

.reviews-list .owl-stage {
    display: flex
}

.reviews-list .owl-item {
    flex-shrink: 0
}

.reviews-list__item-title {
    color: #333;
    color: var(--white_text_black);
    margin-left: -1px
}

.reviews-list__item-company {
    margin-bottom: 5px
}

.reviews-list__rating {
    margin-top: 13px
}

.reviews-list__item-preview-wrapper {
    margin-top: 24px
}

.reviews-list__item-more {
    margin-top: 33px
}

.reviews-list--text-center .reviews-list__item {
    text-align: center
}

.reviews-list--text-center .rating {
    justify-content: center
}

.reviews-list--text-center .reviews-list__item-preview {
    padding: 0 20%
}

.reviews-list__item-top-part {
    display: flex;
    justify-content: space-between;
    margin: -15px 0;
    flex: 3
}

.reviews-list__item-top-part--centered {
    justify-content: center
}

.reviews-list__item-top-part--centered-vertical {
    align-items: center
}

@media (max-width: 1200px) {
    .reviews-list__item-top-part {
        flex-direction: column
    }

    .reviews-list__item-top-part.reviews-list__item-top-part--row {
        align-items: flex-start
    }
}

.reviews-list__item-top-part--column {
    flex-direction: column;
    align-items: flex-start
}

.reviews-list__item-date-active {
    display: inline-block
}

.reviews-list__item.bordered {
    background: #fff;
    background: var(--card_bg_black);
    border-radius: 4px;
    height: 100%;
    transition: box-shadow .2s ease-in-out
}

.reviews-list__item--row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.reviews-list__item--row .reviews-list__item-info-wrapper {
    flex: 3
}

.reviews-list__item--row .reviews-list__item-preview-wrapper {
    flex: 5;
    margin-top: -4px;
    padding-left: 32px
}

@media (max-width: 767px) {
    .reviews-list__item--row {
        flex-direction: column
    }

    .reviews-list__item--row .reviews-list__item-preview-wrapper {
        margin-top: 24px;
        padding-left: 0
    }
}

.reviews-list__item--padding-5 {
    padding: 68px 79px
}

.reviews-list__item--padding-48 {
    padding: 48px
}

.reviews-list__item--no-radius {
    border-radius: 0
}

.reviews-list__item--column {
    display: flex;
    flex-direction: column;
    height: 100%
}

html.jml-ie .reviews-list__item--column {
    display: block
}

.reviews-list__item--centered-vertical {
    justify-content: center
}

@media (min-width: 768px) {
    .reviews-list__item.bordered:hover {
        box-shadow: 0 3px 15px rgba(0, 0, 0, .12);
        border-color: transparent;
        margin-right: -1px;
        background-color: var(--card_bg_hover_black)
    }

    .reviews-list--items-close .reviews-list__item.bordered.reviews-list__item--last {
        border-right: 1px solid #e5e5e5;
        border-right-color: var(--stroke_black)
    }

    .reviews-list--items-close .reviews-list__item.bordered.reviews-list__item--last:hover {
        border-color: transparent
    }

    .reviews-list__item--padding-5.reviews-list__item.bordered:hover {
        padding-right: 80px
    }

    .reviews-list__item--padding-48.reviews-list__item.bordered:hover {
        padding-right: 49px
    }
}

.reviews-list__item-info-wrapper {
    display: flex;
    margin: 15px 0
}

.reviews-list__item-info-wrapper--image-right {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%
}

.reviews-list__item-info-wrapper--image-right .reviews-list__item-image-wrapper {
    margin-right: 0;
    margin-left: 31px
}

@media (max-width: 450px) {
    .reviews-list__item-info-wrapper {
        flex-direction: column
    }

    .reviews-list__item-info {
        margin-top: 16px
    }

    .reviews-list__item-info-wrapper--image-right .reviews-list__item-image-wrapper {
        margin-left: 0;
        margin-top: 0
    }
}

.reviews-list__item-image-wrapper {
    width: 80px;
    height: 80px;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 31px;
    margin-top: 4px
}

.reviews-list__item-image-wrapper--image-middle {
    width: 70px;
    height: 70px
}

.reviews-list__item-image-wrapper--image-small {
    width: 60px;
    height: 60px
}

.reviews-list__item-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 100%
}

.reviews-list__item-image-wrapper--logo {
    width: 90px;
    border-radius: 0
}

.reviews-list__item-image-wrapper--logo.reviews-list__item-image-wrapper--logo-center {
    display: flex;
    align-items: center
}

.reviews-list__item-info--centered-vertical {
    display: flex;
    align-items: center
}

.reviews-list__item-top-part--row .reviews-list__rating {
    margin: 15px 0
}

.reviews-list__item-top-part--row .reviews-list__item-info-wrapper {
    margin-right: 20px
}

.reviews-list__item-top-part--row ~ .reviews-list__item-preview-wrapper {
    margin-top: 16px
}

.reviews-list__separator {
    display: inline-block;
    padding: 0 6px
}

@media (max-width: 991px) {
    .reviews-list--text-center .reviews-list__item-preview {
        padding: 0 24px
    }

    .reviews-list__item--padding-5 {
        padding: 32px
    }

    .reviews-list__item--padding-48 {
        padding: 40px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .reviews-list__item--padding-5.reviews-list__item--bordered:hover {
        padding-right: 33px
    }

    .reviews-list__item--padding-48.reviews-list__item--bordered:hover {
        padding-right: 41px
    }

    .reviews-list__item--padding-5.reviews-list__item.bordered:hover {
        padding-right: 32px
    }
}

@media (max-width: 767px) {
    .reviews-list__item--padding-48 {
        padding: 32px
    }

    .reviews-list--text-center .reviews-list__item-preview {
        padding: 0
    }
}

@media (max-width: 450px) {
    .reviews-list__item--padding-48 {
        padding: 24px
    }
}

@media (max-width: 400px) {
    .reviews-list__item--padding-5 {
        padding: 24px
    }
}

.detail-block .reviews-list > .maxwidth-theme {
    padding: 0
}

.detail-block .reviews-list__item {
    padding: 30px 37px 11px 39px
}

.detail-block .reviews-list__item-top-part--row ~ .reviews-list__item-preview-wrapper {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .detail-block .reviews-list__item-top-part {
        flex-direction: row
    }

    .detail-block .reviews-list__item-image-wrapper {
        margin-right: 24px
    }

    .detail-block .reviews-list__item-top-part--row .reviews-list__rating {
        margin: 24px 0;
        align-self: flex-start
    }

    .detail-block .reviews-list__item-info-wrapper {
        margin-bottom: 16px
    }

    .detail-block .reviews-list__item--padding-48.reviews-list__item.bordered:hover {
        padding-right: 37px
    }
}

@media (max-width: 767px) {
    .detail-block .reviews-list__item.bordered:hover {
        box-shadow: 0 3px 15px rgba(0, 0, 0, .12);
        border-color: transparent;
        margin-right: -1px
    }
}

.jml-touch .reviews-list__item.bordered:hover {
    box-shadow: none;
    border-color: #e5e5e5
}

.jml-touch .reviews-list--items-close .reviews-list__item.bordered.reviews-list__item--last:hover {
    border-color: #e5e5e5
}

.banners-fon-list__item {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-color: #f1f1f1;
    background-color: var(--light, #f1f1f1) var(--dark, var(--card_bg_hover_black));
    background-position: center
}

.banners-fon-list__image-inner {
    text-align: left
}

.banners-img-with-text-list__item-link {
    display: block;
    overflow: hidden
}

.banners-fon-list__item-image--static {
    max-height: 100%;
    max-height: 491px;
    transform: translateX(-50%);
    position: relative;
    left: 50%
}

.banners-fon-list__item-text {
    padding: 53px 0
}

.banners-fon-list__item-inner {
    padding: 0 40px 0 40px
}

.banners-fon-list__item-top-text {
    margin-bottom: 9px
}

.banners-fon-list__item-description {
    margin-top: 24px
}

.banners-fon-list__item-description p:last-of-type {
    margin-bottom: 0
}

.banners-fon-list__item--BIG_BANNER div:is(.color_dark,.color_dark--opacity) {
    color: #333
}

.banners-fon-list__item-btn {
    margin-top: 33px;
    position: relative;
    z-index: 2;
    display: inline-block;
    align-self: baseline
}

.banners-fon-list__item-btn-action {
    width: 70px;
    height: 40px;
    display: block
}

.arrow-all.banners-arrow-action {
    top: 13px;
    right: 45px
}

@media (min-width: 992px) {
    .banners-fon-list__item--min-height {
        min-height: 400px
    }

    .banners-fon-list__item-text {
        flex: 1
    }

    .banners-fon-list__item--BIG_BANNER .banners-fon-list__item {
        max-height: 650px
    }

    .banners-fon-list__item--BIG_BANNER .banners-fon-list__item-text {
        align-self: center
    }

    .banners-fon-list__item--BIG_BANNER .banners-fon-list__item-inner {
        padding: 0 40px 0 120px
    }

    .banners-fon-list__item--BIG_BANNER .banners-fon-list__image-wrapper {
        min-height: 640px
    }

    .banners-fon-list__item--BOTTOM_IMG .banners-fon-list__item-text {
        flex-basis: auto
    }

    .banners-fon-list__item--SM_BANNER .banners-fon-list__item-text {
        padding-bottom: 40px
    }

    .banners-fon-list__item--SM_BANNER .banners-fon-list__item-inner {
        padding: 0 0 0 53px
    }

    .banners-fon-list__item--SM_BANNER .banners-fon-list__item-description {
        margin-top: 11px
    }

    .banners-fon-list__item--SM_BANNER .banners-fon-list__item-image {
        max-height: 326px;
        max-height: 100%
    }

    .banners-fon-list__item--SM_BANNER .banners-fon-list__item--min-height, .banners-fon-list__item--SM_BANNER.banners-fon-list__item--min-height {
        min-height: 360px
    }

    .banners-fon-list__item-inner--FLEX {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%
    }

    .banners-fon-list__item-image--absolute {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .flexbox--direction-row .banners-fon-list__image-wrapper {
        flex: 1
    }

    .banners-fon-list__image-wrapper {
        position: relative
    }

    .banners-fon-list__item--SM_BANNER .banners-fon-list__image-wrapper {
        padding-top: 46px
    }

    .banners-fon-list__image-inner {
        position: relative;
        height: 100%
    }

    .banners-fon-list__item--BIG_BANNER.banners-fon-list__item--wide .banners-fon-list__item-inner {
        padding-left: 32px;
        margin-left: auto
    }

    body.left_header_column .banners-fon-list__item--BIG_BANNER.banners-fon-list__item--wide .banners-fon-list__item-inner {
        padding-left: 120px
    }
}

@media (max-width: 991px) {
    .banners-fon-list__item-image {
        max-height: 100%;
        max-height: 300px
    }

    .banners-fon-list__item--min-height.flexbox {
        justify-content: space-between
    }

    .banners-fon-list__item .banners-fon-list__image--fit_image {
        max-width: 1px
    }
}

@media (max-width: 600px) {
    .banners-fon-list__item {
        height: 100%
    }

    .banners-fon-list__item-text {
        padding: 25px 0 8px
    }

    .banners-fon-list__item-inner {
        padding: 0 30px
    }

    body .banners-fon-list__item-title {
        font-size: 18px
    }

    .banners-fon-list__item-top-text {
        margin-bottom: 6px
    }

    .banners-fon-list__item-description {
        display: none
    }

    .banners-fon-list__item-btn {
        margin-top: 15px
    }

    .banners-fon-list__item-btn .btn {
        padding: 8px 20px 10px
    }
}

.blog-list__item {
    position: relative;
    overflow: hidden
}

.grid-list--no-gap .blog-list__item {
    overflow: visible
}

.grid-list--no-gap .blog-list__item-image--absolute {
    left: -1px
}

.blog-list__item-image-wrapper {
    position: relative
}

.blog-list__item-image-wrapper--BG {
    padding-top: 130%;
    overflow: hidden;
    width: 100%
}

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

.blog-list__item-image-wrapper--TOP {
    padding-top: 67%
}

.blog-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

.blog-list__item-image--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.jml-ie .blog-list__item-text-top-part {
    flex-basis: auto
}

.blog-list__item-preview-wrapper {
    margin-top: 9px
}

.blog-list__item-period {
    position: relative
}

.blog-list__item-period--mt-19 {
    margin-top: 0
}

.blog-list__item-period.blog-list__item-period--FON {
    position: relative;
    color: rgba(255, 255, 255, .7);
    margin-top: 12px
}

.blog-list__item-text-wrapper--BOTTOM {
    position: absolute;
    bottom: 33px;
    left: 39px;
    right: 39px;
    z-index: 2
}

body .blog-list__item-text-wrapper--BOTTOM .dark_link {
    color: #fff
}

.blog-list__item-text-wrapper--BOTTOM_RELATIVE {
    padding: 25px 29px
}

#main .blog-list__item .sticker {
    display: flex
}

.blog-list__item .sticker .sticker__item {
    margin-left: 0
}

body .blog-list__item-sticker {
    top: 29px;
    left: 29px;
    right: 29px
}

body .blog-list__item-sticker--normal {
    position: static;
    margin-bottom: 9px;
    margin-top: 9px
}

.sticker__item--fon.sticker__item--bordered {
    color: #fff;
    border-color: rgba(255, 255, 255, .5);
    background: 0 0
}

.blog-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 > .blog-list__wrapper {
        width: 33.33%
    }

    .grid-list--no-grid > .blog-list__wrapper.item-w50, .grid-list--no-grid > .blog-list__wrapper.item-w66 {
        width: 66.66%
    }
}

@media (min-width: 992px) {
    .blog-list__wrapper.item-w50 .blog-list__item-image-wrapper--BG {
        padding-top: 62%
    }

    .blog-list__wrapper.item-w66 .blog-list__item-image-wrapper--BG {
        padding-top: 63%
    }

    .blog-list__item-sticker--BOTTOM {
        bottom: 35px;
        left: 36px
    }

    .grid-list--wide-first .blog-list__item-image-wrapper--BG {
        height: 100%
    }

    .grid-list--wide-first > div:first-of-type .blog-list__item-title {
        font-size: 1.6em
    }

    .blog-list__item-image-wrapper--BG .blog-list__item-sticker {
        top: 40px;
        left: 38px
    }
}

@media (max-width: 991px) {
    .blog-list__item-text-wrapper--BOTTOM {
        bottom: 20px;
        left: 29px;
        right: 29px
    }

    .grid-list--no-grid > .blog-list__wrapper {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .grid-list--no-grid > .blog-list__wrapper {
        width: 50%
    }
}

@media (min-width: 601px) {
    .blog-list__item-sticker--BOTTOM_CORNER {
        bottom: 40px;
        left: 39px
    }
}

@media (max-width: 600px) {
    .blog-list__item.flexbox--direction-row-reverse {
        flex-direction: column
    }

    .blog-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }

    .blog-list__item-sticker--BOTTOM, .blog-list__item-sticker--BOTTOM_CORNER {
        bottom: 24px;
        left: 27px
    }

    .blog-list__item-image-wrapper--BG {
        padding-top: 150%
    }

    .blog-list__item-image-wrapper--BG:after {
        top: 40%
    }
}

@media (max-width: 500px) {
    .grid-list--normal .blog-list__wrapper {
        width: 100%
    }

    .grid-list--normal .blog-list__item-image-wrapper--BG {
        padding-top: 110%
    }
}

@media (max-width: 450px) {
    .blog-list__item-sticker--TOP {
        top: 30px;
        left: 31px
    }
}

.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-w50, .grid-list--no-grid > .project-list__wrapper.item-w66 {
        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
    }
}

.gallery-item .owl-carousel {
    max-width: 990px
}

.gallery-item .gallery-list .owl-stage {
    display: flex
}

.gallery-item .gallery-list .owl-item {
    flex-shrink: 0;
    max-width: 990px
}

.gallery-item .owl-carousel .owl-stage-outer {
    border-radius: 4px
}

.gallery-item .gallery-list__item {
    position: relative
}

.gallery-item .gallery-list__item.gallery-list__item--has-additional-text {
    cursor: pointer;
    padding: 0
}

.gallery-item .gallery-list__item--has-additional-text {
    overflow: hidden
}

@media (min-width: 992px) {
    .gallery-item .flexbox--column-t991 > .flex-grow-1 {
        overflow: hidden;
        margin: 0 -20px 0;
        padding: 0 20px
    }
}

.gallery-item .gallery-list__item-additional-text-wrapper {
    position: absolute;
    bottom: 18px;
    left: 23px;
    right: 65px;
    z-index: 1
}

.gallery-item .gallery-list__item--has-additional-text .gallery-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
}

.gallery-item .gallery-list__item--has-additional-text:hover .gallery-list__item-text-wrapper {
    opacity: 1;
    visibility: visible
}

.gallery-item .gallery-list__item-text-top-part:before {
    content: '';
    height: 1px;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: .2
}

.gallery-item .gallery-list__item-image-wrapper {
    position: relative
}

.gallery-item .gallery-list__item-image-wrapper--BG {
    padding-top: 64.6%;
    width: 100%
}

.gallery-item .gallery-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%)
}

.gallery-item .gallery-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
}

.gallery-item .gallery-list__item-text-cross-part {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.gallery-item .gallery-list__item-text-cross-part .cross {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.drag-block.container.FAVORIT_ITEM {
    overflow: visible
}

.hot-wrapper-items {
    position: relative;
    padding-bottom: 60px
}

.wrapper1:not(.with_left_block) .wrapper_inner.front .drag-block.container .hot-wrapper-items {
    padding-bottom: 70px
}

.hot-wrapper-items .top_block {
    margin-bottom: 33px;
    padding-top: 7px
}

.with_left_block .hot-wrapper-items .items {
    padding: 49px;
    border: 1px solid #ececec
}

.hot-wrapper-items .article_block, .hot-wrapper-items .item-stock {
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle
}

.hot-wrapper-items .sa_block {
    margin: 0 -8px
}

.hot-wrapper-items .items {
    position: relative
}

.hot-wrapper-items .items .flexslider {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.hot-wrapper-items > .items > .item:not(.active) {
    display: none
}

.hot-wrapper-items .item {
    max-width: 880px;
    margin: auto
}

.hot-wrapper-items .item .image-wrapper {
    max-width: 350px;
    position: relative;
    margin: auto
}

.hot-wrapper-items .item .stickers {
    right: auto;
    left: 0;
    top: 0;
    padding: 0
}

.hot-wrapper-items .item .fast_view_block {
    opacity: 0;
    transition: opacity .2s ease;
    width: 206px;
    margin-left: -103px;
    left: 50%;
    top: 50%;
    font-size: 13px;
    margin-top: -20px;
    line-height: 36px;
    cursor: pointer;
    color: #666;
    height: 36px;
    background-color: rgba(229, 229, 229, .9);
    text-decoration: none;
    border-radius: 2px
}

.hot-wrapper-items .item .fast_view_block svg path {
    fill: #333
}

.hot-wrapper-items .item:hover .fast_view_block {
    opacity: 1
}

.hot-wrapper-items .item .view_sale_block.v2 {
    margin-bottom: 9px
}

.hot-wrapper-items .item .title {
    margin: 0 0 2px
}

.hot-wrapper-items .item .rating {
    display: flex;
    margin: 0 0 12px
}

.hot-wrapper-items .item .votes_block.nstar {
    margin: 0
}

.hot-wrapper-items .cost.prices {
    margin-top: 12px
}

.hot-wrapper-items .item .footer-action {
    padding: 28px 0 10px
}

.hot-wrapper-items .item .footer-action > .like_icons > div, .hot-wrapper-items .item .footer-action > div {
    display: inline-block;
    vertical-align: top
}

.hot-wrapper-items .item .footer-action .counter_wrapp {
    padding: 0 15px 0 0
}

.hot-wrapper-items .item .footer-action .like_icons {
    position: static
}

.hot-wrapper-items .item .footer-action .like_icons span {
    opacity: 1;
    visibility: visible;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 2px
}

@media (min-width: 992px) {
    .hot-wrapper-items .item_info_wrapper {
        padding-left: 30px
    }
}

@media (max-width: 991px) {
    .hot-wrapper-items .item_info {
        text-align: center
    }

    .hot-wrapper-items .js-info-block {
        left: 50%;
        margin-left: -137px
    }

    .with_left_block .hot-wrapper-items .items {
        padding: 29px
    }

    .hot-wrapper-items .item .rating {
        justify-content: center
    }
}

@media (min-width: 601px) {
    .hot-wrapper-items .item .image-wrapper {
        justify-content: center;
        min-height: 350px
    }

    .hot-wrapper-items .image a {
        margin: auto
    }

    .hot-wrapper-items .image a img {
        max-width: 100%;
        max-height: 100%
    }
}

@media (max-width: 600px) {
    .hot-wrapper-items .items.mobile-overflow .flex-control-nav, .hot-wrapper-items .items.mobile-overflow .flexslider {
        display: none
    }

    .hot-wrapper-items .items.mobile-overflow > .item {
        display: block !important;
        margin: 0 0 15px -1px;
        padding-right: 0
    }

    .hot-wrapper-items .items.mobile-overflow .item .main_item_wrapper {
        border: 1px solid #ececec;
        height: 100%
    }

    .hot-wrapper-items .items.mobile-overflow .item .inner_wrap {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .hot-wrapper-items .items.mobile-overflow .item .image-wrapper {
        padding: 30px 29px 26px;
        min-height: 334px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info {
        flex-grow: 1
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper {
        text-align: left;
        padding: 0 29px 98px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .rating {
        justify-content: left
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .title {
        margin-bottom: 1px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .title a {
        font-size: 18px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .sa_block {
        line-height: 20px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .cost.prices {
        margin-top: 7px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .cost.prices .price {
        font-size: 18px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .cost.prices .price.discount {
        font-size: 13px
    }

    .hot-wrapper-items .items.mobile-overflow .item .item_info .item_info_wrapper .footer-action {
        padding: 22px 0 28px;
        position: absolute;
        bottom: 0
    }

    .hot-wrapper-items .items.mobile-overflow.c_1 .item.np {
        padding-right: 16px
    }
}

.detail-block .faq-list .accordion-head {
    padding: 24px 86px 16px 31px
}

.detail-block .faq-list .accordion-head .svg-inline-right-arrow {
    right: 28px;
    top: 28px
}

.detail-block .faq-list .accordion-preview {
    margin-top: 9px;
    margin-bottom: 19px
}

.detail-block .faq-list .accordion-line {
    top: 31px;
    height: 11px
}

.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 .video-block iframe, .company-item__picture-wrapper .video-block iframe {
    display: none
}

.tizers-list__item-image-wrapper--position-TOP.tizers-list__item-image-wrapper--ICONS {
    margin-bottom: 26px
}

@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: 0;
    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-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

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

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

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

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

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility;
    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: 0;
    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--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

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

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

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

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

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0/100% 100% no-repeat;
    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-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

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

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

.fancybox-image, .fancybox-spaceball {
    background: 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--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

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

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

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

.fancybox-iframe, .fancybox-video {
    background: 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:link, .fancybox-button:visited {
    color: #ccc
}

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

.fancybox-button:focus {
    outline: 0
}

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

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

.fancybox-button div {
    height: 100%
}

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

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

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

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -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: 1s linear infinite fancybox-rotate;
    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--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

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

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    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(0);
    transform: rotate(0)
}

.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: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: 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: 0;
    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: .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)
    }
}

.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::after, .index-block--fon .brands-list__items-wrapper--offset::before {
    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
}

.brands-list__slider-wrap {
    position: relative
}

.brand-list__items--centered {
    justify-content: center
}

@media screen and (max-width: 767px) {
    .brands-list__slider-wrap .grid-list__item {
        width: auto
    }
}

@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.jml-ie .brands-list__item {
    padding: 5%
}

html.jml-ie .brands-list__item--padding-SMALL {
    padding: 2%
}

.instagramm-list__item {
    overflow: hidden;
    position: relative
}

.instagramm-list__item-image {
    position: relative;
    padding: 100% 0 0
}

.instagramm-list__item-info {
    opacity: 0;
    transition: opacity .3s ease
}

.instagramm-list__item-info:hover {
    opacity: 1
}

.instagramm-list__item-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden
}

.instagramm-list__item-wrapper {
    padding: 26px 32px
}

.instagramm-list__item-date {
    margin-bottom: 21px
}

.instagramm-list__item-wrapper .arrow-all {
    right: 31px;
    top: 32px
}

@media (min-width: 992px) {
    .type-WITH_BIG_BLOCK .instagramm-list__wrapper:first-of-type {
        grid-row: 2 span;
        grid-column: 2 span
    }
}

.tariffs-list__item {
    position: relative
}

.owl-carousel .tariffs-list__wrapper {
    height: 100%
}

.tariffs-list .owl-carousel .owl-stage {
    display: flex;
    flex-direction: row
}

.tariffs-list .owl-carousel .owl-item {
    flex-shrink: 0
}

.tariffs-list__item-text-top-part--has-stickers {
    margin-top: -47px
}

.tariffs-list__item-text-bottom-part {
    margin: 35px 0 0 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.tariffs-list__item.flexbox--direction-row {
    padding: 37px 39px 39px 39px
}

.jml-ie .tariffs-list .line-block--align-normal {
    align-items: flex-start
}

.tariffs-list .index-block__part--left {
    min-width: 0
}

@media (max-width: 949px) {
    .tariffs-list__item.flexbox--direction-row {
        flex-direction: column
    }

    .jml-ie .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-top-part {
        flex-shrink: 0
    }
}

@media (min-width: 950px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-top-part {
        width: 100%
    }

    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-bottom-part {
        align-items: flex-end;
        flex-basis: 41%;
        min-width: 280px;
        max-width: 388px;
        flex-shrink: 0;
        margin: 0;
        padding: 0 0 0 39px
    }
}

@media (max-width: 767px) {
    .tariffs-list .shadow-hovered:hover {
        box-shadow: none;
        border-color: #e5e5e5;
        border-color: var(--stroke_black)
    }
}

@media (min-width: 601px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-bottom-part {
        height: inherit;
        justify-content: flex-start
    }
}

@media (max-width: 600px) {
    .tariffs-list__item.flexbox--direction-row {
        padding: 29px
    }

    .tariffs-list__item-text-top-part--has-stickers {
        margin-top: 0
    }
}

.tariffs-list__item-text-wrapper {
    padding: 34px 39px 39px 39px;
    position: relative
}

.jml-ie .tariffs-list__item-text-wrapper {
    flex-basis: auto
}

.tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-wrapper {
    padding: 33px 0 0 0
}

@media (min-width: 950px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-wrapper {
        flex-direction: row;
        justify-content: space-between
    }

    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper + .tariffs-list__item-text-wrapper {
        padding: 0 0 0 39px
    }
}

@media (max-width: 600px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-wrapper {
        padding: 17px 0 0 0
    }

    .tariffs-list__item-text-wrapper {
        padding: 29px
    }
}

.tariffs-list__item-image-wrapper {
    position: relative
}

.owl-carousel .tariffs-list__item-image-wrapper .line-block__item:first-child {
    overflow: hidden
}

.owl-carousel .tariffs-list__item-image-wrapper .tariffs-list__item-section, .owl-carousel .tariffs-list__item-image-wrapper .tariffs-list__item-title {
    overflow: hidden;
    word-break: break-word
}

.tariffs-list__item-image-wrapper--with-title {
    position: relative
}

.tariffs-list__item:not(.flexbox--direction-row) .tariffs-list__item-image-wrapper--with-title {
    border-radius: 4px 4px 0 0
}

.tariffs-list__item-image-wrapper--bghover:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 39px;
    right: 39px;
    background-color: #e5e5e5;
    background-color: var(--stroke_black)
}

.tariffs-list__item-image-wrapper--bghover {
    padding: 38px 39px 32px 39px
}

.tariffs-list__item-image-wrapper--noimage:not(.tariffs-list__item-image-wrapper--BIG_PICTURES) .line-block__item--image {
    display: none
}

.tariffs-list__item-image-wrapper--BIG_PICTURES {
    padding-top: 67%;
    width: 100%
}

.tariffs-list__item-image-wrapper--BIG_PICTURES .tariffs-list__item-link {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper--ROUND_PICTURES .image-list__link {
    width: 120px;
    height: 120px
}

.tariffs-list__item-image-wrapper--ROUND_PICTURES .image-list__link {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.tariffs-list__item-image-wrapper--ICONS .image-list__link {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    overflow: hidden
}

.tariffs-list__item-image-wrapper--ICONS a svg, .tariffs-list__item-image-wrapper--ICONS > span svg {
    width: 100%;
    height: 100%
}

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

@media (min-width: 950px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper--with-title {
        flex-basis: 31%;
        max-width: 432px;
        flex-shrink: 0
    }
}

@media (max-width: 600px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper--with-title .line-block {
        flex-direction: column-reverse
    }

    .jml-ie .tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper--with-title .line-block {
        align-items: stretch
    }

    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper--with-title .image-list__link {
        margin-bottom: 33px
    }
}

.tariffs-list__item-section {
    margin: 0 0 6px 0
}

.tariffs-list__item-text-wrapper .sticker-wrap {
    margin-bottom: 19px
}

.tariffs-list__item-text-wrapper .sticker-wrap + div {
    margin-top: 0
}

.tariffs-list__item-image-wrapper--with-title .sticker-wrap {
    margin-bottom: 14px;
    margin-top: 5px
}

.tariffs-list__item .sticker {
    position: relative
}

.tariffs-list__item-image-wrapper--bghover ~ .tariffs-list__item-text-wrapper .sticker-wrap {
    background-color: #fff;
    background-color: var(--card_bg_black);
    display: inline-block;
    vertical-align: top
}

.tariffs-list__item .tariffs-list__item-image-wrapper--bghover ~ .tariffs-list__item-text-wrapper .sticker-wrap {
    background-color: var(--card_bg_hover_black)
}

.jml-ie .tariffs-list .line-block .sticker {
    display: block;
    overflow: hidden
}

.jml-ie .tariffs-list .line-block .sticker > div {
    float: left
}

.tariffs-list__item-title {
    position: relative
}

.tariffs-list__item.flexbox--direction-row .tariffs-list__item-image-wrapper--with-title .tariffs-list__item-title {
    font-size: 1.2em;
    line-height: calc(1em + 7px)
}

.tariffs-list__item-text-top-part .tariffs-list__item-title + .tariffs-list__item-preview-wrapper {
    margin: 18px 0 0 0
}

.tariffs-list__item .tariffs-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
}

.jml-ie .tariffs-list__item .tariffs-list__item-preview {
    max-height: 104px
}

@media (max-width: 600px) {
    .tariffs-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px
    }
}

.tariffs-list__item-properties {
    margin-top: 23px
}

.tariffs-list__item-properties:first-child {
    margin-top: 0
}

.tariffs-list__item-preview-wrapper + .tariffs-list__item-properties--top-border {
    margin: 26px 0 0 0;
    border-top: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    padding: 27px 0 0 0
}

.tariffs-list__item-image-wrapper--bghover ~ .tariffs-list__item-text-wrapper .tariffs-list__item-preview-wrapper + .tariffs-list__item-properties {
    margin-top: 29px
}

.tariffs-list__item-properties-item-wraper + .tariffs-list__item-properties-item-wraper {
    margin-top: 5px
}

.tariffs-list__item-properties--middle .tariffs-list__item-properties-item-wraper {
    padding: 0 0 0 15px;
    position: relative
}

.tariffs-list__item-properties--middle .tariffs-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)
}

.tariffs-list__item-properties .svg-inline-tariff-yes {
    margin: -3px 0 0 2px
}

.tariffs-list__item-properties .svg-inline-tariff-no {
    margin: -1px 0 0 2px
}

.tariffs-list__item-properties-item-more {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    color: #9e9e9e;
    color: var(--fill_dark_light_hover);
    margin: 13px 0 0 0
}

.tariffs-list__item-properties-item-more:focus, .tariffs-list__item-properties-item-more:hover {
    color: #222;
    color: var(--white_text_black)
}

@media (min-width: 601px) {
    .tariffs-list__item-properties--table .tariffs-list__item-properties-item-dash {
        display: none
    }

    .tariffs-list__item-properties--table .tariffs-list__item-properties-item {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        position: relative
    }

    .tariffs-list__item-properties--table .tariffs-list__item-properties-item::before {
        border-bottom: 1px dotted #fff;
        border-bottom: 1px dotted var(--basic_text_black);
        content: "";
        display: block;
        height: 1px;
        position: absolute;
        top: calc(100% - 8px);
        width: 100%
    }

    .tariffs-list__item-properties--table .tariffs-list__item-properties-item-name, .tariffs-list__item-properties--table .tariffs-list__item-properties-item-value {
        background-color: #fff;
        background-color: var(--card_bg_black);
        max-width: calc(50% - 16px);
        word-break: break-word;
        z-index: 1
    }

    .tariffs-list__item:hover .tariffs-list__item-properties--table .tariffs-list__item-properties-item-name, .tariffs-list__item:hover .tariffs-list__item-properties--table .tariffs-list__item-properties-item-value {
        background-color: #fff;
        background-color: var(--card_bg_hover_black)
    }

    .tariffs-list__item-properties--table .tariffs-list__item-properties-item-name {
        padding-right: 8px;
        text-align: left
    }

    .tariffs-list__item-properties--table .tariffs-list__item-properties-item-value {
        padding-left: 8px;
        text-align: right
    }
}

.tariffs-list__tabs {
    font-size: .86667em;
    line-height: calc(1em + 4px);
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -2px
}

.tariffs-list__tabs__item {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    margin: 2px;
    border-radius: 3px;
    cursor: pointer;
    padding: 4px 12px 5px 12px;
    position: relative;
    white-space: nowrap;
    text-align: center;
    flex: 1
}

.tariffs-list__tabs__item:first-letter {
    text-transform: capitalize
}

.tariffs-list__tabs__item.current {
    font-weight: 600;
    color: #fff;
    background-color: #9e9e9e;
    background-color: var(--theme-more-color);
    border-color: #9e9e9e;
    border-color: var(--theme-more-color);
    z-index: 1
}

.tariffs-list__tabs__item:not(.current):hover {
    color: #fff;
    color: var(--fill_dark_light_white_hover);
    background-color: #9e9e9e;
    background-color: var(--opacity_dark_light_hover);
    border-color: #9e9e9e;
    border-color: var(--stroke_black)
}

.tariffs-list__tabs-content {
    margin: 21px 0 0 0;
    height: 100%
}

.tariffs-list__tabs-content__item {
    height: 100%
}

@media (min-width: 950px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-price .price {
        text-align: right
    }
}

@media (min-width: 601px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__tabs-content {
        height: auto
    }
}

.tariffs-list__item-text-bottom-part .tariffs-list__item_buttons {
    margin-top: 27px
}

.tariffs-list__item-text-bottom-part > :first-child {
    margin-top: 0
}

.tariffs-list__item:hover .btn-transparent-border {
    color: #fff
}

@media (max-width: 600px) {
    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-bottom-part .tariffs-list__item_buttons .btn {
        width: 100%
    }

    .tariffs-list__item.flexbox--direction-row .tariffs-list__item-text-bottom-part .tariffs-list__item_buttons .btn .counter {
        width: auto
    }
}

.instagramm-list__item {
    overflow: hidden;
    position: relative
}

.instagramm-list__item-image {
    position: relative;
    padding: 100% 0 0
}

.instagramm-list__item-info {
    opacity: 0;
    transition: opacity .3s ease
}

.instagramm-list__item-info:hover {
    opacity: 1
}

.instagramm-list__item-inner {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden
}

.instagramm-list__item-wrapper {
    padding: 26px 32px
}

.instagramm-list__item-date {
    margin-bottom: 21px
}

.instagramm-list__item-wrapper .arrow-all {
    right: 31px;
    top: 32px
}

@media (min-width: 992px) {
    .type-WITH_BIG_BLOCK .instagramm-list__wrapper:first-of-type {
        grid-row: 2 span;
        grid-column: 2 span
    }
}

.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 60px
}

.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: 0 5px 20px 0 #0000001f
}

.dyn_mp_jqm_frame.TEXT .popup-text-info {
    padding: 32px 35px 30px 35px;
    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_footer, .popup .marketing-popup.with_web_form.popup-text-info--has-img .form .form_head {
    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__text, .marketing-popup.popup-text-info--has-img .popup-text-info__title {
        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__text, .marketing-popup .popup-text-info__title {
        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 26px
    }

    .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__text, body .marketing-popup.popup-text-info--has-img .popup-text-info__title {
        margin-left: 35%
    }
}

@media (max-width: 550px) {
    .marketing-popup.popup-text-info--has-img .popup-text-info__picture {
        display: none
    }
}

.style-switcher {
    --f0_dark_light: var(--light, #f0f0f0) var(--dark, #1b1b1b);
    --e3_dark_light: var(--light, #e3e3e3) var(--dark, #3a3a3a);
    --f3_dark_light: var(--light, #f3f3f3) var(--dark, #3a3a3a);
    --fb_dark_light: var(--light, #fbfbfb) var(--dark, #232323)
}

.style-switcher {
    width: 800px;
    left: -800px;
    top: 0;
    background: #fff;
    background-color: var(--black_bg_black);
    height: 100%;
    border-radius: 0;
    color: #333;
    color: var(--white_text_black);
    position: fixed;
    z-index: 997
}

.style-switcher * {
    box-sizing: border-box
}

.style-switcher.active {
    left: 0;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .4);
    transition: left .2s ease;
    z-index: 1101
}

.style-switcher.active.closes {
    left: -800px;
    transition: left .1s ease;
    box-shadow: none
}

.style-switcher > .top_block_switch {
    box-shadow: 0 8px 13px 0 rgba(0, 0, 0, .1);
    position: absolute;
    right: -58px;
    top: 233px;
    transform: translateY(-47%);
    background: #e2e2e2;
    background-color: var(--stroke_black);
    border-radius: 0 4px 4px 0;
    transition: right ease .3s
}

.style-switcher > .close_block {
    position: absolute;
    top: 20px;
    right: 49px;
    transition: right ease .2s
}

.style-switcher.active > .close_block {
    right: -49px;
    transition: right ease .2s
}

.style-switcher > .close_block .closes {
    display: none
}

.style-switcher.closes > .close_block {
    right: 49px;
    opacity: 0
}

.style-switcher > .close_block .svg {
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    top: -6px;
    left: 5px
}

.style-switcher > .close_block .svg:hover {
    background: #000
}

.style-switcher > .close_block .svg svg {
    vertical-align: middle;
    display: inline-block
}

.style-switcher > .close_block .svg svg path, .style-switcher > .close_block .svg.inline:hover svg path {
    fill: #fff
}

.style-switcher.active > .top_block_switch {
    right: 0;
    opacity: 0
}

.style-switcher > .top_block_switch > .switch:first-of-type {
    margin-top: 0;
    border-top-right-radius: 4px
}

.style-switcher > .top_block_switch > .switch:last-of-type {
    border-bottom-right-radius: 4px
}

.style-switcher .right-block .inner-content .contents {
    height: 100%
}

.style-switcher .right-block .inner-content .contents:not(.active):not(.wizard) {
    display: none
}

.style-switcher .right-block .inner-content, .style-switcher .right-block .inner-content .contents.parametrs {
    position: relative;
    height: 100%
}

.style-switcher .switch {
    position: relative;
    background: #fff;
    background-color: var(--card_bg_black);
    width: 58px;
    height: 58px;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    margin-top: 1px
}

.style-switcher .switch .svg, .style-switcher .switch_presets .svg {
    min-width: auto;
    min-height: auto;
    position: static
}

.style-switcher .switch:not(:hover) svg path {
    fill: #222;
    fill: var(--fill_dark_light)
}

.style-switcher .switch svg {
    vertical-align: middle;
    margin-right: 1px
}

.style-switcher .switch:hover .svg:hover svg path, .style-switcher .switch:hover svg path {
    fill: #fff
}

.style-switcher .tooltip {
    cursor: default;
    left: 100%;
    top: 0;
    padding: 0 0 0 20px;
    visibility: hidden;
    transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    width: 311px
}

body .style-switcher.active .switch .tooltip {
    opacity: 0;
    transition: none
}

.style-switcher .switch:hover .tooltip, .style-switcher .switch_presets:hover .tooltip {
    opacity: 1;
    visibility: visible
}

.style-switcher .tooltip > .wrap {
    padding: 20px 25px 19px;
    background: #fff;
    background: var(--black_bg_black);
    font-size: 13px;
    line-height: 20px;
    color: #333;
    color: var(--white_text_black);
    border-radius: 5px;
    text-align: left;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25)
}

.style-switcher .tooltip > .wrap::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 8px;
    border: 6px solid transparent;
    border-right: 6px solid #fff;
    border-right-color: var(--black_bg_black)
}

.style-switcher .tooltip .title {
    font-size: 16px;
    font-weight: 700
}

.style-switcher .tooltip .text {
    color: #777;
    color: var(--light_basic_text_black);
    margin: 10px 0 0
}

.style-switcher .tooltip .text:empty {
    display: none
}

.style-switcher .left-block {
    float: left;
    width: 184px;
    min-height: 100%;
    background: #f0f0f0;
    background: var(--f0_dark_light);
    height: 100%;
    overflow: hidden;
    position: relative
}

.dynamic_left_side .cl:hover, .presets .presets_block .conf .preset-block .checked, .style-switcher .presets .presets_block .item.active .inner, .style-switcher .presets .presets_subtabs .presets_subtab.active:after, .style-switcher > .close_block .svg:hover {
    background: #9e9e9e;
    background: var(--theme-base-color)
}

.style-switcher .switch:hover, .style-switcher .switch_presets:hover {
    background: #9e9e9e;
    background: var(--theme-base-color)
}

.style-switcher--save-btn {
    display: none
}

.style-switcher-parametrs__action-block.can_save .style-switcher--save-btn {
    display: block
}

@media (min-width: 1050px) {
    .style-switcher {
        width: 947px;
        left: -947px
    }

    .style-switcher.active.closes {
        left: -947px
    }

    .dynamic_left_side, .style-switcher .contents.wizard {
        width: 763px
    }
}

@media (min-width: 992px) {
    .style-switcher .switch:not(.hidden) {
        display: block !important
    }
}

@media (min-width: 701px) and (max-width: 890px) {
    .style-switcher {
        width: 614px;
        left: -614px
    }

    .style-switcher.active.closes {
        left: -614px
    }
}

@media (min-width: 501px) and (max-width: 700px) {
    .style-switcher {
        width: 464px;
        left: -464px
    }

    .style-switcher.active.closes {
        left: -464px
    }

    .style-switcher.active > .close_block {
        right: 20px;
        z-index: 4
    }
}

@media (max-width: 500px) {
    .style-switcher {
        width: 343px;
        left: -343px
    }

    .style-switcher.active.closes {
        left: -343px
    }

    .hint-theme {
        left: 80px;
        padding: 0 20px 0 0
    }

    .hint-theme:before {
        left: 0
    }
}

@media (max-width: 500px) {
    .jqmOverlay.waiting, .sp-container.custom_picker_container, .style-switcher {
        display: none
    }
}

body {
    background-color: #fff;
    background-color: var(--black_bg_black);
    color: #555;
    color: var(--basic_text_black)
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

a.grey {
    color: #818181
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 700;
    margin: 46px 0 26px 0;
    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 #00f
}

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]:focus, .label[href]:hover {
    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 > tbody > tr > td, table.table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th, table.table > thead > tr > td, table.table > thead > tr > th {
    border: 0;
    padding: 11px
}

table.table b, table.table strong {
    font-weight: 600
}

table.table > tbody > tr > th, table.table > tfoot > tr > th, table.table > thead > 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 42px;
    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 42px;
    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(/joomla/templates/mysite-bbkural/images/bbkural.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(/joomla/templates/mysite-bbkural/images/bbkural.png) -17px -153px no-repeat;
    width: 26px;
    height: 18px
}

blockquote.danger:after {
    content: ""
}

blockquote.code {
    padding: 27px 42px 31px 42px;
    border: 1px solid #f2f2f2;
    border-color: var(--stroke_black);
    background: url(/joomla/templates/mysite-bbkural/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
}

ol, ul {
    padding-left: 17px;
    margin-bottom: 20px
}

ol + h3, ol + h4, ol + h5, ol + h6, ul + h3, ul + h4, ul + h5, ul + 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
}

ol li ol, ul li ul {
    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
}

#headerfixed ul li:before, #mobilefilter ul li:before, #mobileheader ul li:before, .jml-core-window:not(.jml-core-adm-admin-dialog) ul li:before, .mega-fixed-menu ul li:before, header 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(/joomla/templates/mysite-bbkural/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
}

.order-block .row > div, .styled-block .row > div {
    display: table-cell;
    vertical-align: middle
}

.order-block .row > vib.col-md-3, .styled-block .row > div.col-md-3 {
    text-align: center
}

.order-block .row > vib.col-md-3 .btn, .styled-block .row > div.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: 0
}

.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(/joomla/templates/mysite-bbkural/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
}

.jml-opera .select-outer i.fa {
    top: 6px;
    display: none
}

.jml-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 0 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
}

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

.jml-core-window img {
    vertical-align: baseline
}

.jml-core-window .adm-btn, .jml-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: 0 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: 0 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) 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: 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 (max-width: 767px) {
    .hide-768 {
        display: none
    }
}

@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
}

.clearfix.block, .row.clearfix {
    display: block
}

[id^=jml_incl] {
    display: inline;
    vertical-align: top;
    zoom: 1
}

.jml_editmode .jml_areas [id^=jml_incl], .right_block [id^=jml_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: 0 !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(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)
}

.scrollbar.scrollbar--overscroll-auto {
    overscroll-behavior: auto
}

.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:after, .maxwidth-theme:before {
    content: "";
    display: block;
    clear: both
}

.maxwidth-theme.maxwidth-theme--no-maxwidth {
    max-width: none
}

.maxwidth-theme--relative {
    position: relative
}

.maxwidth-theme.wide-Y {
    max-width: initial;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0;
    padding-left: 0
}

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

.border_content > .row, .container > .row, .greyline > .row, .logo_and_menu-row > .row, .main > .row {
    margin-left: 0;
    margin-right: 0
}

.container > .row > .maxwidth-theme:not(.wide-Y) > .content-md, .greyline > .row > .maxwidth-theme, .logo_and_menu-row > .row > .maxwidth-theme, .main > .row > .maxwidth-theme, section.page-top > .row > .maxwidth-theme {
    padding: 0
}

article.post-large {
    margin-left: 80px
}

article.post-large div.post-date, article.post-large div.post-image {
    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
}

.jml-core-waitwindow, div[id^=wait_comp] {
    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/mysite-bbkural/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 .shine:hover, .hover_blink:hover .shine {
    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.CONTENT_BOTTOM img, .banner.CONTENT_TOP img, .banner.FOOTER img, .banner.TOP_HEADER img, .banner.TOP_UNDERHEADER 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(/joomla/templates/mysite-bbkural/images/svg/bbkurala.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(/joomla/templates/mysite-bbkural/images/svg/docs_types.svg) 0 0 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.tif .inner-wrapper:before, .docs-block .blocks.tiff .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 #00f;
    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 a, .search-page .path > * {
    text-decoration: none
}

.search-page .path > li {
    display: inline-block;
    vertical-align: top;
    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]:focus, .search-page .searchinput input[type=text]:hover {
    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(/joomla/templates/mysite-bbkural/images/loaders/preloader.gif) no-repeat scroll center center rgba(0, 0, 0, 0) !important;
    border-color: transparent !important;
    color: transparent !important;
    cursor: default !important
}

.loadings * {
    background: rgba(0, 0, 0, 0) !important;
    border-color: transparent !important;
    color: transparent !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:active, .accordion-head:focus, .accordion-head:hover, .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-1 .item:hover, .accordion-type-2 .item, .accordion-type-2 .item:hover {
    border-color: #e5e5e5 !important;
    border-color: var(--stroke_black) !important
}

.accordion-type-1 .item .accordion-body, .accordion-type-1 .item .accordion-head, .accordion-type-1 .item .panel-collapse, .accordion-type-2 .item .accordion-body, .accordion-type-2 .item .accordion-head, .accordion-type-2 .item .panel-collapse {
    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 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;
    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.active > p, section.toggle > p.preview-active {
    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(/joomla/templates/mysite-bbkural/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.RECT_WHITE, a.scroll-to-top.ROUND_WHITE {
    background-color: #fff
}

a.scroll-to-top.RECT_GREY, a.scroll-to-top.ROUND_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.RECT_COLOR, a.scroll-to-top.ROUND_COLOR {
    background-position: center 14px
}

a.scroll-to-top.RECT_GREY, a.scroll-to-top.RECT_WHITE, a.scroll-to-top.ROUND_GREY, a.scroll-to-top.ROUND_WHITE {
    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: 0;
    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 .fa, .item-views .item .price .price_old .price_val, .order-block .price .price_old .fa, .order-block .price .price_old .price_val {
    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 -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(/joomla/templates/mysite-bbkural/images/svg/Arrow_right_white.svg) center no-repeat;
    top: 12px
}

.color-controls .flex-direction-nav a.flex-next:before {
    background: url(/joomla/templates/mysite-bbkural/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(/joomla/templates/mysite-bbkural/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;
    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;
    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: 0 0 10px rgba(0, 0, 0, .1)
}

.flexslider:not(.flexslider-init).flex_loader_circle {
    background: url(/joomla/templates/mysite-bbkural/images/pl3.gif) no-repeat center center !important;
    min-height: 200px
}

.flexslider.shadow.front .flex-direction-nav .flex-next, .flexslider.shadow.front .flex-direction-nav .flex-prev {
    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
}

.jml_soc_comments_div .jml-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(/joomla/templates/mysite-bbkural/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(/joomla/templates/mysite-bbkural/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.jml-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
}

.jml-ie .ui-button-desktop i {
    background: url(/joomla/templates/mysite-bbkural/images/svg/responsible/desktop.svg)
}

.jml-ie .ui-button-tablet i {
    background: url(/joomla/templates/mysite-bbkural/images/svg/responsible/tablet.svg)
}

.jml-ie .ui-button-mobile i {
    background: url(/joomla/templates/mysite-bbkural/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: 0 0 20px 0 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(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:after, .owl-carousel--no-gap.owl-carousel--with-shadow .owl-stage-outer:before {
        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:after, .index-block--fon .owl-carousel--with-shadow .owl-stage-outer:before {
    background: #fafafa;
    background: var(--darkerblack_bg_black)
}

.owl-carousel--show-next.owl-carousel--with-shadow .owl-stage-outer:after, .owl-carousel--show-next.owl-carousel--with-shadow .owl-stage-outer:before {
    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:after, .owl-carousel--with-shadow-20 .owl-stage-outer:before {
    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, .slider-solution--items-width-230-adaptive .slider-item {
        width: 230px !important
    }

    .owl-carousel--with-shadow .owl-stage-outer::after, .owl-carousel--with-shadow .owl-stage-outer::before {
        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, .slider-solution--buttons-bordered .slider-nav {
    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-next, .owl-carousel--with-shadow .owl-nav .owl-prev {
    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, .slider-solution--button-offset-half .slider-nav--prev {
    transform: translateX(-50%)
}

.owl-carousel--button-offset-half .owl-next, .slider-solution--button-offset-half .slider-nav--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.jml-ie .owl-carousel--button-wide .owl-carousel__button {
    transform: none
}

html.jml-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-next.disabled, .owl-carousel.owl-carousel--buttons-transparent .owl-prev.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__dots.swiper-pagination-bullets-dynamic {
    flex-wrap: nowrap
}

.owl-carousel__dots.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    flex-shrink: 0
}

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

.jml-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.jml-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--color-dots .owl-dots .owl-dot.active, .owl-carousel.owl-carousel--outer-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-next, .owl-carousel--nav-hover-visible .owl-nav .owl-prev {
    transition: left .3s ease, right .3s ease;
    visibility: hidden
}

.owl-carousel--nav-hover-visible:hover .owl-nav .owl-next, .owl-carousel--nav-hover-visible:hover .owl-nav .owl-prev {
    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: 0
}

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
}

.jqmWindow > .scrollbar {
    max-height: 100vh
}

.form.sending:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--white_bg_ccc) url(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 .form-inner label *, .form--BG_IMG .index-block__subtitle, .form--BG_IMG .index-block__title {
    color: #333
}

.form--SIDE_IMG .form-inner label *, .form--SIDE_IMG .index-block__title {
    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: 0 0 0 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 .form-control.input-filed, .form-control:hover, 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: 0
}

.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):after, .form .form-group input[type=checkbox] + label:not(.error):before {
    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.jml_filter {
    margin-top: 0
}

.form .licence_block.jml_filter input[type=checkbox] {
    display: block;
    visibility: hidden;
    width: 0;
    line-height: 0;
    margin: 0
}

.form .licence_block.jml_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 .jml_filter .form-group input[type=checkbox] + label:not(.error) {
    margin-left: 0
}

body .container .form .jml_filter.style_check {
    position: static;
    display: block;
    box-shadow: none;
    padding-bottom: 0
}

body .container .form .jml_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
}

.jml-ie .form__img--SIDE_IMG:not(.form--static) .form-fon {
    position: absolute;
    height: auto
}

.form-control.jml-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.contacts img.captcha_img, .form.inline 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
}

.jml-auth form[name=jml_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.compact label.error, body .captcha-row.normal label.error {
    top: 0
}

.grecaptcha-badge {
    z-index: 5
}

.form.popup .form-header {
    padding: 42px 50px 11px 50px
}

.form.popup .licence_block.jml_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.compact, .form.popup .captcha-row.normal {
    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(attach_icons.svg) 0 0 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(uploader-success.svg)
}

.uploader.files_add:not(.hover).error:before {
    background-image: url(uploader-error.svg)
}

.votes_block {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
    padding: 22px 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=FILE1] label, .row[data-sid=FILES1] label, .row[data-sid=RATING] 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 .jml-soa-auth .eye-password input[type=password], body .jml-soa-auth .eye-password input[type=text], body .eye-password input[type=password], body .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(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 .jml-soa-auth .eye-password:after {
    top: 2px
}

.eye-password.password-show:after {
    background-image: url(eye_open.svg)
}

.jqmWindow input[type=email]:focus, .jqmWindow input[type=password]:focus, .jqmWindow input[type=tel]:focus, .jqmWindow input[type=text]:focus, .jqmWindow select:focus, .jqmWindow textarea:focus {
    outline: 0;
    background: #fff;
    background-color: var(--card_bg_hover_black);
    border: 1px solid #ccc;
    border-color: var(--stroke_black)
}

.form .eye-password input {
    background-size: 0 !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-no-active:not(.active):hover, .color-theme-hover:hover, .color-theme-parent-all:hover .color-theme-target, .color-theme-parent:hover > .color-theme-target {
    color: #9e9e9e;
    color: var(--fill_dark_light_hover)
}

.active .bg-theme-active-child, .bg-theme, .bg-theme-active.active, .bg-theme-after:after, .bg-theme-before:before {
    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)
}

.active .bg-theme-active-child, .bg-theme-active.active {
    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-active.active, .bg-opacity-theme-after:after, .bg-opacity-theme-before:before, .bg-opacity-theme-hover:hover, .bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target {
    background-color: #9e9e9e;
    background-color: var(--opacity_dark_light_hover)
}

.active .border-theme-active-child, .border-theme, .border-theme-active.active, .border-theme-hover:hover, .border-theme-parent-hover:hover .border-theme-target {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.fill-theme svg *, .fill-theme-svg, .fill-theme-use-svg svg {
    fill: #9e9e9e;
    fill: var(--theme-base-color)
}

.fill-theme svg .no-fill {
    fill: none
}

.fill-theme-hover:hover *, .fill-theme-parent-all:hover .fill-theme-target *, .fill-theme-parent:hover > .fill-theme-target *, .fill-theme-use-svg-hover:hover * {
    fill: #9e9e9e;
    fill: var(--fill_dark_light_hover)
}

.fill-use-999 svg, .fill-use-svg-999 {
    fill: #999
}

.fill-use-888 svg, .fill-use-svg-888 {
    fill: #888
}

.fill-use-fff svg, .fill-use-svg-fff {
    fill: #fff
}

.stroke-use-999 svg, .stroke-use-svg-999 {
    stroke: #999
}

.stroke-use-888 svg, .stroke-use-svg-888 {
    stroke: #888
}

.stroke-use-grey svg, .stroke-use-svg-grey {
    stroke: #b8b8b8
}

.stroke-use-fff svg, .stroke-use-svg-fff {
    stroke: #fff
}

.stroke-theme *, .stroke-theme-svg, .stroke-theme-use-svg svg {
    stroke: #9e9e9e;
    stroke: var(--theme-base-color)
}

.stroke-theme-hover:hover *, .stroke-theme-parent-all:hover .stroke-theme-target *, .stroke-theme-parent:hover > .stroke-theme-target, .stroke-theme-use-svg-hover:hover * {
    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-button:hover path, .fancybox-slide--html .fancybox-close-small: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))
}

.colored, .dark-color:hover, a.colored {
    color: var(--fill_dark_light_white_hover)
}

a {
    color: var(--fill_dark_light_white_hover)
}

.colored:hover, a.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:focus, a:hover {
    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)
}

.jml_filter .jml_ui_slider_track .jml_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.active .title, .bottom-menu .item.active .title a, .bottom-menu .item:hover .title, .bottom-menu .item:hover .title a {
    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 > aside, .container > .row > .maxwidth-theme > .content-md > .left_block > div {
        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: #365edc
}

a.grey {
    color: #818181
}

a.grey:hover {
    color: #365edc
}

.dark_link:hover {
    color: #365edc
}

.btn-inline {
    color: #365edc
}

.btn-inline.black:hover {
    color: #365edc
}

.btn-inline.rounded:hover i {
    background: #365edc
}

body .fa.big-icon {
    background: #365edc
}

body .fa.big-icon.grey {
    color: #365edc;
    background: #efefef
}

.icon-text {
    color: #fff;
    background: #365edc
}

.icon-text .fa {
    color: #fff
}

.icon-text.grey {
    color: #222;
    background: #efefef
}

.icon-text.grey .fa {
    color: #365edc
}

a.scroll-to-top.ROUND_COLOR, a.scroll-to-top.RECT_COLOR {
    background-color: #365edc
}

a.scroll-to-top.ROUND_COLOR:hover, a.scroll-to-top.RECT_COLOR:hover {
    background-color: #597ae2
}

.underline {
    border-bottom: 2px solid #365edc
}

blockquote::before {
    color: #365edc
}

.review .it:before {
    color: #365edc
}

.styled-block {
    border-left-color: #365edc
}

.list.icons .fa {
    color: #365edc
}

table.table th {
    background-color: #365edc
}

hr.colored_line {
    border-color: #365edc
}

.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: #365edc
}

#main .header-cart--hcolor-count .header-cart__count {
    background-color: #5073e1 !important
}

.search-tags-cloud .tags a:hover {
    background: #365edc
}

.breadcrumb a:hover {
    color: #222
}

.breadcrumb a:active {
    color: #1d3da4
}

.breadcrumb li:hover > a {
    color: #5073e1
}

.pagination .active a, .pagination .active span {
    border-color: #365edc !important;
    background-color: #365edc !important
}

.pagination li:not(.active):hover a {
    border-color: #365edc !important;
    color: #365edc
}

.pagination a:hover .fa {
    color: #365edc
}

.pagination li.prev:hover a svg path, .pagination li.next:hover a svg path {
    fill: #365edc
}

.item-views.blocks h3.line:after {
    background: #365edc
}

.nav-direction .flex-direction-nav li a {
    background: #365edc
}

.nav-direction .flex-direction-nav li a:hover {
    background: #5073e1
}

.show_props .char_title:hover svg path {
    fill: #365edc
}

.cls-cluster2 {
    fill: #365edc
}

.social-icons li:hover a {
    border-color: #5073e1;
    background-color: transparent
}

.accordion-head.accordion-open a, .accordion-head:hover a {
    color: #365edc
}

.detail .gallery-block .small-gallery ul.items li.flex-active-slide, .detail .gallery-block .small-gallery ul.items li:hover {
    border-color: #365edc
}

.flex-direction-nav a:hover, .flex-direction-nav a:hover::before {
    color: #5073e1;
    border-color: #5073e1
}

.color-controls .flex-direction-nav a {
    background: #365edc
}

.color-controls .flex-direction-nav a:hover {
    background: #5073e1
}

span.zoom {
    background-color: #365edc
}

span.zoom:hover {
    background-color: #5073e1
}

.wr_scrollbar .scrollbar .handle {
    background: #365edc
}

.banners-small .item .title a:hover {
    color: #365edc !important
}

.banners-big.view_2 .slides li .maxwidth-theme .row .tablet_text {
    background-color: #365edc
}

.banners-big.view_2 .flexslider .slides li .wrap .tablet_text .banner_buttons .btn:hover {
    color: #365edc !important
}

.teasers.item-views.front.icons .item a:hover {
    color: #365edc !important
}

.front-projects.item-views.table .item .info {
    border-top-color: #365edc
}

.front-projects.item-views.table .item a:hover .info {
    background: #324860
}

.front-projects.item-views.table .item a:hover .info:before {
    border-bottom-color: #365edc
}

.item-views .item .title a:hover {
    color: #365edc
}

.docs-block .iblocks:hover .icons-block a, .iblocks .icons-block a:hover {
    background: #365edc
}

.docs-block .iblocks:hover .text-block .text {
    color: #365edc !important
}

.item-views .property.price .fa, .item-views .property.price .price_val {
    color: #365edc
}

.item-views .item:hover .property .fa {
    color: #365edc
}

.link-block-more .dark-color:hover:before {
    background: #365edc
}

.tabs.item-views.table .title, .history.item-views.table .title {
    color: #365edc
}

.history.item-views .title {
    color: #365edc
}

.detail .galery #slider.flexslider:hover .flex-direction-nav {
    background: #5073e1
}

.detail .galery #carousel .slides li.flex-active-slide {
    border-color: #365edc
}

.detail .reviews .item .review .icons:before {
    color: #365edc
}

.detail .galery #carousel .flex-direction-nav a:hover::before {
    color: #365edc
}

.catalog.group .price .price_val {
    color: #365edc
}

.select-outer i.fa {
    color: #365edc
}

.item-views.table.bblock .item .info {
    border-top-color: #365edc
}

.popup_regions .items .item.current {
    background: #365edc
}

#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: #365edc
}

.item .sticker-block {
    color: #365edc
}

.news_block .item .sticker {
    background: #365edc
}

.reviews.item-views.slider .item .preview-text-wrapper .quote svg path {
    fill: #365edc
}

.profit-front-block .item .image {
    background: #365edc
}

.item-views .item .title a.colored {
    color: #365edc
}

.float-banners.v2 .item:hover:after {
    background: #365edc
}

.marker .mcls-1 {
    fill: #365edc
}

.jml-yandex-view-layout .pane_info_wrapper .pane_info .email a:hover {
    color: #365edc
}

.marker:hover .mcls-1 {
    fill: #597ae2
}

.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: #365edc;
    border-color: #365edc
}

.subscribe-edit-main font.notetext {
    border-color: #365edc
}

.banners-big.short-banner.small .maxwidth-banner, .fill_bg_y.visible_banner header .line-row, body .maxwidth-theme, body.fill_bg_y.visible_banner .banners-big .maxwidth-banner, body.fill_bg_y.visible_banner .contacts-page-map, body.fill_bg_y.visible_banner footer, body.fill_bg_y.visible_banner > .body > .main {
    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-bottom-part, .grid-list--wide .services-list__item--has-additional-text .services-list__item-text-top-part .mCSB_container {
        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
    }

    .sections-list--img-srl .grid-list--items-1 .sections-list__item--big-padding, .services-list--img-trl .grid-list--items-1 .services-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: 0 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 {
    --theme-font-size: 15px;
    --theme-line-height: 25px;
    --theme-font-family: "Montserrat", Arial, sans-serif
}

html {
    font-size: 15px;
    font-size: var(--theme-font-size)
}

.fancybox-title, .gm-style, .gm-style-iw-d, body, body .ymaps-map .ymaps-b-balloon, body div.jml-yandex-map {
    font: 15px/25px Montserrat, Arial, sans-serif;
    font: var(--theme-font-size)/var(--theme-line-height) var(--theme-font-family)
}

.h1, .h2, .h3, .h4, .h5, .h6, .popup-window, h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, Arial, sans-serif;
    font-family: var(--theme-font-family)
}