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

.links-menu--container {
    position: relative;
/*padding-left: 10px;*/
/*padding-right: 10px;*/
}
.overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 102;
    background-color: rgba(0,0,0,0.3);
}
.lock{
    width: 20px;
    height: 20px;
}
.links-menu {
    box-shadow: 7px 2px 31px -18px rgba(0,0,0,0.75);
    height: 43px;
    width: 220px;
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    text-decoration: none;
    color: black;
    font-size: 18px;
    transition: border ease .5s;
    border: 1px solid white;
    z-index: 104;
    position: relative;

}
.arrow{
    margin-left: 20px;
}
.links-menu.open {
    border-radius: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.arrow {
    transform: rotate(0deg);
    transition: transform ease .5s;
}

.arrow.rotate-arrow {
    transform: rotate(180deg);
    transition: transform ease .5s;
}


.links-menu:hover {
    /*border: 1px solid black;*/
    transition: border ease .5s;
}

.links-nav {
    position: absolute;
    top: 100%;
    z-index: 103;
    background-color: #ffff;
    width: 100%;
    opacity: 0;
    padding: 25px 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}
.links-nav:before{
    content: '';
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    background-color: #fff;
    top: -50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 11;
}

.links-nav.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}

.links-nav li {
    padding: 10px 8px;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    /*border: 1px solid white;*/
    transition: background-color ease .5s;
    background-color: #ff382c;

}
.links-nav li:not(:last-child){
    margin-bottom: 15px;
}
.links-nav li:hover {
    background-color: #cc2c23;
    /*border: 1px solid black;*/
    transition: background-color ease .5s;
}

.links-nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: 100%;*/
    text-decoration: none;
    color: white;
    font-size: 15px;
}
.links-nav li a svg{
    fill: white;
}
.links-nav li a:hover {

}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: 0 0
}

body {
    margin: 0;
    line-height: 1
}

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

address, cite, dfn, em, i, var {
    font-style: normal
}

b, h1, h2, h3, h4, h5, h6, strong, th {
    font-weight: 400
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

summary {
    display: list-item
}

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

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    color: #ff3b30;
    text-decoration: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

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

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

img {
    border: 0;
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto
}

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-spacing: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px
}

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

button, select {
    text-transform: none
}

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

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

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

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

input {
    line-height: normal
}

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

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

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

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

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

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

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

progress {
    vertical-align: baseline
}

pre, textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

figure {
    margin: 1em 40px
}

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

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

@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/ManropeRegular/ManropeRegular.woff2) format("woff2"), url(../fonts/Manrope/ManropeRegular/ManropeRegular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/ManropeBold/ManropeBold.woff2) format("woff2"), url(../fonts/Manrope/ManropeBold/ManropeBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/ManropeSemiBold/ManropeSemiBold.woff2) format("woff2"), url(../fonts/Manrope/ManropeSemiBold/ManropeSemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/ManropeExtraBold/ManropeExtraBold.woff2) format("woff2"), url(../fonts/Manrope/ManropeExtraBold/ManropeExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/ManropeMedium/ManropeMedium.woff2) format("woff2"), url(../fonts/Manrope/ManropeMedium/ManropeMedium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(../fonts/Manrope/ManropeLight/ManropeLight.woff2) format("woff2"), url(../fonts/Manrope/ManropeLight/ManropeLight.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

.no-objectfit .list-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.no-objectfit .list-img img {
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth
}

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

body, html {
    height: 100%
}

body {
    font: 15px Manrope, "Helvetica CY", "Nimbus Sans L", sans-serif;
    color: #252525;
    overflow-x: hidden;
    background-color: #efefef
}

.dark-mode {
    color: #fff;
    background-color: #050505
}

.dark-mode .breadcrumbs a, .dark-mode .cities-info ul a, .dark-mode .content-st-3, .dark-mode .form-1 label, .dark-mode .list-10 a, .dark-mode .list-16 strong, .dark-mode .list-17 div, .dark-mode .list-18 a, .dark-mode .list-1__content, .dark-mode .list-1__content a, .dark-mode .list-20 > div:nth-child(4n+2) .list-st-4 > div:last-child a, .dark-mode .list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child, .dark-mode .list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child a, .dark-mode .list-23 > a h2 span, .dark-mode .list-23 > a ul li, .dark-mode .list-23 > a:nth-child(2n+2) h2 span, .dark-mode .list-23 > a:nth-child(2n+2) p, .dark-mode .list-23 > a:nth-child(2n+2) section + section h2, .dark-mode .list-4 a, .dark-mode .list-5 a, .dark-mode .list-5 p, .dark-mode .list-st-2 a, .dark-mode .list-st-8 a, .dark-mode .manager-info, .dark-mode .manager-info + section h2, .dark-mode .manager-info + section h2 + p, .dark-mode .manager-info-slider__content a, .dark-mode .phones-info ul a, .dark-mode .table-1 tbody tr:first-child td, .dark-mode .table-2 tr:first-child td, .dark-mode .tags-list a, .dark-mode .tags-list span, .dark-mode h1, .dark-mode h2, .dark-mode h3 {
    color: #fff
}

.dark-mode .cities-info li, .dark-mode .content-st-3, .dark-mode .content-st-4 .content-4__main, .dark-mode .form-st-1, .dark-mode .form-st-2, .dark-mode .has-sub > div > div, .dark-mode .list-10 a, .dark-mode .list-10 strong, .dark-mode .list-13 a, .dark-mode .list-17 div, .dark-mode .list-18 a, .dark-mode .list-20 > div:nth-child(4n+2) .list-st-4, .dark-mode .list-20 > div:nth-child(4n+2) .list-st-4 > div:last-child .list-22 li:before, .dark-mode .list-20 > div:nth-child(4n+3) .list-st-4 > div, .dark-mode .list-20 > div:nth-child(4n+3) .list-st-4 > div:last-child .list-22 li:before, .dark-mode .list-23 > a:nth-child(2n+2), .dark-mode .list-st-2 a, .dark-mode .list-st-6 a > div:last-child, .dark-mode .list-st-9 > div, .dark-mode .manager-info, .dark-mode .modal__content, .dark-mode .paginator a, .dark-mode .phones-info li, .dark-mode .search-form, .dark-mode .table-2 tr:first-child td, .dark-mode .tags-list a, .dark-mode .tags-list a:hover, .dark-mode blockquote, .dark-mode table tr:nth-child(even) td, .dark-mode td, .dark-mode th {
    background-color: #1f1f1f
}

.dark-mode .list-11 a {
    background-color: transparent
}

.dark-mode .has-sub > a:before {
    border-color: transparent transparent #1f1f1f
}

.dark-mode .modal-overlay {
    background-color: rgba(5, 5, 5, .9)
}

.dark-mode .article ol li:before, .dark-mode .list-18 span, .dark-mode .list-20 > div:nth-child(4n+2) .list-st-4 > div:last-child, .dark-mode .list-20 > div:nth-child(4n+3) .list-st-4 > div:last-child, .dark-mode .list-26:after, .dark-mode .table-1 tbody tr:nth-child(odd) td, .dark-mode .toggle-wrapper > div, .dark-mode table tr:first-child td {
    background-color: #050505
}

.dark-mode .tags-list a:hover {
    color: #ff3b30
}

.dark-mode .search-form__submit:before {
    background-position: -205px -109px
}

.dark-mode .article strong {
    color: #ff3b30
}

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

.flexbox footer, .flexbox header {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flexbox main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flexbox footer {
    opacity: 1
}

main {
    padding-top: 52px;
    padding-bottom: 55px
}

.container, .container-md, .container-sm {
    margin-left: auto;
    margin-right: auto
}

.container {
    max-width: 1200px
}

.container-md {
    max-width: 1000px
}

.container-sm {
    max-width: 700px
}

h1, h2, h3 {
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.25
}

h1 {
    font-size: 41px;
    color: #ff3b30
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0
}

a:hover {
    text-decoration: underline
}

blockquote, p {
    margin-bottom: 20px;
    line-height: 1.55
}

blockquote {
    padding: 20px;
    background-color: #fff;
    border-left: 3px solid #ff3b30
}

.list-reset-st, blockquote p:last-child {
    margin-bottom: 0
}

.list-reset-st li {
    position: static;
    margin-bottom: 0;
    padding-left: 0
}

.list-reset-st li:before {
    display: none
}

table tr:first-child td {
    background-color: #555;
    color: #fff
}

table tr:nth-child(even) td {
    background-color: #fff
}

table td:nth-child(even) {
    text-align: center
}

td, th {
    vertical-align: top;
    padding: 14px 7px;
    line-height: 1.2;
    background-color: #fff
}

td:first-of-type, th:first-of-type {
    padding-left: 14px
}

td:last-of-type, th:last-of-type {
    padding-right: 14px
}

.breadcrumbs {
    font-size: 12px;
    font-weight: 300;
    line-height: 1
}

.breadcrumbs li {
    position: relative;
    display: inline-block;
    padding-left: 12px;
    vertical-align: middle;
    margin-right: 1px;
    margin-bottom: 10px
}

.breadcrumbs li:first-child {
    padding-left: 0
}

.breadcrumbs li:first-child:before {
    display: none
}

.breadcrumbs li:last-child {
    margin-right: 0
}

.breadcrumbs li:last-child a {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    text-decoration: none;
    border-color: transparent
}

.breadcrumbs li:before {
    content: '>';
    position: absolute;
    left: 0;
    top: 0;
    background: 0 0
}

.breadcrumbs a {
    position: relative;
    display: inline-block;
    color: #000;
    text-decoration: none
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: #ff3b30
}

.paginator {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: 300
}

.paginator a, .paginator span {
    display: inline-block;
    height: 30px;
    min-width: 30px;
    line-height: 31px !important;
    margin-bottom: 4px;
    margin-right: 2px;
    padding: 0 10px
}

.paginator a {
    color: #fff;
    background-color: #252525;
    text-decoration: none
}

.paginator a:hover {
    text-decoration: none
}

.paginator .act, .paginator a:hover {
    color: #fff;
    background: #ff3b30
}

.back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    width: 40px;
    height: 40px;
    background-color: rgba(37, 37, 37, .85);
    border: 2px solid #fff;
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.back-top:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 9px;
    margin-left: -8px;
    margin-top: -4.5px;
    background: url(../img/sprites3.png) -127px -109px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.back-top:hover:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH
}

.back-top-show {
    visibility: visible;
    opacity: 1
}

.tags-list {
    margin-top: 25px;
    margin-bottom: 15px
}

.tags-list span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    color: #c5c9cd
}

.tags-list a {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    padding: 11px 15px 9px;
    font-size: 12px;
    line-height: 1;
    color: #252525;
    border-radius: 5px;
    background-color: #e3e3e3;
    text-decoration: none
}

.tags-list a:last-child {
    margin-right: 0
}

.tags-list a:hover {
    text-decoration: none;
    background: #d6d6d6
}

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

.clearfix:after {
    clear: both
}

.header__bottom-content, .header__top-content {
    overflow-y: hidden;
    opacity: 0
}

.header__top-content {
    height: 17px
}

.header__bottom-content {
    height: 62px
}

.cities-info, .header__add-nav, .header__add-nav a, .header__add-nav li, .header__top-content > div, .lang, .lang a, .logo-company, .main-nav, .main-nav > ul > li, .main-nav > ul > li > a, .mode-nav, .mode-nav button, .mode-nav span, .phones-info, .search-form, .search-form__submit, .social, .social a, .social li {
    display: inline-block
}

.header__top-content > div, .logo-company, .main-nav, .search-form {
    vertical-align: middle
}

.header__top {
    padding-top: 8px;
    padding-bottom: 5px;
    background: #202020
}

.cities-info, .cities-info a, .header__add-nav a, .lang a, .mode-nav button, .phones-info, .phones-info a {
    color: #fff
}

.cities-info, .header__add-nav, .lang, .phones-info {
    font-size: 12px;
    font-weight: 300;
    line-height: 1
}

.cities-info a, .header__add-nav a, .lang a, .phones-info a {
    text-decoration: none
}

.cities-info a:hover, .header__add-nav a:hover, .lang a:hover, .mode-nav button:hover, .phones-info a:hover, a.header__add-nav__active, a.lang__active, button.mode-nav__active {
    color: #ff3b30
}

.header__add-nav__active {
    text-transform: uppercase;
    -webkit-animation: .75s infinite both blick;
    animation: .75s infinite both blick
}

@keyframes blick {
    0% {
        color: #ff3b30
    }
    100% {
        color: #fff
    }
}

.cities-info, .phones-info {
    position: relative
}

.cities-info ul, .phones-info ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 102;
    min-width: 100%;
    padding-top: 6px;
    border-radius: 0 0 4px 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: .3s cubic-bezier(.175, .885, .32, 1.275)
}

.cities-info ul a, .phones-info ul a {
    display: block;
    padding: 11px 16px 9px;
    color: #202020;
    text-align: right;
    white-space: nowrap
}

.cities-info ul a:hover, .phones-info ul a:hover {
    color: #ff3b30
}

.cities-info ul:after, .cities-info ul:before, .phones-info ul:after, .phones-info ul:before {
    content: '';
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 8px rgba(37, 37, 37, .35);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px/10px
}

.cities-info li, .phones-info li {
    border-bottom: 1px solid #efefef;
    background-color: #fff
}

.cities-info li:last-child, .phones-info li:last-child {
    border-bottom: none
}

.cities-info button, .phones-info button {
    position: relative;
    display: inline-block;
    padding-left: 0;
    padding-right: 16px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.cities-info button:before, .phones-info button:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 5px;
    height: 3px;
    margin-top: -1px;
    background: url(../img/sprites3.png) -180px -109px no-repeat
}

.cities-info button:hover, .phones-info button:hover {
    color: #ff3b30
}

.cities-info {
    margin-right: 15px;
    padding-left: 16px
}

.cities-info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 14px;
    background: url(../img/sprites3.png) -2px -2px no-repeat
}

button.toggle-btn-style-2:before {
    background-position: -180px -115px
}

.lang {
    margin-left: 42px;
    margin-right: 11px
}

.lang a {
    margin-right: 2px
}

.lang a:last-child {
    margin-right: 0
}

.lang a, .mode-nav button {
    text-transform: uppercase
}

.header__add-nav {
    margin-right: 55px
}

.header__add-nav li {
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #0a0a0a
}

.header__add-nav li:first-child {
    padding-right: 0;
    border-right: none;
    border-left: 1px solid #0a0a0a
}

.mode-nav {
    position: relative;
    top: -2px
}

.mode-nav button, .mode-nav span {
    vertical-align: middle
}

.mode-nav button {
    width: auto;
    padding: 0;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mode-nav span {
    position: relative;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 50%;
    background: url(../img/sprites3.png) -161px -109px no-repeat
}

.social a {
    margin-right: 7px;
    font-size: 16px;
    line-height: 1;
    color: rgba(255, 255, 255, .5)
}

.social a:last-child {
    margin-right: 0
}

.social a:hover {
    color: #fff
}

.header__bottom {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #ff382c
}

.main-nav {
    margin-top: -2px;
    margin-left: 51px
}

.main-nav > ul > li {
    margin-right: 40px
}

.main-nav > ul > li:last-child {
    margin-right: 0
}

.main-nav > ul > li > a {
    font-size: 16px;
    color: #fff
}

.main-nav > ul > li > a:hover {
    color: #242020;
    text-decoration: none
}

.has-sub > button {
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

.header__bottom-add, .toggle-wrapper {
    display: none
}

.search-form {
    /*position: relative;*/
    /*width: 223px;*/
    /*height: 23px;*/
    /*margin-top: 19px;*/
    /*padding-right: 23px;*/
    /*font-size: 12px;*/
    /*border-radius: 4px;*/
    /*background-color: #fff*/
}

.search-form input {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px
}

.search-form__submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 23px;
    height: 23px
}

.search-form__submit:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 13px;
    height: 12px;
    margin-top: -5.5px;
    background: url(../img/sprites3.png) -128px -94px no-repeat
}

.search-form__submit:hover:before {
    background-position: -188px -109px
}

.flexbox .header__bottom-content, .flexbox .header__top-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

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

.flexbox .header__bottom-content {
    align-items: center;
}

.no-flexbox .header__bottom-content, .no-flexbox .header__top-content {
    text-align: justify;
    line-height: 0;
    font-size: 1px
}

.no-flexbox .header__bottom-content:after, .no-flexbox .header__top-content:after {
    content: '';
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    display: inline-block
}

.no-flexbox .header__top-content > div {
    vertical-align: middle
}

.no-flexbox .header__bottom-content > div {
    display: inline-block;
    vertical-align: top
}

.flexbox .header__bottom-content, .flexbox .header__top-content, .no-flexbox .header__bottom-content, .no-flexbox .header__top-content {
    height: auto;
    overflow-y: visible;
    opacity: 1
}

.hel {
    width: 0;
    height: 0;
    line-height: 0 !important;
    font-size: 0;
    visibility: hidden;
    opacity: 0;
    text-indent: -9999px
}

.fl {
    float: left
}

.fr {
    float: right
}

.hide {
    display: none
}

.show {
    display: inline-block
}

.db {
    display: block !important
}

.dn {
    display: none !important
}

.dinbl {
    display: inline-block
}

.disabled {
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

.visible {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scaleY(1) !important;
    transform: scaleY(1) !important
}

.vat {
    vertical-align: top
}

.vam {
    vertical-align: middle
}

.fs0 {
    font-size: 0
}

.op0 {
    opacity: 0
}

.op1 {
    opacity: 1 !important
}

.ovh {
    overflow: hidden
}

.ovyh {
    overflow-y: hidden
}

.psr {
    position: relative
}

.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.ttu {
    text-transform: uppercase
}

.title-1 {
    font-weight: 300;
    color: #252525
}

.title-2 {
    font-weight: 700;
    color: #f9f9f9;
    text-transform: uppercase
}

.title-3 {
    font-size: 38px;
    line-height: 1
}

.title-4 {
    font-size: 50px;
    line-height: 1
}

.icon {
    position: relative;
    display: inline-block
}

.icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url(../img/sprites3.png);
    background-repeat: no-repeat
}

.icon-1, .icon-2, .icon-3 {
    padding-left: 55px
}

.icon-1:before {
    width: 40px;
    height: 41px;
    margin-top: -20px;
    background-position: -3px -92px
}

.icon-2:before {
    left: .5px;
    width: 39px;
    height: 39px;
    margin-top: -20px;
    background-position: -46px -91px
}

.icon-3:before {
    left: 1.5px;
    width: 37px;
    height: 39px;
    margin-top: -20px;
    background-position: -86px -95px
}

.icon-4, .icon-5, .icon-6 {
    padding-left: 55px
}

.icon-4:before {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-position: -84px -3px
}

.icon-5:before {
    left: .5px;
    width: 39px;
    height: 39px;
    margin-top: -19.5px;
    background-position: -131px -2px
}

.icon-6:before {
    left: 1.5px;
    width: 37px;
    height: 39px;
    margin-top: -19.5px;
    background-position: -177px -3px
}

.map {
    position: relative;
    overflow: hidden
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    border: 0
}

.fw300, .fw500 {
    font-weight: 500
}

.fw600 {
    font-weight: 600
}

.fw700 {
    font-weight: 700
}

.fw800 {
    font-weight: 800
}

.fsz14 {
    font-size: 14px
}

.cb {
    color: #252525
}

.c6 {
    color: #ff3b30
}

.c21 {
    color: #454545
}

.bg2 {
    background: #fff
}

.bg4 {
    background: #202020
}

.bg5 {
    background: #ff382c
}

.bg9 {
    background: #e7e4e5
}

.mt45 {
    margin-top: 45px
}

.mt40 {
    margin-top: 40px
}

.mt35 {
    margin-top: 35px
}

.mt30 {
    margin-top: 30px
}

.mt25 {
    margin-top: 25px
}

.mt20 {
    margin-top: 20px
}

.mt15 {
    margin-top: 15px
}

.mt10 {
    margin-top: 10px
}

.mb5 {
    margin-top: 5px
}

.mt0 {
    margin-top: 0
}

.mb80 {
    margin-bottom: 80px
}

.mb60 {
    margin-bottom: 60px
}

.mb45 {
    margin-bottom: 45px
}

.mb40 {
    margin-bottom: 40px
}

.mb35 {
    margin-bottom: 35px
}

.mb30 {
    margin-bottom: 30px
}

.mb25 {
    margin-bottom: 25px
}

.mb20 {
    margin-bottom: 20px
}

.mb15 {
    margin-bottom: 15px
}

.mb10 {
    margin-bottom: 10px
}

.mb7 {
    margin-bottom: 7px
}

.mb5 {
    margin-bottom: 5px
}

.mb0 {
    margin-bottom: 0
}

.p25 {
    padding: 25px
}

.pl55 {
    padding-left: 55px
}

.pl25 {
    padding-left: 25px
}

.pr25 {
    padding-right: 25px
}

.pt30 {
    padding-top: 30px
}

.pt25 {
    padding-top: 25px
}

.pt20 {
    padding-top: 20px
}

.pt15 {
    padding-top: 15px
}

.pt10 {
    padding-top: 10px
}

.pt-5 {
    padding-top: 5px
}

.pb30, .pb40 {
    padding-bottom: 30px
}

.pb-25 {
    padding-bottom: 25px
}

.pb20 {
    padding-bottom: 20px
}

.pb15 {
    padding-bottom: 15px
}

.pb10 {
    padding-bottom: 10px
}

.pb5 {
    padding-bottom: 5px
}

.brrds4 {
    border-radius: 4px
}

.scroll-table-content {
    overflow-x: auto;
    margin-bottom: 20px
}

.scroll-table-content table {
    margin-bottom: 0
}

.btn {
    display: inline-block;
    padding: 16px 16px 14px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #252525;
    background: #fff;
    border: 1px solid #efefef;
    text-transform: uppercase;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

.btn:hover {
    color: #ff3b30;
    background: #efefef;
    text-decoration: none
}

.link {
    position: relative;
    display: inline-block;
    padding-right: 32px;
    font-size: 13px;
    line-height: 1.25;
    color: #252525
}

.link span {
    position: absolute;
    right: 0;
    top: 50%;
    width: 22px;
    height: 22px;
    margin-top: -13px;
    border-radius: 50%;
    background: #fff
}

.link span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-left: -3.5px;
    margin-top: -5.5px;
    background: url(../img/sprites3.png) -217px -94px no-repeat
}

.link:hover {
    color: #ff3b30;
    text-decoration: none
}

.link-1 {
    padding-right: 40px;
    color: #fff
}

.link-1 span:after {
    background-position: -197px -94px
}

.link-1:hover {
    color: #252525
}

.link-2 {
    padding-right: 27px;
    font-weight: 700
}

.link-2 span {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #efefef
}

.link-2 span:after {
    width: 5px;
    height: 7px;
    margin-left: -2.5px;
    margin-top: -3.5px;
    background-position: -163px -129px
}

.link-3:hover {
    color: #fff
}

.link-4 {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%
}

.link-4:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-left: -3.5px;
    margin-top: -5.5px;
    background: url(../img/sprites3.png) -217px -94px no-repeat
}

.style-4 {
    margin-bottom: 75px
}

.style-6 {
    height: 300px;
    overflow: hidden
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    will-change: top;
    z-index: 99
}

.sticky-1 {
    left: 0
}

.style-10 {
    margin-top: -52px;
    background: url(../img/bg-5.png) 100% 100% no-repeat fixed #ae272b
}

.table-2 tr:first-child td {
    background-color: #fff;
    color: #252525
}

.table-2 td {
    font-weight: 700;
    background-color: #fff
}

.table-2 td:last-child {
    width: 130px;
    color: #ff3b30 !important
}

.table-1 {
    border-collapse: collapse;
    text-align: center
}

.table-1 tr td:first-child {
    text-align: left
}

.table-1 thead tr td {
    background-color: #252525;
    color: #fff;
    text-transform: uppercase
}

.table-1 tbody td {
    border-right: 1px solid #d6d6d6
}

.table-1 tbody tr:first-child td {
    color: #252525
}

.table-1 tbody tr:nth-child(odd) td {
    background-color: #e3e3e3
}

.table-1 tbody tr td:last-child {
    border-right: none
}

.table-style-1 td:nth-of-type(2), .table-style-1 td:nth-of-type(3), .table-style-1 th:nth-of-type(2), .table-style-1 th:nth-of-type(3) {
    width: 150px
}

.viber-btn {
    display: inline-block;
    padding: 8px 19.5px 6px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    background-color: #7d519e;
    border-radius: 19px
}

.viber-btn i {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    font-size: 24px;
    line-height: 1
}

.viber-btn:hover {
    text-decoration: none;
    background-color: #6f498d
}

button, input {
    overflow: visible;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    background: 0 0
}

input:focus {
    outline: 0;
    box-shadow: none
}

::-webkit-input-placeholder {
    color: #252525;
    text-overflow: ellipsis
}

::-moz-placeholder {
    opacity: 1;
    color: #252525;
    text-overflow: ellipsis
}

:-moz-placeholder {
    opacity: 1;
    color: #252525;
    text-overflow: ellipsis
}

-ms-input-placeholder, -o-input-placeholder {
    color: #252525;
    text-overflow: ellipsis
}

:focus::-webkit-input-placeholder {
    color: transparent !important
}

:focus::-moz-placeholder {
    color: transparent !important
}

:focus:-moz-placeholder {
    color: transparent !important
}

:focus -ms-input-placeholder, :focus -o-input-placeholder {
    color: transparent !important
}

.form-1 input, .form-1 label, .form-1 textarea {
    line-height: 1;
    color: #252525
}

.form-1 label {
    display: block;
    margin-bottom: 15px
}

.form-1 input, .form-1 textarea {
    width: 100%;
    margin-bottom: 22px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid transparent;
    background: #f2f2f2
}

.form-1 input:focus, .form-1 textarea:focus {
    border-color: #e6e6e6
}

.form-1 input {
    height: 50px
}

.form-1 textarea {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 100px;
    resize: vertical
}

.form-2 > div, .form-3 > div {
    margin-bottom: 22px
}

.form-2 input, .form-2 textarea, .form-3 input, .form-3 textarea {
    margin-bottom: 0
}

.form-1__submit {
    display: block;
    padding: 17px 10px 15px;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    background: #ff3b30;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    text-decoration: none
}

.form-1__submit:hover {
    background: #ff2014;
    text-decoration: none
}

.form-3 input, .form-3 label, .form-3 textarea {
    font-size: 15px
}

.form-4 > div > div {
    margin-bottom: 35px
}

.form-4 input, .form-4 label {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.form-4 label {
    display: block;
    margin-bottom: 10px;
    color: rgba(249, 249, 249, .5)
}

.form-4 input {
    height: 57px;
    color: #252525;
    background-color: #efefef
}

.form-4__submit {
    display: block;
    height: 57px;
    font-size: 15px;
    font-weight: 700;
    line-height: 59px !important;
    text-transform: uppercase;
    text-align: center;
    color: #fefefe;
    background-color: #ff3b30;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.form-4__submit:hover {
    background-color: #ff2014;
    text-decoration: none
}

.form-st-1, .form-st-2 {
    background-color: #fff;
    padding-top: 23px;
    padding-bottom: 23px
}

.form-st-1 {
    padding-left: 8.8%;
    padding-right: 8.8%
}

.form-st-2 {
    padding-left: 4%;
    padding-right: 4%
}

.list-1, .list-10, .list-11, .list-12, .list-13, .list-17, .list-18, .list-2, .list-20, .list-23, .list-24, .list-25, .list-26, .list-27, .list-3, .list-31, .list-32, .list-5, .list-7, .list-8 {
    opacity: 0
}

.list-10 a, .list-11 a, .list-12 a, .list-13 a, .list-18 a, .list-24 a, .list-25 a, .list-26 a, .list-27 a, .list-31 a, .list-5 a, .list-7 a, .list-8 a {
    display: block
}

.list-1__content {
    font-size: 13px;
    color: #252525
}

.list-1__content p {
    margin-bottom: 10px
}

.list-1__content p:last-child {
    margin-bottom: 0
}

.list-1__content a {
    display: inline-block;
    color: #252525
}

.list-1__content a[href^=tel] {
    font-weight: 700
}

.list-1__content a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-1__content strong {
    display: block;
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #ff3b30;
    text-transform: uppercase
}

.list__img-1 {
    position: relative;
    overflow: hidden
}

.list__img-1 img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.list__img-2 {
    position: relative
}

.list__img-2 div {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
    overflow: hidden
}

.list__img-2 img {
    max-height: 100%
}

.list__img-3 {
    position: relative;
    padding-top: 44.77%
}

.list__img-3 div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 18px;
    overflow: hidden;
    opacity: 0
}

.list__img-3 img {
    max-height: 100%
}

.no-img {
    height: 100%;
    padding: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.no-img span {
    display: inline-block
}

.no-img:hover {
    color: #ff3b30
}

.list-1 .list__img-1 {
    padding-top: 64.225%
}

.list-4 li {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.2
}

.list-4 li:last-child {
    margin-bottom: 0
}

.list-4 a, .list-4 span, .list-4 strong {
    display: inline-block
}

.list-4 a {
    color: #252525
}

.list-4 a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-4 strong {
    margin-bottom: 8px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #ff3b30;
    text-transform: uppercase;
    border-bottom: 1px solid #e7e4e5;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-4 strong:hover {
    border-color: #ff3b30
}

.list-4 span {
    text-transform: none
}

.list-5 a, .list-5 p {
    color: #252525
}

.list-5 p, .list-5 strong {
    padding-left: 5.55%;
    padding-right: 5.55%
}

.list-5 a {
    position: relative;
    padding-bottom: 40px;
    font-size: 12px
}

.list-5 a p:last-of-type {
    margin-bottom: 0
}

.list-5 a:hover {
    text-decoration: none
}

.list-5 a:hover p {
    color: #ff3b30
}

.list-5 strong {
    margin-top: 29px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1
}

.list-5 p {
    line-height: 1.65;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-5 span {
    position: absolute;
    right: 14px;
    bottom: 0;
    padding-right: 44px;
    font-size: 13px;
    color: #ff3b30
}

.list-5 span i {
    position: absolute;
    right: 0;
    top: -3px;
    width: 24px;
    height: 24px;
    background-color: #ff382c;
    border-radius: 50%
}

.list-5 span i:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-left: -3.5px;
    margin-top: -5.5px;
    background: url(../img/sprites3.png) -248px -94px no-repeat
}

.list-5 .list__img-1 {
    padding-top: 52.712%
}

.list-6 li {
    margin-bottom: 14px
}

.list-6 li:last-child {
    margin-bottom: 0
}

.list-6 a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #ff3b30;
    text-decoration: underline
}

.list-6 a:hover {
    text-decoration: none
}

.list-26 li, .list-7 li {
    overflow: hidden
}

.list-7 li {
    position: relative;
    padding-top: 79.205%;
    border-right: 1px solid #fff
}

.list-7 li:first-child a {
    font-size: 19px
}

.list-7 li:first-child a:after {
    display: none
}

.list-7 li:first-child strong {
    bottom: 0;
    padding-bottom: 16px;
    border-left: 6px solid #ff2f23;
    background-color: #202020
}

.list-7 li:nth-child(4), .list-7 li:nth-child(5) {
    border-right: none
}

.list-7 li:nth-child(2), .list-7 li:nth-child(4) {
    border-bottom: 1px solid #fff
}

.list-7 a, .list-7 a:after, .list-7 div, .list-7 img, .list-7 strong {
    position: absolute;
    left: 0
}

.list-7 a, .list-7 a:after, .list-7 div, .list-7 img {
    top: 0
}

.list-7 a, .list-7 a:after, .list-7 div, .list-7 strong {
    width: 100%
}

.list-7 a, .list-7 a:after, .list-7 div {
    height: 100%
}

.list-7 a {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    color: #fff
}

.list-7 a:after {
    content: '';
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, .25) 55%, rgba(32, 32, 32, .55) 75%, rgba(32, 32, 32, .85) 85%, #202020 100%);
    background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, .25) 55%, rgba(32, 32, 32, .55) 75%, rgba(32, 32, 32, .85) 85%, #202020 100%);
    background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, .25) 55%, rgba(32, 32, 32, .55) 75%, rgba(32, 32, 32, .85) 85%, #202020 100%)
}

.list-7 a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-7 div {
    overflow: hidden
}

.list-7 img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.list-7 span, .list-7 strong {
    z-index: 2
}

.list-7 span {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 12px 15px 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #252525;
    text-transform: uppercase;
    background-color: #ff2f23
}

.list-7 strong {
    bottom: 16px;
    padding: 20px 6% 0
}

.list-8 > div {
    margin-bottom: 20px
}

.list-8 a {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #252525;
    background-color: #fff
}

.list-8 a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-8 strong {
    padding: 18px 7% 35px 9%
}

.list-8 .list__img-1 {
    padding-top: 51.5%
}

.list-9 {
    font-size: 12px
}

.list-9 li {
    margin-bottom: 20px
}

.list-9 li:last-child {
    margin-bottom: 0
}

.list-9 li p {
    line-height: 1.7
}

.list-9 li p:last-child {
    margin-bottom: 0
}

.list-9 strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #ff3b30;
    text-transform: uppercase
}

.list-9 a {
    display: table;
    max-width: 100%;
    color: #fff
}

.list-9 a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-10 > div {
    margin-bottom: 20px
}

.list-10 a, .list-10 strong {
    background-color: #fff
}

.list-10 a {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: #252525
}

.list-10 a:hover {
    text-decoration: none;
    color: #ff3b30
}

.list-10 strong {
    padding: 17px 20px
}

.list-10 .list__img-1 {
    padding-top: 53.575%
}

.list-11 .list__img-1, .list-12 .list__img-1 {
    padding-top: 127%
}

.list-11 > div {
    margin-bottom: 25px
}

.list-11 a {
    padding-bottom: 20px;
    font-size: 14px
}

.list-11 strong {
    margin-top: 15px;
    margin-bottom: 13px;
    font-size: 17px;
    font-weight: 400
}

.list-11 .no-img {
    font-size: 15px
}

.list-12 > div {
    margin-bottom: 20px
}

.list-12 a {
    padding-bottom: 15px;
    font-size: 11px
}

.list-12 strong {
    margin-top: 14px;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 400
}

.list-12 .no-img {
    font-size: 12px
}

.list-13 > div {
    margin-bottom: 25px
}

.list-13 .list__img-1 {
    padding-top: 62.315%
}

.list-13 a {
    background-color: #fff;
    font-size: 15px;
    line-height: 1.2;
    text-align: center
}

.list-13 strong {
    padding: 15px 20px
}

.list-14 li {
    position: relative;
    margin-bottom: 33px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.list-14 li:last-child {
    margin-bottom: 0
}

.list-15 li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 24px;
    font-weight: 500;
    line-height: 1.25
}

.list-15 li span {
    color: #ff3b30
}

.list-15 li:last-child {
    margin-bottom: 0
}

.list-15 li:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 8px;
    background: url(../img/sprites3.png) -67px -31px no-repeat
}

.list-16 li {
    margin-bottom: 20px
}

.list-16 li:last-child {
    margin-bottom: 0
}

.list-16 li:nth-child(even) a {
    background-color: #252525
}

.list-16 li:nth-child(even) strong {
    color: #fff
}

.list-16 a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 27px 7% 45px;
    background-color: #ff382c
}

.list-16 a p {
    line-height: 1.35
}

.list-16 a p:last-of-type {
    margin-bottom: 0
}

.list-16 a:hover {
    text-decoration: none
}

.list-16 a:hover p {
    text-decoration: underline
}

.list-16 strong {
    display: block;
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    color: #252525
}

.list-16 b {
    position: absolute;
    right: 7%;
    bottom: 14px;
    font-weight: 400
}

.list-17 div {
    margin-bottom: 25px;
    padding: 27px 30px 25px;
    background-color: #fff;
    font-size: 12px;
    font-weight: 300;
    color: #454545
}

.list-17 div strong {
    position: relative;
    display: table;
    width: 100%;
    min-height: 34px;
    margin-left: -30px;
    margin-bottom: 17px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25
}

.list-17 div strong span {
    display: table-cell;
    vertical-align: middle
}

.list-17 div strong:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 7px;
    height: 28px;
    margin-top: -14px;
    background-color: #ff301c
}

.list-17 div p {
    line-height: 1.55
}

.list-17 div p:last-child {
    margin-bottom: 0
}

.list-18 div {
    margin-bottom: 25px
}

.list-18 a {
    position: relative;
    padding: 28px 7.5% 55px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.45;
    color: #252525;
    background-color: #fff
}

.list-18 a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-18 span, .list-18 strong {
    display: block
}

.list-18 strong {
    display: block;
    font-weight: 700
}

.list-18 span {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10.5px 27px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
    background-color: #252525;
    border-radius: 10px 0 0
}

.list-19 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.list-19 li {
    margin-bottom: 30px
}

.list-19 li:last-child {
    margin-bottom: 0
}

.list-20 > div, .list-23 > a, .list-32 > div {
    margin-bottom: 25px
}

.list-20 > div:nth-child(4n+2) .list-st-4, .list-32 > div:nth-child(4n+2) .list-st-4 {
    background-color: #252525
}

.list-20 > div:nth-child(4n+2) .list-st-4 > div:last-child, .list-32 > div:nth-child(4n+2) .list-st-4 > div:last-child {
    background-color: #fff;
    color: #252525
}

.list-20 > div:nth-child(4n+2) .list-st-4 > div:last-child a, .list-32 > div:nth-child(4n+2) .list-st-4 > div:last-child a {
    color: #252525
}

.list-20 > div:nth-child(4n+2) .list-st-4 > div:last-child .list-22 li:before, .list-32 > div:nth-child(4n+2) .list-st-4 > div:last-child .list-22 li:before {
    background-color: #252525
}

.list-20 > div:nth-child(4n+2) .list-st-4 > div p + a, .list-32 > div:nth-child(4n+2) .list-st-4 > div p + a {
    border-color: rgba(255, 255, 255, .1)
}

.list-20 > div:nth-child(4n+3) .list-st-4 > div, .list-32 > div:nth-child(4n+3) .list-st-4 > div {
    background-color: #fff
}

.list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child, .list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child a, .list-32 > div:nth-child(4n+3) .list-st-4 > div:first-child, .list-32 > div:nth-child(4n+3) .list-st-4 > div:first-child a {
    color: #252525
}

.list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child .list-22 li:before, .list-32 > div:nth-child(4n+3) .list-st-4 > div:first-child .list-22 li:before {
    background-color: #252525
}

.list-20 > div:nth-child(4n+3) .list-st-4 > div:last-child, .list-32 > div:nth-child(4n+3) .list-st-4 > div:last-child {
    background-color: #252525;
    color: #fff
}

.list-20 > div:nth-child(4n+3) .list-st-4 > div:last-child a, .list-32 > div:nth-child(4n+3) .list-st-4 > div:last-child a {
    color: #fff
}

.list-20 > div:nth-child(4n+3) .list-st-4 > div p + a, .list-32 > div:nth-child(4n+3) .list-st-4 > div p + a {
    border-color: rgba(255, 255, 255, .1)
}

.list-20.list-st-10 > div:nth-child(2n+2) .list-st-4 {
    background-color: #252525
}

.list-20.list-st-10 > div:nth-child(2n+2) .list-st-4 > div:last-child {
    background-color: #fff;
    color: #252525
}

.list-20.list-st-10 > div:nth-child(2n+2) .list-st-4 > div:last-child a {
    color: #252525
}

.list-20.list-st-10 > div:nth-child(2n+2) .list-st-4 > div:last-child .list-22 li:before {
    background-color: #252525
}

.list-20.list-st-10 > div:nth-child(2n+2) .list-st-4 > div p + a {
    border-color: rgba(255, 255, 255, .1)
}

.list-20.list-st-10 > div:nth-child(4n+3) .list-st-4 > div {
    background-color: #fff
}

.list-20.list-st-10 > div:nth-child(4n+3) .list-st-4 > div:first-child {
    color: #fff;
    background-color: #ff3b30
}

.list-20.list-st-10 > div:nth-child(4n+3) .list-st-4 > div:first-child a {
    color: #fff
}

.list-20.list-st-10 > div:nth-child(4n+3) .list-st-4 > div:last-child {
    background-color: #e5352b
}

.list-22 {
    font-size: 12px;
    font-weight: 400;
    text-align: left
}

.list-22 li {
    position: relative;
    margin-bottom: 10.5px;
    padding-left: 16px
}

.list-22 li:last-child {
    margin-bottom: 0
}

.list-22 li:before {
    content: '';
    position: absolute;
    top: 5.5px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff
}

.list-22 a {
    color: #fff
}

.list-23 > a {
    position: relative;
    display: block;
    padding: 48px 7.023% 120px 100px;
    background-color: #ff3b30;
    font-size: 10px;
    color: #fff;
    text-decoration: none
}

.list-23 > a:nth-child(2n+2) {
    background-color: #252525
}

.list-23 > a:nth-child(2n+2) ul li {
    color: #fff
}

.list-23 > a:nth-child(2n+2) h2 span, .list-23 > a:nth-child(2n+2) p, .list-23 > a:nth-child(2n+2) section + section h2 {
    color: #ff3b30
}

.list-23 > a h2 {
    position: relative;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 1;
    text-transform: uppercase
}

.list-23 > a h2 span {
    position: absolute;
    left: -42px;
    top: 3px;
    font-size: 10px;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    color: #252525
}

.list-23 > a ul li {
    margin-bottom: 10.5px;
    font-size: 13px;
    line-height: 1.25;
    color: #252525
}

.list-23 > a ul li:last-child {
    margin-bottom: 0
}

.list-23 > a p {
    margin-bottom: 30px
}

.list-23 > a strong {
    display: block;
    position: absolute;
    left: -182px;
    bottom: 120px;
    z-index: 1;
    min-width: 440px;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, .1);
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg) translateX(36%);
    transform: rotate(-90deg) translateX(36%)
}

.list-23 > a > span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 24px 15px 22px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .1)
}

.list-24 div {
    position: relative;
    padding-top: 25%
}

.list-24 div:first-child, .list-24 div:nth-child(3) {
    border-bottom: 1px solid #fff
}

.list-24 div:nth-child(2) {
    border-right: 1px solid #fff
}

.list-24 a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.list-24 a img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.list-25 > div {
    margin-bottom: 20px
}

.list-25 a {
    display: block;
    font-size: 12px;
    line-height: 1.25;
    color: #fff;
    text-decoration: none;
    background-color: #ff3b30;
    opacity: 0
}

.list-25 a > div:first-child {
    width: calc(50% - 10px)
}

.list-25 a > div:last-child {
    width: calc(50% - 10px);
    padding: 15px
}

.list-25 a:hover strong {
    text-decoration: underline
}

.list-25 .list__img-1 {
    padding-top: 79.65%
}

.list-25 em, .list-25 strong {
    display: block;
    line-height: 1.2
}

.list-25 strong {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1;
    font-weight: 700
}

.list-25 em {
    font-style: normal
}

.list-26 {
    position: relative
}

.list-26 li {
    position: relative;
    padding-top: 79.205%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.list-26 li:nth-child(4n+4) {
    border-right: none
}

.list-26 a, .list-26 a:after, .list-26 div, .list-26 img, .list-26 strong {
    position: absolute;
    left: 0
}

.list-26 a, .list-26 a:after, .list-26 div, .list-26 img {
    top: 0
}

.list-26 a, .list-26 a:after, .list-26 div, .list-26 strong {
    width: 100%
}

.list-26 a, .list-26 a:after, .list-26 div {
    height: 100%
}

.list-26 a {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    color: #fff
}

.list-26 a:after {
    content: '';
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, .25) 55%, rgba(32, 32, 32, .55) 75%, rgba(32, 32, 32, .85) 85%, #202020 100%);
    background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, .25) 55%, rgba(32, 32, 32, .55) 75%, rgba(32, 32, 32, .85) 85%, #202020 100%);
    background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0, rgba(32, 32, 32, .25) 55%, rgba(32, 32, 32, .55) 75%, rgba(32, 32, 32, .85) 85%, #202020 100%)
}

.list-26 a:hover {
    color: #ff3b30;
    text-decoration: none
}

.list-26 div {
    overflow: hidden
}

.list-26 img {
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.list-26 span, .list-26 strong {
    z-index: 2
}

.list-26 span {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 12px 15px 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #252525;
    text-transform: uppercase;
    background-color: #ff2f23
}

.list-26 strong {
    bottom: 0;
    padding: 20px 6% 16px
}

.list-26:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #efefef
}

.list-27 > div {
    margin-bottom: 40px
}

.list-27 a {
    text-align: center
}

.list-27 strong {
    padding: 17px 18px 15px
}

.list-30 {
    font-size: 13px
}

.list-30 li {
    margin-bottom: 27px
}

.list-30 li:last-child {
    margin-bottom: 0
}

.list-30 strong {
    display: block;
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2
}

.list-30 p {
    margin-bottom: 0;
    line-height: 1.25
}

.list-31 > div {
    margin-bottom: 30px
}

.list-31 a:hover {
    text-decoration: none
}

.list-31 a:hover .list-31__content > div:last-child {
    background-color: #ff3b30
}

.list-31 a:hover .list-31__content > div:last-child strong {
    color: #252525
}

.list-31__content {
    display: table;
    width: 100%;
    font-size: 0;
    table-layout: fixed
}

.list-31__content > div {
    display: inline-block;
    vertical-align: top
}

.list-31__content > div:first-child {
    position: relative;
    width: 50.42735%;
    padding-top: 28.215%;
    background-color: #fff
}

.list-31__content > div:first-child img {
    max-height: 100%
}

.list-31__content > div:last-child {
    position: relative;
    z-index: 1;
    width: 54.70085%;
    margin-top: 18px;
    margin-left: -30px;
    padding: 28px 30px 26px;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    background-color: #252525;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-31__content > div:last-child strong {
    display: block;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #ff3b30;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-31__content > div:last-child p:last-child {
    margin-bottom: 0;
    line-height: 1.5
}

.list-31__img {
    position: absolute;
    top: 50px;
    left: 15px;
    right: 45px;
    bottom: 15px;
    text-align: center;
    opacity: 0
}

.flexbox .list-25 a, .flexbox .list__img-3 div, .flexbox .no-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flexbox .list-31__img, .flexbox .list__img-3 div, .flexbox .no-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.no-flexbox .list-25 a {
    display: table;
    width: 100%
}

.no-flexbox .list-25 a > div {
    display: table-cell;
    vertical-align: middle
}

.no-flexbox .list-25 a > div:first-child {
    width: 50%
}

.no-flexbox .list-31__img img, .no-flexbox .list__img-3 div img {
    position: absolute;
    left: 50%
}

.no-flexbox .list__img-3 div img {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.no-flexbox .list-31__img img {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.flexbox .list-25 a, .flexbox .list-31__img, .flexbox .list__img-3 div, .flexbox .no-img, .no-flexbox .list-25 a, .no-flexbox .list-31__img, .no-flexbox .list__img-3 div, .no-flexbox .no-img {
    opacity: 1
}

.cssgrid .list-1, .cssgrid .list-10, .cssgrid .list-11, .cssgrid .list-12, .cssgrid .list-13, .cssgrid .list-17, .cssgrid .list-18, .cssgrid .list-2, .cssgrid .list-20, .cssgrid .list-23, .cssgrid .list-24, .cssgrid .list-25, .cssgrid .list-26, .cssgrid .list-27, .cssgrid .list-3, .cssgrid .list-31, .cssgrid .list-32, .cssgrid .list-5, .cssgrid .list-7, .cssgrid .list-8 {
    display: grid
}

.cssgrid .list-1, .cssgrid .list-2, .cssgrid .list-26, .cssgrid .list-27 {
    grid-template-columns:repeat(4, 1fr)
}

.cssgrid .list-1 {
    grid-column-gap: 5.2%
}

.cssgrid .list-2 {
    grid-column-gap: 2.35%
}

.cssgrid .list-3 {
    grid-template-columns:1fr 255px;
    grid-column-gap: 7.35%
}

.cssgrid .list-10 a, .cssgrid .list-11 a, .cssgrid .list-12 a, .cssgrid .list-13 a, .cssgrid .list-18 a, .cssgrid .list-25 a, .cssgrid .list-26 a, .cssgrid .list-27 a, .cssgrid .list-31 a, .cssgrid .list-5 a, .cssgrid .list-7 a, .cssgrid .list-8 a {
    height: 100%
}

.cssgrid .list-18, .cssgrid .list-20, .cssgrid .list-23, .cssgrid .list-31, .cssgrid .list-5 {
    grid-template-columns:repeat(2, 1fr)
}

.cssgrid .list-5 {
    grid-column-gap: 6%
}

.cssgrid .list-10, .cssgrid .list-12, .cssgrid .list-25, .cssgrid .list-8 {
    grid-column-gap: 20px
}

.cssgrid .list-11, .cssgrid .list-13, .cssgrid .list-17, .cssgrid .list-18, .cssgrid .list-20, .cssgrid .list-23, .cssgrid .list-32 {
    grid-column-gap: 25px
}

.cssgrid .list-7 {
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:repeat(2, 1fr)
}

.cssgrid .list-7 li:first-child {
    grid-row: 1/span 2;
    grid-column: 1/span 2
}

.cssgrid .list-7 li:nth-child(2), .cssgrid .list-7 li:nth-child(4) {
    grid-row: 1/span 1
}

.cssgrid .list-7 li:nth-child(3), .cssgrid .list-7 li:nth-child(5) {
    grid-row: 2/span 1
}

.cssgrid .list-7 li:nth-child(2), .cssgrid .list-7 li:nth-child(3) {
    grid-column: 3/span 1
}

.cssgrid .list-7 li:nth-child(4), .cssgrid .list-7 li:nth-child(5) {
    grid-column: 4/span 1
}

.cssgrid .list-10 {
    grid-template-columns:repeat(5, 1fr)
}

.cssgrid .list-11 {
    grid-template-columns:repeat(4, 1fr)
}

.cssgrid .list-12 {
    grid-template-columns:repeat(6, 1fr)
}

.cssgrid .list-13, .cssgrid .list-17, .cssgrid .list-25, .cssgrid .list-32, .cssgrid .list-8 {
    grid-template-columns:repeat(3, 1fr)
}

.cssgrid .list-24 {
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(3, 1fr)
}

.cssgrid .list-24 > div:first-child {
    grid-row: 1/span 1;
    grid-column: 1/-1
}

.cssgrid .list-24 > div:nth-child(2) {
    grid-row: 2/span 2;
    grid-column: 1/span 1
}

.cssgrid .list-24 > div:nth-child(3) {
    grid-row: 2/span 1;
    grid-column: 2/span 1
}

.cssgrid .list-24 > div:nth-child(4) {
    grid-row: 3/span 1;
    grid-column: 2/span 1
}

.cssgrid .list-27 {
    grid-column-gap: 3.55%
}

.cssgrid .list-31 {
    grid-column-gap: 30px
}

.no-cssgrid .list-1, .no-cssgrid .list-10, .no-cssgrid .list-11, .no-cssgrid .list-12, .no-cssgrid .list-13, .no-cssgrid .list-17, .no-cssgrid .list-18, .no-cssgrid .list-2, .no-cssgrid .list-20, .no-cssgrid .list-23, .no-cssgrid .list-25, .no-cssgrid .list-26, .no-cssgrid .list-27, .no-cssgrid .list-3, .no-cssgrid .list-31, .no-cssgrid .list-5, .no-cssgrid .list-8 {
    display: table;
    width: 100%;
    font-size: 0;
    table-layout: fixed
}

.no-cssgrid .list-10 > div, .no-cssgrid .list-11 > div, .no-cssgrid .list-12 > div, .no-cssgrid .list-13 > div, .no-cssgrid .list-17 > div, .no-cssgrid .list-18 > div, .no-cssgrid .list-1 > div, .no-cssgrid .list-20 > div, .no-cssgrid .list-23 > div, .no-cssgrid .list-25 > div, .no-cssgrid .list-26 > div, .no-cssgrid .list-27 > div, .no-cssgrid .list-2 > div, .no-cssgrid .list-31 > div, .no-cssgrid .list-3 > div, .no-cssgrid .list-5 > div, .no-cssgrid .list-8 > div {
    display: inline-block;
    vertical-align: top
}

.no-cssgrid .list-1 > div {
    width: 21.22%;
    margin-right: 5.03%
}

.no-cssgrid .list-1 > div:nth-child(4n+4) {
    margin-right: 0
}

.no-cssgrid .list-2 > div {
    width: 23.29%;
    margin-right: 2.27%
}

.no-cssgrid .list-2 > div:nth-child(4n+4) {
    margin-right: 0
}

.no-cssgrid .list-3 > div {
    width: calc(92.85% - 255px);
    margin-right: 7.15%
}

.no-cssgrid .list-3 > div:nth-child(2n+2) {
    width: 255px;
    margin-right: 0
}

.no-cssgrid .list-5 > div {
    width: 47.07%;
    margin-right: 5.853%
}

.no-cssgrid .list-5 > div:nth-child(2n+2) {
    margin-right: 0
}

.no-cssgrid .list-7 {
    position: relative;
    padding-top: 47.5%
}

.no-cssgrid .list-7 li {
    position: absolute;
    padding-top: 0;
    width: 25%;
    height: 50%
}

.no-cssgrid .list-7 li:first-child, .no-cssgrid .list-7 li:nth-child(2), .no-cssgrid .list-7 li:nth-child(4) {
    top: 0
}

.no-cssgrid .list-7 li:nth-child(3), .no-cssgrid .list-7 li:nth-child(5) {
    bottom: 0
}

.no-cssgrid .list-7 li:nth-child(2), .no-cssgrid .list-7 li:nth-child(3) {
    left: 50%
}

.no-cssgrid .list-7 li:nth-child(4), .no-cssgrid .list-7 li:nth-child(5) {
    right: 0
}

.no-cssgrid .list-7 li:first-child {
    width: 50%;
    left: 0;
    height: 100%
}

.no-cssgrid .list-8 > div {
    width: calc(33.3% - 14px);
    margin-right: 20px
}

.no-cssgrid .list-8 > div:nth-child(3n+3) {
    margin-right: 0
}

.no-cssgrid .list-10 > div {
    width: calc(20% - 16px);
    margin-right: 20px
}

.no-cssgrid .list-10 > div:nth-child(5n+5) {
    margin-right: 0
}

.no-cssgrid .list-11 > div {
    width: calc(25% - 19px);
    margin-right: 25px
}

.no-cssgrid .list-11 > div:nth-child(4n+4) {
    margin-right: 0
}

.no-cssgrid .list-12 > div {
    width: calc(16.7% - 17px);
    margin-right: 20px
}

.no-cssgrid .list-12 > div:nth-child(6n+6) {
    margin-right: 0
}

.no-cssgrid .list-23 > a, .no-cssgrid .list-25 > li, .no-cssgrid .list-26 > li {
    display: inline-block;
    vertical-align: top
}

.no-cssgrid .list-13 > div, .no-cssgrid .list-17 > div, .no-cssgrid .list-18 > div, .no-cssgrid .list-20 > div, .no-cssgrid .list-23 > a, .no-cssgrid .list-32 > div {
    margin-right: 25px
}

.no-cssgrid .list-13 > div, .no-cssgrid .list-17 > div {
    width: calc(33.3% - 17px)
}

.no-cssgrid .list-13 > div:nth-child(3n+3), .no-cssgrid .list-17 > div:nth-child(3n+3) {
    margin-right: 0
}

.no-cssgrid .list-18 > div, .no-cssgrid .list-20 > div, .no-cssgrid .list-23 > a {
    width: calc(50% - 12.5px)
}

.no-cssgrid .list-18 > div:nth-child(2n+2), .no-cssgrid .list-20 > div:nth-child(2n+2), .no-cssgrid .list-23 > a:nth-child(2n+2) {
    margin-right: 0
}

.no-cssgrid .list-25 > li {
    width: calc(33.3% - 13.5px);
    margin-right: 20px
}

.no-cssgrid .list-25 > li:nth-child(3n+3) {
    margin-right: 0
}

.no-cssgrid .list-26 > li {
    width: 25%;
    padding-top: 23.75%
}

.no-cssgrid .list-27 > div {
    width: 22.3375%;
    margin-right: 3.55%
}

.no-cssgrid .list-27 > div:nth-child(4n+4) {
    margin-right: 0
}

.no-cssgrid .list-31 > div {
    width: calc(50% - 15px);
    margin-right: 30px
}

.no-cssgrid .list-31 > div:nth-child(2n+2) {
    margin-right: 0
}

.no-cssgrid .list-32 > div {
    width: calc(33.3% - 17px)
}

.no-cssgrid .list-32 > div:nth-child(3n+3) {
    margin-right: 0
}

.cssgrid .list-1, .cssgrid .list-10, .cssgrid .list-11, .cssgrid .list-12, .cssgrid .list-13, .cssgrid .list-17, .cssgrid .list-18, .cssgrid .list-2, .cssgrid .list-20, .cssgrid .list-23, .cssgrid .list-24, .cssgrid .list-25, .cssgrid .list-26, .cssgrid .list-27, .cssgrid .list-3, .cssgrid .list-31, .cssgrid .list-32, .cssgrid .list-5, .cssgrid .list-7, .cssgrid .list-8, .no-cssgrid .list-1, .no-cssgrid .list-10, .no-cssgrid .list-11, .no-cssgrid .list-12, .no-cssgrid .list-13, .no-cssgrid .list-17, .no-cssgrid .list-18, .no-cssgrid .list-2, .no-cssgrid .list-20, .no-cssgrid .list-23, .no-cssgrid .list-24, .no-cssgrid .list-25, .no-cssgrid .list-26, .no-cssgrid .list-27, .no-cssgrid .list-3, .no-cssgrid .list-31, .no-cssgrid .list-32, .no-cssgrid .list-5, .no-cssgrid .list-7, .no-cssgrid .list-8 {
    opacity: 1
}

.list-st-1 > div > a {
    position: relative
}

.list-st-1 > div > a:after, .list-st-1 > div > a:before {
    content: '';
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 8px rgba(37, 37, 37, .35);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px/10px;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-st-1 > div > a:hover:after, .list-st-1 > div > a:hover:before {
    opacity: 1
}

.list-st-2 a, .list-st-2 em, .list-st-2 strong {
    display: block
}

.list-st-2 a {
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    color: #252525;
    line-height: 1;
    text-align: center;
    background-color: #fff
}

.list-st-2 a:hover {
    text-decoration: none
}

.list-st-2 a:hover strong {
    text-decoration: underline
}

.list-st-2 em, .list-st-2 strong {
    line-height: 1.2
}

.list-st-2 strong {
    font-weight: 700;
    color: #ff3b30
}

.list-st-2 em {
    font-style: normal
}

.list-st-3 a, .list-st-3 strong {
    display: block
}

.list-st-3 strong {
    font-weight: 400
}

.list-st-4 {
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    background-color: #ff3b30
}

.list-st-4 > div {
    position: relative;
    padding: 32px 15px
}

.list-st-4 > div:last-child {
    background-color: #e5352b
}

.list-st-4 > div > div p:last-child {
    margin-bottom: 0
}

.list-st-4 > div > div strong + p {
    margin-bottom: 28px !important
}

.list-st-4 > div > div + a {
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 19px 15px 17px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.list-st-4 strong {
    display: block;
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.list-st-5 .list__img-1 {
    margin-top: -12px;
    margin-left: -12px;
    margin-right: -12px
}

.list-st-6 a {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 10px;
    text-align: left;
    background-color: transparent
}

.list-st-6 a > div:last-child {
    position: relative;
    z-index: 3;
    display: inline-block;
    max-width: 100%;
    margin-top: -20px;
    padding: 12px 14px;
    background-color: #fff;
    text-align: center
}

.list-st-6 .list__img-2 {
    padding-top: 106.67%
}

.list-st-6 .list__img-2 div {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.list-st-6 .list__img-2 i, .list-st-6 .list__img-2 span {
    position: absolute
}

.list-st-6 .list__img-2 i {
    bottom: 0;
    left: 8px;
    z-index: 1;
    width: 80%;
    height: 80%;
    background: url(../img/bg-4.png)
}

.list-st-6 .list__img-2 span {
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 50%;
    height: 50%;
    background-color: #ff3b30
}

.list-st-6 strong {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px
}

.list-st-7 a {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
    color: #252525;
    background-color: #fff
}

.list-st-7 a strong {
    font-weight: 300
}

.list-st-7 a:hover {
    text-decoration: none;
    color: #ff3b30
}

.list-st-8 > div {
    margin-bottom: 40px
}

.list-st-8 a {
    font-size: 13px;
    font-weight: 300;
    color: #252525
}

.list-st-8 a p {
    line-height: 1.35
}

.list-st-8 a p:last-of-type {
    margin-bottom: 0
}

.list-st-8 a:hover {
    text-decoration: none
}

.list-st-8 a:hover strong {
    color: #ff3b30
}

.list-st-8 .list__img-1 {
    padding-top: 56.758%
}

.list-st-8 strong {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.list-st-8 span {
    display: block
}

.list-st-9 > div {
    background-color: #fff
}

.list-st-9 strong {
    display: block;
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: uppercase
}

.list-st-11 {
    font-size: 10px;
    font-weight: 300;
    color: #fff;
    text-align: center
}

.list-st-11 > div {
    background-color: #e5352b
}

.list-st-11 > div > div > div {
    padding: 32px 15px
}

.list-st-11 > div > div > div:first-of-type {
    background-color: #ff3b30
}

.list-st-11 > div > div > div p:last-child {
    margin-bottom: 0
}

.list-st-11 > div > div > div + a {
    display: block;
    padding: 19px 15px 17px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background-color: #ff3b30
}

.list-st-11 > div:nth-child(2n+2) {
    background-color: #fff
}

.list-st-11 > div:nth-child(2n+2) > div {
    color: #252525
}

.list-st-11 > div:nth-child(2n+2) > div strong {
    color: #fff
}

.list-st-11 > div:nth-child(2n+2) > div > div + a, .list-st-11 > div:nth-child(2n+2) > div > div:first-child {
    background-color: #252525
}

.list-st-11 strong {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.list-st-11 .list-22 {
    display: inline-block;
    max-width: 100%
}

.list-st-11 p {
    font-size: 14px
}

.list-29__content p {
    line-height: 1.75
}

.list-29__content p:last-child {
    margin-bottom: 0
}

.list-slider__content {
    display: block;
    position: relative;
    padding-top: 310px;
    overflow: hidden
}

.list-slider__content img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.list-slider-wrapper .slick-next, .list-slider-wrapper .slick-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-radius: 0;
    background-color: #fff
}

.list-slider-wrapper .slick-next:after, .list-slider-wrapper .slick-prev:after {
    width: 7px;
    height: 13px;
    margin-left: -3.5px;
    margin-top: -6.5px
}

.list-slider-wrapper .slick-next:hover, .list-slider-wrapper .slick-prev:hover {
    background-color: #252525
}

.list-slider-wrapper .slick-prev {
    left: -5px
}

.list-slider-wrapper .slick-prev:after {
    background-position: -223px -109px
}

.list-slider-wrapper .slick-prev:hover:after {
    background-position: -236px -109px
}

.list-slider-wrapper .slick-next {
    right: -5px
}

.list-slider-wrapper .slick-next:after {
    background-position: -249px -109px
}

.list-slider-wrapper .slick-next:hover:after {
    background-position: -262px -109px
}

.top-section {
    position: relative;
    margin-top: -41px;
    margin-bottom: 70px;
    overflow: hidden
}

.top-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    width: 100%
}

.top-section__content {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: right
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 8px 10px rgba(255, 56, 44, .3), 0 0 0 0 rgba(255, 56, 44, .2), 0 0 0 0 rgba(255, 56, 44, .2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(255, 56, 44, .3), 0 0 0 15px rgba(255, 56, 44, .2), 0 0 0 0 rgba(255, 56, 44, .2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(255, 56, 44, .3), 0 0 0 30px rgba(255, 56, 44, 0), 0 0 0 26px rgba(255, 56, 44, .067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(255, 56, 44, .3), 0 0 0 30px rgba(255, 56, 44, 0), 0 0 0 40px rgba(255, 56, 44, 0)
    }
}

.call-btn, .call-social, .call-wrapper {
    display: inline-block;
    vertical-align: middle
}

.call-btn {
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: #fe3324;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-animation: 3s infinite both hoverWave;
    animation: 3s infinite both hoverWave
}

.call-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background: url(../img/sprites3.png) -165px -48px no-repeat
}

.call-btn:hover {
    background: #fe2516
}

.call-social {
    position: relative;
    width: 0;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.call-social a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    border-radius: 50%;
    border: 3px solid #fff;
    top: 0
}

.call-social a:last-child {
    margin-right: 0
}

.call-social a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.call-social a:hover {
    top: -5px;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
}

.call-social--show {
    width: 170px
}

.call-social__telegram {
    background-color: #2f89ce
}

.call-social__telegram svg {
    width: 17.5px;
    height: 15px
}

.call-social__whatsapp {
    background-color: #48c95f
}

.call-social__whatsapp svg {
    width: 18px;
    height: 18px
}

.call-social__viber {
    background-color: #7c509a
}

.call-social__viber svg {
    width: 18px;
    height: 20px
}

.call-social__subtract {
    background-color: #0080f8
}

.call-social__subtract svg {
    width: 18.5px;
    height: 18.5px
}

.content {
    margin-bottom: 40px;
    font-size: 13px
}

.content p {
    line-height: 1.6
}

.content-4 {
    margin-bottom: 40px
}

.content-st-1 h2, .content-st-2 h2 {
    margin-bottom: 33px
}

.content-st-1 {
    position: relative;
    padding: 45px 13.5% 130px;
    background: #ff382c
}

.content-st-1 p {
    margin-bottom: 50px;
    color: #fff
}

.content-st-1 .link {
    position: absolute;
    right: 13.5%;
    bottom: 42px
}

.content-st-2 h2 {
    color: #ff3b30
}

.content-st-3 {
    position: relative;
    padding-top: 45px;
    padding-bottom: 30px;
    padding: 45px 0 30px calc(30% + 25px);
    background-color: #fff
}

.content-st-3 h2 {
    margin-bottom: 22px
}

.content-st-4 .content-4__main {
    padding: 50px 30px 35px;
    background-color: #fff
}

.content__add, .content__img {
    position: absolute
}

.content__add {
    left: calc(4.5% + 24px);
    bottom: 45px
}

.content__add .btn {
    margin-right: 16px
}

.content__img {
    top: 0;
    left: 0;
    bottom: 0;
    width: 30%;
    overflow: hidden
}

.content__img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.content__img-1 {
    left: auto;
    right: 0
}

.content__img-2 {
    position: relative;
    overflow: hidden
}

.content__img-2 img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.content-4__img {
    margin-bottom: 25px;
    padding-top: 65%
}

div.content-4__img img {
    margin-top: 0;
    margin-bottom: 0
}

.product h1 {
    margin-bottom: 32px
}

.product-carousel__img, .product-slider__img {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #202020;
    opacity: 0
}

.product-carousel__img div, .product-slider__img div {
    position: absolute
}

.product-carousel__img img, .product-slider__img img {
    max-height: 100%
}

.product-slider__img {
    padding-top: 79.5%
}

.product-slider__img div {
    top: 20px;
    bottom: 36px;
    left: 20px;
    right: 20px
}

.product-carousel-wrapper {
    margin-top: -16px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden
}

.product-carousel-wrapper .slick-slide {
    margin-left: 8px;
    margin-right: 8px
}

.product-carousel-wrapper .slick-next, .product-carousel-wrapper .slick-prev {
    width: 11px;
    height: 20px;
    margin-left: -5.5px;
    margin-top: -3px;
    background: url(../img/sprites3.png)
}

.product-carousel-wrapper .slick-prev {
    left: -13px;
    background-position: -17px -45px
}

.product-carousel-wrapper .slick-prev:hover {
    background-position: -61px -45px
}

.product-carousel-wrapper .slick-next {
    right: -18px;
    background-position: -48px -45px
}

.product-carousel-wrapper .slick-next:hover {
    background-position: -75px -45px
}

.product-carousel__img {
    padding-top: 70px
}

.product-carousel__img div {
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px
}

.fast-order-btn, .product-like-btn, .product__add, .product__add > div {
    margin-bottom: 15px
}

.product__add a, .product__add button, .product__add div, .product__add i, .product__add span {
    display: inline-block
}

.product__add > div {
    margin-right: 22px;
    padding: 15px;
    background: #fff;
    border-radius: 4px
}

.product__add > div button, .product__add > div div {
    vertical-align: top
}

.product__add > div i, .product__add > div span {
    font-style: normal
}

.product__add > div div {
    margin-right: 17px;
    margin-top: -5px
}

.product__add > a, .product__add > button, .product__add > div {
    vertical-align: middle
}

.product__price-old {
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 1;
    color: rgba(37, 37, 37, .5);
    text-decoration: line-through
}

.product__price-new {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #e3e3e3
}

.product__price-new i {
    margin-left: 3px;
    font-size: 13px
}

.product-like-btn {
    width: 22px;
    height: 20px;
    margin-right: 42px;
    background: url(../img/sprites3.png) -77px -19px no-repeat;
    -webkit-transition: none;
    transition: none
}

.product-like-btn--checked {
    background-position: -103px -23px
}

.fast-order-btn {
    font-size: 11px;
    line-height: 1.3;
    color: #f4f4f4;
    text-decoration: underline;
    cursor: pointer
}

.fast-order-btn:hover {
    text-decoration: none
}

.flexbox .product-carousel__img div, .flexbox .product-slider__img div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.flexbox .product-carousel__img, .flexbox .product-slider__img, .no-flexbox .product-carousel__img, .no-flexbox .product-slider__img {
    opacity: 1
}

.contacts {
    margin-top: 55px;
    margin-bottom: -55px;
    padding-top: 48px;
    padding-bottom: 50px;
    background: #202020;
    color: #fff
}

.contacts h2 {
    font-size: 23px
}

.contacts .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contacts__content > div:last-child {
    position: relative
}

.manager-info {
    position: relative;
    margin-bottom: 65px;
    padding: 22px 18px;
    font-size: 13px;
    background-color: #fff
}

.manager-info > img {
    position: absolute;
    bottom: 0;
    right: -27px
}

.manager-info h2 {
    margin-bottom: 17px
}

.manager-info + section h2 {
    margin-bottom: 7px;
    color: #454545;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.manager-info + section h2 + p {
    margin-bottom: 40px;
    font-size: 14px;
    color: #454545;
    text-align: center
}

.manager-info__content > div:last-child h2 {
    color: #ff3b30
}

.manager-info__content p {
    margin-bottom: 45px;
    line-height: 1.8
}

.manager-info__list {
    position: relative;
    padding-top: 30px;
    border-left: 2px solid #f33120
}

.manager-info__list button, .manager-info__list div, .manager-info__list div span {
    display: inline-block
}

.manager-info__list div, .manager-info__list li {
    position: relative
}

.manager-info__list li {
    margin-bottom: 43px;
    padding-left: 20px
}

.manager-info__list li:first-child {
    margin-bottom: 11px
}

.manager-info__list li:nth-child(2) {
    margin-bottom: 58px
}

.manager-info__list li:nth-child(4) {
    margin-bottom: 78px
}

.manager-info__list li:last-child {
    margin-bottom: 0
}

.manager-info__list li:before {
    content: '';
    position: absolute;
    top: 0;
    left: -11px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f33120
}

.manager-info__list:before {
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f33120
}

.manager-info__list button {
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #ff3b30;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

.manager-info__list button span {
    font-size: 10px;
    font-weight: 400
}

.manager-info__list button:hover {
    color: #252525
}

.manager-info__list button:hover + p {
    visibility: visible;
    opacity: 1;
    right: -220px
}

.manager-info__list p {
    position: absolute;
    top: -4px;
    right: -240px;
    z-index: 1;
    padding: 15px 17px 20px;
    width: 195px;
    margin-bottom: 0;
    background: #202020;
    border-radius: 5px;
    font-size: 11px;
    line-height: 1.5;
    color: #f4f4f4;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.manager-info__list p:before {
    content: '';
    position: absolute;
    top: 7px;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #202020 transparent transparent
}

.manager-info-slider-1-wrapper {
    margin-bottom: 40px
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div {
    float: left
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:first-child {
    width: 190px;
    padding-right: 30px
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:first-child div {
    padding-top: 127%;
    display: block;
    position: relative;
    overflow: hidden
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:first-child div img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:last-child {
    width: calc(100% - 190px)
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:last-child p:last-child {
    margin-bottom: 0
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:after, .manager-info-slider-1-wrapper .manager-info-slider__content > div:before {
    content: '';
    display: table
}

.manager-info-slider-1-wrapper .manager-info-slider__content > div:after {
    clear: both
}

.manager-info-slider__content a {
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    color: #252525;
    text-decoration: none
}

.manager-info-slider__content a strong {
    display: block;
    margin-top: 12px;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    color: #ff3b30;
    text-transform: uppercase
}

.manager-info-slider__content a p {
    margin-bottom: 0;
    line-height: 1.25
}

.manager-info__add-2 {
    position: absolute;
    left: 0;
    right: 155px;
    bottom: 50px;
    text-align: right
}

.manager-info__add-2 a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 11px;
    font-weight: 300;
    color: #252525;
    text-decoration: none;
    padding-right: 32px
}

.manager-info__add-2 a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 44px;
    margin-top: -22px;
    background: url(../img/sprites3.png) -228px -126px
}

.manager-info__add-2 a:hover:before {
    background-position: -276px -126px
}

.manager-info__add-2 a p {
    line-height: 1.25
}

.manager-info__add-2 a p:last-child {
    margin-bottom: 0
}

.manager-info__add-2 a:hover strong {
    color: #f33120
}

.manager-info__add-2 strong {
    display: block;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase
}

.table-info {
    margin-bottom: 25px
}

.table-info .scroll-table-content {
    margin-bottom: 0
}

.table-info > div:first-child span, .table-info > div:first-child strong {
    display: block;
    font-weight: 700
}

.table-info > div:first-child strong {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase
}

.table-info > div:first-child p:last-child {
    margin-bottom: 0
}

.info-1 {
    text-align: right;
    background-color: #fff
}

.info-1 + .list-27 {
    margin-top: 50px
}

.info-1__content {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 1.75;
    color: #fff;
    text-align: left;
    background-color: #252525
}

.info-2, .info-3 {
    padding-top: 37px;
    padding-bottom: 40px
}

.info-2 h2, .info-3 h2 {
    text-transform: uppercase
}

.info-2 {
    background-color: #f9f9f9
}

.info-2 h2 {
    color: #ff3b30
}

.info-3 {
    background-color: #ff3b30;
    color: #fff;
    text-align: center
}

.info-3 p {
    line-height: 1.1;
    text-align: center
}

.info-3 p:last-of-type {
    margin-bottom: 0
}

.info-3 h2 {
    margin-bottom: 33px;
    color: #252525
}

.info-3 h2, .info-3 strong {
    line-height: 1.1;
    font-weight: 700
}

.info-3 strong {
    display: block;
    text-transform: uppercase
}

.info-3__content > div:first-child {
    margin-bottom: 38px
}

.info-2 + .contacts, .info-3 + .contacts {
    margin-top: 0
}

.agent-info {
    padding-top: 37px;
    padding-bottom: 40px;
    font-weight: 700;
    color: #f9f9f9
}

.agent-info h1 {
    margin-bottom: 33px;
    line-height: 1;
    text-align: center
}

.agent-info p {
    margin-bottom: 15px;
    line-height: 1.2
}

.agent-info p:last-of-type {
    margin-bottom: 0
}

.agent-info__content > div:last-child, .agent-info__form .form-4__submit {
    margin-top: 35px
}

.agent-info + .contacts {
    margin-top: 0
}

.partner-info {
    padding-top: 37px;
    padding-bottom: 40px;
    color: #fff
}

.partner-info h1 {
    margin-bottom: 33px
}

.partner-info p {
    line-height: 1.4
}

.partner-info p:last-of-type {
    margin-bottom: 0
}

.article img {
    margin-top: 20px;
    margin-bottom: 20px
}

.article blockquote {
    padding-left: 27px
}

.article li {
    padding-left: 30px
}

.article ol, .article ul {
    margin-bottom: 20px;
    line-height: 1.55
}

.article ol li, .article ul li {
    position: relative;
    margin-bottom: 10px
}

.article ol li:before, .article ul li:before {
    content: '';
    position: absolute;
    left: 0;
    background-image: url(../img/sprites3.png)
}

.article ul li:before {
    top: 7px;
    left: 10px;
    width: 10px;
    height: 8px;
    background-position: -3px -31px
}

.article ol {
    counter-reset: num
}

.article ol li:before {
    content: counter(num);
    top: 1px;
    left: 0;
    counter-increment: num;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ff3b30;
    border-radius: 2px;
    font-size: 10px;
    line-height: 20px !important;
    color: #ff3b30;
    text-align: center
}

.article blockquote a, .article blockquote strong, .article ol a, .article ol strong, .article p a, .article p strong, .article ul a, .article ul strong {
    font-weight: 700
}

.article blockquote a, .article ol a, .article p a, .article ul a {
    position: relative;
    display: inline-block
}

.article blockquote a:after, .article ol a:after, .article p a:after, .article ul a:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ffa9a6;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.article blockquote a:hover, .article ol a:hover, .article p a:hover, .article ul a:hover {
    text-decoration: none
}

.article blockquote a:hover:after, .article ol a:hover:after, .article p a:hover:after, .article ul a:hover:after {
    background: 0 0
}

footer {
    padding-top: 23px;
    padding-bottom: 23px;
    background: #000;
    opacity: 0
}

footer p {
    font-size: 10px;
    color: #fff
}

.footer__content > div p:last-child {
    margin-bottom: 0
}

.footer__nav a, .footer__nav li {
    display: inline-block
}

.footer__nav li {
    margin-right: 12px;
    margin-bottom: 10px
}

.footer__nav li:last-child {
    margin-right: 0
}

.footer__nav a {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent
}

.footer__nav a:hover {
    text-decoration: none
}

.footer__nav-1 a {
    font-size: 13px;
    color: #fff;
    line-height: 1
}

.footer__nav-1 a:hover {
    border-color: #fff
}

.footer__nav-2 a {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #ff3b30;
    text-transform: uppercase
}

.footer__nav-2 a:hover {
    border-color: #ff3b30
}

.footer__nav-2 span {
    display: inline-block;
    text-transform: none
}

.footer__content > a, .footer__content > div, .footer__content > img {
    display: inline-block;
    vertical-align: top
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(37, 37, 37, .9);
    text-align: center;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.modal {
    display: table;
    height: 100%;
    width: 100%
}

.modal > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.modal__content {
    position: relative;
    display: inline-block;
    width: 400px;
    padding: 40px 15px;
    background-color: #fff;
    border-radius: 4px;
    text-align: left;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transiion-delay: .1s;
    -moz-transiion-delay: .1s
}

.modal__content h3 {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: 700
}

.modal__content-md {
    width: 1000px
}

.show {
    opacity: 1;
    visibility: visible
}

.show .modal__content, .show .modal__content-add {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer
}

.modal__close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    margin-left: -6.5px;
    margin-top: -6.5px;
    background: url(../img/sprites3.png) -144px -122px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.modal__close:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

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

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

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

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

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

.slick-loading .slick-list {
    background: url(../img/loader.gif) center center no-repeat #fff
}

.slick-next, .slick-prev {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background-color: #fff;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slick-next:after, .slick-prev:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    margin-left: -3.5px;
    margin-top: -5.5px;
    background-image: url(../img/sprites3.png)
}

.slick-next:hover, .slick-prev:hover {
    background-color: #242020
}

.slick-prev {
    left: 28px
}

.slick-prev:after {
    background-position: -143px -94px
}

.slick-next {
    right: 28px
}

.slick-next:after {
    background-position: -197px -94px
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
    opacity: .25
}

.slick-dots {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 56px;
    right: 56px;
    margin: 0;
    list-style: none
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin-right: 6px;
    padding: 0
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 35px;
    height: 3px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: #202020
}

.slick-dots li button:hover {
    background-color: #242020
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li.slick-active button {
    background: #242020
}

@media (min-width: 416px) {
    .form-4__content {
        opacity: 0
    }

    .cssgrid .form-4__content {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 30px
    }

    .no-cssgrid .form-4__content {
        display: table;
        width: 100%;
        font-size: 0;
        table-layout: fixed
    }

    .no-cssgrid .form-4__content > div {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 15px);
        margin-right: 30px
    }

    .no-cssgrid .form-4__content > div:nth-child(2n+2) {
        margin-right: 0
    }

    .cssgrid .form-4__content, .no-cssgrid .form-4__content {
        opacity: 1
    }

    .form-3 > div {
        opacity: 0
    }

    .form-3 label {
        margin-bottom: 0;
        padding-right: 15px
    }

    .contacts-form .form-1__submit {
        width: calc(100% - 135px);
        margin-left: 135px
    }

    .cssgrid .form-3 > div {
        display: grid;
        grid-template-columns:135px 1fr;
        align-items: center
    }

    .no-cssgrid .form-3 input, .no-cssgrid .form-3 label, .no-cssgrid .form-3 textarea {
        display: inline-block;
        vertical-align: middle
    }

    .no-cssgrid .form-3 label {
        width: 120px
    }

    .no-cssgrid .form-3 input, .no-cssgrid .form-3 textarea {
        width: calc(100% - 139px)
    }

    .cssgrid .form-3 > div, .no-cssgrid .form-3 > div {
        opacity: 1
    }

    .no-cssgrid .list-24 {
        overflow: hidden
    }

    .no-cssgrid .list-24 > div {
        float: left;
        width: 50%
    }

    .no-cssgrid .list-24 > div:first-child {
        width: 100%
    }

    .no-cssgrid .list-24 > div:nth-child(2) {
        padding-top: 50%
    }
}

@media (min-width: 451px) {
    .manager-info-slider-1-wrapper .manager-info-slider__content > div:last-child {
        width: calc(100% - 190px)
    }

    .manager-info-slider-1-wrapper .manager-info-slider__content > div:last-child p:last-child {
        max-height: 184px;
        overflow: hidden
    }

    .manager-info-slider-1-wrapper + .list-19 {
        padding-left: 190px;
        margin-top: -60px
    }
}

@media (min-width: 577px) {
    .list-21 {
        height: 100%
    }

    .list-21 > div {
        width: 50%
    }

    .list-21 > div > div {
        height: 100%
    }

    .list-st-11 > div > div {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .list-st-11 > div > div > div + a, .list-st-11 > div > div > div:first-of-type {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .list-st-11 > div > div > div:last-of-type {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -moz-box-flex: 1;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }

    .flexbox .list-20 > div:nth-child(3n+4) .list-st-4 > div:first-child, .flexbox .list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .flexbox .list-20.list-st-10 > div:nth-child(3n+4) .list-st-4 > div:first-child, .flexbox .list-20.list-st-10 > div:nth-child(4n+3) .list-st-4 > div:first-child {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .flexbox .list-21 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .flexbox .list-21 > div > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }

    .no-flexbox .list-20 > div {
        height: calc(100% - 25px)
    }

    .no-flexbox .list-20 > div:nth-child(3n+4) .list-st-4 > div:first-child, .no-flexbox .list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child {
        float: right
    }

    .no-flexbox .list-20.list-st-10:nth-child(3n+4) .list-st-4 > div:first-child, .no-flexbox .list-20.list-st-10:nth-child(4n+3) .list-st-4 > div:first-child {
        float: left
    }

    .no-flexbox .list-21 > div {
        float: left;
        height: 100%
    }

    .no-flexbox .list-21:after, .no-flexbox .list-21:before {
        content: '';
        display: table
    }

    .no-flexbox .list-21:after {
        clear: both
    }
}

@media (min-width: 601px) {
    .form-2 > div {
        overflow: hidden
    }

    .form-2 > div > div {
        float: left;
        width: 31.3%;
        margin-right: 3%
    }

    .form-2 > div > div:last-child {
        margin-right: 0
    }
}

@media (min-width: 769px) {
    .table-2 td, .table-2 th {
        padding: 35px 20px;
        font-size: 17px;
        line-height: 1.2
    }

    .table-2 td:first-of-type, .table-2 th:first-of-type {
        padding-left: 40px
    }

    .table-2 td:last-of-type, .table-2 th:last-of-type {
        padding-right: 40px
    }
}

@media (min-width: 801px) {
    .dark-mode .content-st-3 {
        border-color: #050505
    }

    .style-11 {
        margin-bottom: 45px
    }

    .list-28 a, .list-29 > div {
        opacity: 0
    }

    .flexbox .list-28 a, .flexbox .list-29 > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }

    .flexbox .list-28 > div:nth-child(even) a > div:last-child {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1;
        padding-left: 0;
        padding-right: 5.35%;
        text-align: right
    }

    .flexbox .list-28 > div:nth-child(even) span {
        left: calc(51.31579% + 20px)
    }

    .flexbox .list-29 > div > div:last-child {
        -webkit-box-ordinal-group: 0;
        -moz-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .no-flexbox .list-28 a {
        display: table;
        width: 100%
    }

    .no-flexbox .list-28 a > div {
        display: table-cell;
        vertical-align: middle
    }

    .no-flexbox .list-29 > div > div:first-child {
        float: right
    }

    .no-flexbox .list-29 > div > div:last-child {
        float: left
    }

    .no-flexbox .list-29 > div:after, .no-flexbox .list-29 > div:before {
        content: '';
        display: table
    }

    .no-flexbox .list-29 > div:after {
        clear: both
    }

    .flexbox .list-28 a, .flexbox .list-29 > div, .no-flexbox .list-28 a, .no-flexbox .list-29 > div {
        opacity: 1
    }

    .list-st-8 > div {
        position: relative;
        margin-bottom: 75px;
        padding-top: 28px
    }

    .list-st-8 a > div:first-child {
        position: relative;
        width: 48.68421%
    }

    .list-st-8 a > div:first-child:after, .list-st-8 a > div:first-child:before {
        content: '';
        position: absolute;
        width: 165px;
        background: url(../img/bg-4.png)
    }

    .list-st-8 a > div:first-child:before {
        top: -45px;
        right: 7.5%;
        height: 45px
    }

    .list-st-8 a > div:first-child:after {
        bottom: -18px;
        left: 7.5%;
        height: 18px
    }

    .list-st-8 a > div:last-child {
        width: 51.31579%;
        padding-left: 3%
    }

    .list-st-8 span {
        position: absolute;
        top: -4px;
        left: 20px
    }

    .list-st-8 strong {
        margin-top: -50px;
        font-size: 33px
    }

    .list-st-9 > div {
        position: relative;
        margin-top: 65px;
        margin-bottom: 100px
    }

    .list-st-9 > div > div:first-child {
        width: 53.50877%;
        padding-left: 30px;
        padding-right: 30px
    }

    .list-st-9 > div > div:last-child {
        width: 46.49123%
    }

    .list-st-9 strong {
        font-size: 33px
    }

    .list-29__add {
        position: absolute;
        width: 165px;
        background: url(../img/bg-4.png)
    }

    .list-29__add-1 {
        top: -45px;
        left: calc(46.49123% - 185px);
        height: 45px
    }

    .list-29__add-2 {
        bottom: -18px;
        left: 5%;
        height: 18px
    }

    .content {
        display: table;
        width: 100%
    }

    .content > aside, .content > div, .content > section {
        display: table-cell;
        vertical-align: top
    }

    .content-1__aside {
        width: 39.16667%
    }

    .content-2__aside {
        width: 410px
    }

    .content-3__aside {
        width: 31.91667%
    }

    .content-1__main {
        padding-left: 20px
    }

    .content-3__main {
        padding-left: 30px
    }

    .content-st-3 {
        padding-right: 5.6%;
        padding-left: 26.85%;
        border-right: 30px solid #efefef
    }

    .content__img {
        width: 35.445%
    }

    .contacts__content {
        display: table;
        width: 100%
    }

    .contacts__content > div {
        display: table-cell;
        vertical-align: top
    }

    .contacts__content > div:first-child {
        width: 320px
    }

    .news-list-1 {
        margin-top: 100px
    }

    .content-st-4 + .news-list-1 {
        margin-top: 0
    }

    .agent-info {
        padding-top: 95px;
        padding-bottom: 80px
    }

    .agent-info h1 {
        display: inline-block;
        margin-bottom: 68px;
        opacity: 0
    }

    .agent-info__content {
        display: table;
        width: 100%
    }

    .agent-info__content > div {
        display: table-cell;
        vertical-align: top;
        width: 50%
    }

    .agent-info__content > div:last-child {
        margin-top: 0;
        padding-top: 20px;
        padding-left: 8.334%
    }

    .partner-info {
        padding-top: 113px;
        padding-bottom: 158px
    }

    .partner-info h1 {
        margin-bottom: 55px
    }

    .partner-info p {
        max-width: 450px
    }
}

@media (min-width: 1001px) {
    .manager-info {
        padding-right: 20px
    }

    .manager-info__content > div {
        float: left;
        width: 40%
    }

    .manager-info__content > div:last-child {
        width: 60%;
        padding-top: 20px;
        padding-left: 20px
    }

    .manager-info__content:after, .manager-info__content:before {
        content: '';
        display: table
    }

    .manager-info__content:after {
        clear: both
    }

    .table-info {
        opacity: 0
    }

    .table-info > div:first-child {
        width: 250px;
        padding: 57px 20px 20px;
        background-color: #e5352b
    }

    .flexbox .table-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }

    .flexbox .table-info > div:first-child {
        -webkit-box-flex: none;
        -webkit-flex: none;
        -moz-box-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        flex: none
    }

    .flexbox .table-info > div:last-child {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 1px
    }

    .no-flexbox .table-info {
        display: table;
        width: 100%
    }

    .no-flexbox .table-info > div {
        display: table-cell;
        vertical-align: top
    }

    .flexbox .table-info, .no-flexbox .table-info {
        opacity: 1
    }
}

@media (min-width: 1025px) {
    .list-30 p {
        max-width: 410px
    }

    .info-2 h2, .info-3 h2 {
        font-size: 38px
    }

    .info-2 {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .info-2 h2 {
        margin-bottom: 32px
    }

    .info-2 img {
        margin-bottom: -80px
    }

    .info-2__content, .info-3__content {
        display: table;
        width: 100%
    }

    .info-2__content > div, .info-3__content > div {
        display: table-cell
    }

    .info-2__content > div {
        vertical-align: top
    }

    .info-2__content > div:last-child {
        width: 615px;
        padding-left: 60px
    }

    .info-3 {
        padding-top: 88px;
        padding-bottom: 80px;
        font-size: 24px;
        text-align: left
    }

    .info-3 strong {
        font-size: 30px
    }

    .info-3__content > div {
        vertical-align: middle;
        width: 50%
    }

    .info-3__content > div:first-child {
        margin-bottom: 0;
        padding-left: 7.83%
    }
}

@media (min-width: 1201px) {
    .dark-mode .content-st-4 .content-4__aside .breadcrumbs {
        background-color: transparent
    }

    .header__top-content {
        padding-left: 30px
    }

    header .list-1 {
        padding-left: 20px;
        padding-right: 20px
    }

    header .list-2 {
        padding-left: 20px
    }

    header .list-2 > div {
        padding-top: 19px
    }

    header .list-2 > div:last-child {
        padding-top: 0
    }

    header .list-2 > div .list-4:last-child {
        margin-bottom: 0
    }

    header .list-4 {
        margin-bottom: 42px
    }

    .has-sub > button {
        display: none;
        width: 7px;
        height: 5px;
        background: url(../img/sprites3.png) -146px -108px no-repeat
    }

    .logo-company {
        position: relative;
        z-index: 101
    }

    .logo-company img {
        width: 234px;
        height: 62px
    }

    .header__bottom-content {
        position: relative
    }

    .main-nav > ul > li > a {
        position: relative;
        z-index: 101
    }

    .has-sub > a {
        padding-right: 14px
    }

    .has-sub > a:after, .has-sub > a:before {
        content: '';
        position: absolute
    }

    .has-sub > a:before {
        display: none;
        left: 50%;
        bottom: -26px;
        z-index: 100;
        width: 0;
        height: 0;
        margin-left: -21px;
        border-style: solid;
        border-width: 0 14px 10px;
        border-color: transparent transparent #fff
    }

    .has-sub > a:after {
        right: 0;
        top: 10px;
        width: 7px;
        height: 5px;
        padding: 0;
        background: url(../img/sprites3.png) -146px -108px no-repeat;
        cursor: pointer
    }

    .has-sub > div {
        display: none;
        position: absolute;
        top: 18px;
        left: 0;
        z-index: 100;
        width: 100%;
        padding-top: 49px
    }

    .has-sub > div > div {
        position: relative;
        padding: 35px;
        max-height: calc(100vh - 140px);
        background-color: #fff;
        overflow-y: auto
    }

    .has-sub > div:after, .has-sub > div:before {
        content: '';
        position: absolute;
        z-index: -1;
        box-shadow: 0 0 8px rgba(37, 37, 37, .35);
        top: 50%;
        bottom: 0;
        left: 10px;
        right: 10px;
        border-radius: 100px/10px
    }

    .has-sub:hover > a:before {
        display: block
    }

    .has-sub:hover > a:after {
        background-position: -146px -115px
    }

    .has-sub:hover > div {
        display: block
    }

    .sticky-1 {
        top: 25px
    }

    .style-1 {
        padding-left: 289px
    }

    .style-2 {
        padding-right: 211px
    }

    .style-3 {
        padding-right: 411px
    }

    .style-5 {
        padding-right: 40.41667%
    }

    .style-7 {
        margin-left: 60px
    }

    .style-8 {
        margin-bottom: 40px
    }

    .style-9 {
        padding-left: 60px
    }

    .list-st-4 > div:last-child {
        padding-left: 6.81%
    }

    .list-st-4 p {
        padding-left: 9.48%;
        padding-right: 9.48%
    }

    .list-st-10 .list-st-4 > div:last-child {
        padding-left: 15px
    }

    .list-st-10 .list-st-4 p {
        padding-left: 0;
        padding-right: 0
    }

    .list-st-6 a > div:last-child {
        max-width: 80%
    }

    .list-20 > div:nth-child(4n+3) .list-st-4 > div:first-child {
        padding-left: 6.81%
    }

    .list-20 > div:nth-child(4n+3) .list-st-4 > div:last-child {
        padding-left: 15px
    }

    .list-20 > div:nth-child(4n+4) .list-st-4 > div:first-child {
        padding-left: 6.81%
    }

    .list-20.list-st-10 > div:nth-child(4n+3) .list-st-4 > div:first-child, .list-20.list-st-10 > div:nth-child(4n+4) .list-st-4 > div:first-child, .list-20 > div:nth-child(4n+4) .list-st-4 > div:last-child {
        padding-left: 15px
    }

    .top-section {
        height: calc(100vh - 138px);
        margin-top: -52px
    }

    .top-section__content {
        bottom: 110px
    }

    .content-4 {
        display: table;
        width: 100%
    }

    .content-4 > aside, .content-4 > div, .content-4 > section {
        display: table-cell;
        vertical-align: top
    }

    .content-4__aside {
        width: 35.41667%
    }

    .content-st-4 {
        margin-top: -52px
    }

    .content-st-4 .content-4__main {
        padding-right: 10%;
        padding-left: 6%
    }

    .content-st-4 .content-4__aside .breadcrumbs {
        padding: 14px 7.06% 3px;
        background-color: #e7e7e7
    }

    .content-st-4 .content-4__aside .breadcrumbs + .viber-btn {
        margin: 28px 0 30px 7.06%
    }

    .content-st-4 .content-4__img {
        margin-left: -60px
    }

    .product .tabs-list {
        padding-left: 30px;
        padding-right: 30px
    }

    .contacts > div:first-child {
        padding-left: 40px
    }

    .footer__content {
        padding-left: 65px;
        padding-right: 40px;
        height: 95px;
        overflow-y: hidden;
        opacity: 0
    }

    .footer__content > div {
        padding-top: 15px
    }

    .footer__content > a {
        margin-top: 29px
    }

    .footer__nav-2 {
        margin-bottom: 10px
    }

    .flexbox .footer__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between
    }

    .no-flexbox .footer__content {
        text-align: justify;
        line-height: 0;
        font-size: 1px
    }

    .no-flexbox .footer__content:after {
        content: '';
        width: 100%;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        display: inline-block
    }

    .flexbox .footer__content, .no-flexbox .footer__content {
        height: auto;
        overflow-y: visible;
        opacity: 1
    }
}

@media (min-width: 1220px) {
    .info-1 {
        position: relative
    }

    .info-1__content {
        position: absolute;
        left: -18px;
        bottom: 45px;
        max-width: 305px;
        padding: 27px 25px 27px 75px
    }
}

@media (min-width: 1221px) {
    .partner-info .container {
        padding-left: 60px
    }
}

@media (min-width: 1311px) {
    .product .content__main {
        max-width: 645px
    }

    .product .content__main table {
        width: 76.75%
    }
}

@media (max-width: 1300px) {
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 998;
        width: 100%;
        height: 100%;
        background: rgba(37, 37, 37, .9);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .overlay-visible {
        visibility: visible;
        opacity: 1
    }
}

@media (max-width: 1280px) {
    .manager-info > img {
        right: 0
    }

    .manager-info__add-2 {
        right: 182px
    }
}

@media (max-width: 1220px) {
    .container {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 1200px) {
    .links-menu{
        width: auto;
    }
    main {
        padding-top: 85px;
        padding-bottom: 40px
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%
    }

    .header__add-nav, .header__bottom-content > div, .header__top, .lang, .list-2 img, .logo-company, .main-nav, .main-nav > ul > li.main-nav__desktop-item, .mode-nav, .search-form, .social, .sub, .toggle-wrapper div.list-5 {
        display: none
    }

    .header__bottom {
        padding: 0
    }

    .header__bottom-content {
        position: relative;
        padding-top: 11px;
        padding-bottom: 9px;
        height: 43px
    }

    .header__bottom-content .header__bottom-add, .header__bottom-content .toggle-wrapper {
        display: inline-block;
        vertical-align: middle
    }

    .toggle-wrapper > div {
        position: fixed;
        top: 45px;
        left: -300px;
        bottom: 0;
        z-index: 999;
        width: 300px;
        padding: 20px 10px;
        background: #252525;
        overflow-y: auto;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .toggle-wrapper .header__add-nav, .toggle-wrapper .lang, .toggle-wrapper .main-nav, .toggle-wrapper .mode-nav, .toggle-wrapper .search-form, .toggle-wrapper .social {
        display: block
    }

    .toggle-wrapper .list-4 li, .toggle-wrapper .list-6 li {
        margin-bottom: 0;
        border-top: 1px solid #e3e3e3
    }

    .toggle-wrapper .list-4 a, .toggle-wrapper .list-6 a {
        display: block;
        padding: 11px 10px 9px 25px;
        font-size: 12px;
        color: #fff;
        text-decoration: none
    }

    .toggle-wrapper .list-4 a:hover, .toggle-wrapper .list-6 a:hover {
        text-decoration: underline
    }

    .toggle-wrapper .list-4 li:first-child a {
        padding-left: 25px
    }

    .toggle-wrapper .list-4 a {
        padding-left: 40px
    }

    .toggle-wrapper .list-4 strong {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
        font-size: 12px
    }

    .toggle-wrapper-style > div {
        left: 0
    }

    .toggle-btn {
        position: relative;
        width: 20px;
        height: 20px;
        overflow: hidden;
        cursor: pointer
    }

    .toggle-btn i {
        position: absolute;
        top: 0;
        left: 0;
        height: 2px;
        width: 20px;
        background: #252525;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .toggle-btn i:nth-child(2) {
        top: 9px
    }

    .toggle-btn i:nth-child(3) {
        top: 18px
    }

    .toggle-btn-style i:nth-child(2) {
        left: -20px
    }

    .toggle-btn-style i:first-child, .toggle-btn-style i:nth-child(3) {
        top: 9.5px
    }

    .toggle-btn-style i:first-child {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .toggle-btn-style i:nth-child(3) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .toggle-wrapper + .logo-company {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -56.5px;
        margin-top: -16px
    }

    .toggle-wrapper + .logo-company img {
        width: 113px;
        height: 30px
    }

    .search-form {
        /*width: 100%*/
    }

    .toggle-contacts {
        display: inline-block;
        width: 20px;
        height: 20px;
        padding: 0;
        cursor: pointer;
        background: url(../img/sprites3.png) -213px -69px no-repeat
    }

    .lang {
        margin: 0 0 19px
    }

    .lang a {
        margin-right: 10px
    }

    .lang a:last-child {
        margin-right: 0
    }

    .social a {
        margin-right: 10px
    }

    .search-form {
        /*height: 35px;*/
        margin-bottom: 15px;
        /*padding-right: 35px*/
    }

    .search-form__submit {
        width: 35px;
        height: 35px
    }

    .header__add-nav, .main-nav {
        margin-left: -10px;
        margin-right: -10px
    }

    .header__add-nav li, .main-nav > ul > li {
        border-top: 1px solid #e3e3e3
    }

    .header__add-nav a, .header__add-nav li, .main-nav > ul > li, .main-nav > ul > li > a {
        display: block
    }

    .header__add-nav a, .main-nav > ul > li > a {
        padding: 11px 10px 9px;
        font-size: 14px;
        line-height: 1;
        text-transform: uppercase
    }

    .header__add-nav a:hover, .main-nav > ul > li > a:hover {
        color: #ff3b30
    }

    .main-nav {
        margin-top: 13px
    }

    .main-nav > ul > li {
        margin-right: 0
    }

    .main-nav a, .main-nav li {
        display: block
    }

    .main-nav .list-5 > div {
        background: #fff
    }

    .main-nav .list-5 strong {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .has-sub {
        position: relative
    }

    .has-sub > a {
        margin-right: 35px
    }

    .has-sub > button {
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 35px
    }

    .has-sub > button:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -4.5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        border-color: transparent transparent transparent #e3e3e3;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .has-sub-active > a {
        color: #ff3b30 !important
    }

    .has-sub-active > button:after {
        border-color: transparent transparent transparent #ff3b30;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .header__add-nav {
        margin-bottom: 20px;
        border-bottom: 1px solid #e3e3e3
    }

    .header__add-nav li {
        padding-left: 0;
        padding-right: 0;
        border-right: none
    }

    .style-10 {
        margin-top: -41px
    }

    .cssgrid .list-2, .cssgrid .list-3, .cssgrid .list-5, .no-cssgrid .list-2, .no-cssgrid .list-3, .no-cssgrid .list-5 {
        display: block
    }

    .no-cssgrid .list-2 > div, .no-cssgrid .list-3 > div, .no-cssgrid .list-3 > div:nth-child(2n+2), .no-cssgrid .list-5 > div {
        width: 100%;
        margin-right: 0
    }

    .top-section {
        padding-top: 56.25%
    }

    .top-section__content {
        bottom: 50px;
        padding-right: 10px
    }

    .content-4 .breadcrumbs, .content-4 .sticky, .content-4 .viber-btn {
        display: none
    }

    .content-4__main {
        margin-bottom: 40px
    }

    .content-4__main .breadcrumbs, .content-4__main .sticky {
        display: block
    }

    .content-4__main .viber-btn {
        display: inline-block
    }

    .content-st-4 {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto
    }

    .product {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }

    .product .content__main, .product .product__bl-1, .product .product__bl-2 {
        display: none
    }

    .product .content__aside .product__bl-1, .product .content__aside .product__bl-2 {
        display: block
    }

    .product__bl-2 {
        margin-top: 40px
    }

    .scroll-table-info {
        margin-bottom: 0;
        padding-top: 44px
    }

    .list-23 + .scroll-table-info {
        margin-top: -27px
    }

    footer {
        text-align: center
    }

    .footer__content > div {
        display: block
    }

    .footer__content > img {
        display: none
    }

    .logo-prantmedia {
        margin-top: 15px
    }
}

@media (max-width: 1024px) {
    .list-11 .no-img, .list-11 a {
        font-size: 11px
    }

    .list-11 strong {
        font-size: 14px
    }

    .cssgrid .list-1 {
        grid-column-gap: 20px
    }

    .cssgrid .list-10, .cssgrid .list-12 {
        grid-template-columns:repeat(4, 1fr)
    }

    .cssgrid .list-25 {
        grid-template-columns:repeat(2, 1fr)
    }

    .no-cssgrid .list-1 > div {
        width: calc(25% - 15px);
        margin-right: 20px
    }

    .no-cssgrid .list-10 > div, .no-cssgrid .list-12 > div {
        width: calc(25% - 15px)
    }

    .no-cssgrid .list-10 > div:nth-child(4n+4), .no-cssgrid .list-12 > div:nth-child(4n+4) {
        margin-right: 0
    }

    .no-cssgrid .list-10 > div:nth-child(5n+5), .no-cssgrid .list-12 > div:nth-child(6n+6) {
        margin-right: 20px
    }

    .no-cssgrid .list-25 > li {
        width: calc(50% - 10px)
    }

    .no-cssgrid .list-25 > li:nth-child(3n+3) {
        margin-right: 20px
    }

    .no-cssgrid .list-25 > li:nth-child(2n+2) {
        margin-right: 0
    }

    .info-2__content > div:first-child {
        display: none
    }
}

@media (max-width: 1020px) {
    .container-md {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal__content-md {
        width: 100%
    }
}

@media (max-width: 1000px) {
    .manager-info__content > div:first-child {
        margin-bottom: 40px
    }

    .table-info > div:first-child {
        margin-bottom: 15px
    }

    .table-info > div:first-child strong {
        color: #ff3b30
    }

    .table-info table {
        font-size: 12px
    }
}

@media (max-width: 900px) {
    .cssgrid .list-27 {
        grid-template-columns:repeat(3, 1fr)
    }

    .no-cssgrid .list-27 > div {
        width: 30.966%
    }

    .no-cssgrid .list-27 > div:nth-child(4n+4) {
        margin-right: 3.55%
    }

    .no-cssgrid .list-27 > div:nth-child(3n+3) {
        margin-right: 0
    }

    .cssgrid .list-20, .no-cssgrid .list-20 {
        display: block
    }

    .no-cssgrid .list-20 > div {
        display: block;
        width: 100%;
        margin-right: 0
    }
}

@media (max-width: 800px) {
    h1, h2, h3 {
        margin-bottom: 15px
    }

    .style-4 {
        margin-bottom: 40px
    }

    .sticky-1 {
        position: static
    }

    .list-1 {
        margin-bottom: -40px
    }

    .list-1 > div {
        margin-bottom: 40px
    }

    .list-26 li, .list-7 li {
        padding-top: 65%
    }

    .list-26 a, .list-7 a {
        font-size: 12px
    }

    .list-26 strong, .list-7 strong {
        padding-left: 20px;
        padding-right: 20px
    }

    .list-7 li:first-child a {
        font-size: 14px
    }

    .list-7 li:first-child strong {
        padding-bottom: 10px
    }

    .list-7 li:first-child, .list-7 li:nth-child(2), .list-7 li:nth-child(3) {
        border-bottom: 1px solid #fff
    }

    .list-7 li:nth-child(2), .list-7 li:nth-child(4) {
        border-right: 1px solid #fff
    }

    .list-7 li:nth-child(4), .list-7 li:nth-child(5) {
        border-bottom: none
    }

    .list-7 strong {
        padding-top: 10px;
        padding-bottom: 0;
        bottom: 10px
    }

    .list-16 li:last-child {
        margin-bottom: 20px
    }

    .list-26 li:nth-child(2n+2) {
        border-right: none
    }

    .list-26 strong {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .list-31__content > div:first-child {
        width: 200px
    }

    .list-31__content > div:last-child {
        width: calc(100% - 170px)
    }

    .list__img-1 {
        display: none
    }

    .list-28__content .list__img-1 {
        display: block;
        margin-bottom: 15px
    }

    .list-st-8 span {
        margin-top: 10px
    }

    .list-st-9 > div {
        margin: 0 -10px 40px;
        padding: 20px
    }

    .list-st-9 strong {
        margin-bottom: 10px
    }

    .list-slider__content {
        padding-top: 65%
    }

    .cssgrid .list-23, .cssgrid .list-31, .no-cssgrid .list-23, .no-cssgrid .list-31 {
        display: block
    }

    .cssgrid .list-26, .cssgrid .list-7 {
        grid-template-columns:repeat(2, 1fr)
    }

    .cssgrid .list-7 {
        grid-template-rows:repeat(4, 1fr)
    }

    .cssgrid .list-7 li:first-child {
        grid-row: 1/span 2;
        grid-column: 1/-1
    }

    .cssgrid .list-7 li:nth-child(2), .cssgrid .list-7 li:nth-child(4) {
        grid-column: 1/span 1
    }

    .cssgrid .list-7 li:nth-child(3), .cssgrid .list-7 li:nth-child(5) {
        grid-column: 2/span 1
    }

    .cssgrid .list-7 li:nth-child(2), .cssgrid .list-7 li:nth-child(3) {
        grid-row: 3/span 1
    }

    .cssgrid .list-7 li:nth-child(4), .cssgrid .list-7 li:nth-child(5) {
        grid-row: 4/span 1
    }

    .cssgrid .list-10, .cssgrid .list-11, .cssgrid .list-12 {
        grid-template-columns:repeat(3, 1fr)
    }

    .cssgrid .list-1, .cssgrid .list-13, .cssgrid .list-17, .cssgrid .list-32 {
        grid-template-columns:repeat(2, 1fr)
    }

    .no-cssgrid .list-1 > div {
        width: calc(50% - 10px)
    }

    .no-cssgrid .list-1 > div:nth-child(2n+2) {
        margin-right: 0
    }

    .no-cssgrid .list-7 {
        padding-top: 130.514%
    }

    .no-cssgrid .list-7 li {
        width: 50%;
        height: 25%
    }

    .no-cssgrid .list-7 li:first-child {
        width: 100%;
        left: 0;
        height: 50%
    }

    .no-cssgrid .list-7 li:nth-child(4), .no-cssgrid .list-7 li:nth-child(5) {
        right: 0;
        bottom: 0
    }

    .no-cssgrid .list-7 li:nth-child(2), .no-cssgrid .list-7 li:nth-child(4) {
        left: 0
    }

    .no-cssgrid .list-7 li:nth-child(2), .no-cssgrid .list-7 li:nth-child(3) {
        top: 50%
    }

    .no-cssgrid .list-7 li:nth-child(3) {
        left: auto;
        right: 0;
        bottom: auto
    }

    .no-cssgrid .list-7 li:nth-child(4) {
        top: auto;
        right: auto
    }

    .no-cssgrid .list-10 > div, .no-cssgrid .list-11 > div, .no-cssgrid .list-12 > div {
        width: calc(33.3% - 13.5px)
    }

    .no-cssgrid .list-10 > div:nth-child(4n+4), .no-cssgrid .list-11 > div:nth-child(4n+4), .no-cssgrid .list-12 > div:nth-child(4n+4) {
        margin-right: 20px
    }

    .no-cssgrid .list-10 > div:nth-child(3n+3), .no-cssgrid .list-11 > div:nth-child(3n+3), .no-cssgrid .list-12 > div:nth-child(3n+3), .no-cssgrid .list-12 > div:nth-child(6n+6) {
        margin-right: 0
    }

    .no-cssgrid .list-13 > div, .no-cssgrid .list-17 > div, .no-cssgrid .list-32 > div {
        width: calc(50% - 12.5px)
    }

    .no-cssgrid .list-13 > div:nth-child(3n+3), .no-cssgrid .list-17 > div:nth-child(3n+3), .no-cssgrid .list-32 > div:nth-child(3n+3) {
        margin-right: 25px
    }

    .no-cssgrid .list-13 > div:nth-child(2n+2), .no-cssgrid .list-17 > div:nth-child(2n+2), .no-cssgrid .list-32 > div:nth-child(2n+2) {
        margin-right: 0
    }

    .no-cssgrid .list-23 {
        display: block
    }

    .no-cssgrid .list-23 > a {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .no-cssgrid .list-26 > li {
        width: 50%;
        padding-top: 32.414%
    }

    .no-cssgrid .list-31 > div {
        width: 100%;
        margin-right: 0
    }

    .top-section {
        margin-bottom: 40px
    }

    .content-3 {
        margin-bottom: 20px
    }

    .content-3__main {
        margin-bottom: 40px
    }

    .content-st-3 {
        padding-right: 25px
    }

    .contacts {
        margin-top: 40px;
        padding: 35px 10px 40px
    }

    .contacts__content > div:first-child {
        margin-bottom: 35px
    }

    .contacts__content > div:last-child {
        height: 400px
    }

    .manager-info {
        margin-bottom: 35px;
        padding-left: 20px;
        padding-right: 20px
    }

    .manager-info + section h2 {
        margin-bottom: 0
    }

    .manager-info + section h2 + p {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .product-like-btn, .product__add > div {
        margin-right: 12px
    }
}

@media (max-width: 720px) {
    .container-sm {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 700px) {
    .list-25 a > div:first-child {
        width: 33%
    }

    .list-25 a > div:last-child {
        width: 67%
    }

    .list-25 .list__img-1 {
        padding-top: 49.2%
    }

    .list-27 > div {
        margin-bottom: 10px
    }

    .no-flexbox .list-25 a > div:first-child {
        width: 33%
    }

    .cssgrid .list-25, .no-cssgrid .list-25 {
        display: block
    }

    .cssgrid .list-27 {
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 10px
    }

    .no-cssgrid .list-25 > li {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .no-cssgrid .list-25 > li:nth-child(3n+3) {
        margin-right: 0
    }

    .no-cssgrid .list-27 > div {
        width: calc(50% - 5px);
        margin-right: 10px
    }

    .no-cssgrid .list-27 > div:nth-child(3n+3) {
        margin-right: 10px
    }

    .no-cssgrid .list-27 > div:nth-child(2n+2), .no-cssgrid .list-27 > div:nth-child(4n+4) {
        margin-right: 0
    }
}

@media (max-width: 600px) {
    .form-2 > div > div {
        margin-bottom: 22px
    }

    .form-2 > div > div:last-child {
        margin-bottom: 0
    }

    .manager-info {
        padding-bottom: 40px
    }

    .manager-info h2 {
        margin-bottom: 15px
    }

    .manager-info > img, .manager-info__add-2 {
        display: none
    }
}

@media (max-width: 576px) {
    .title-3, .title-4, h1 {
        font-size: 25px
    }

    h2 {
        font-size: 20px
    }

    h3 {
        font-size: 15px
    }

    .list-1 {
        margin-bottom: -30px
    }

    .list-1 > div {
        margin-bottom: 30px
    }

    .list-1__content {
        font-size: 10px
    }

    .list-1__content strong {
        margin-top: 14px;
        margin-bottom: 8px;
        font-size: 12px
    }

    .list-16 a {
        padding: 22px 20px 45px
    }

    .list-16 b {
        right: 20px;
        bottom: 20px
    }

    .list-23 > a {
        padding: 32px 15px 95px 70px
    }

    .list-23 > a h2, .list-23 > a span {
        font-size: 22px
    }

    .list-23 > a strong {
        bottom: auto;
        top: 115px;
        left: -190px;
        font-size: 60px;
        -webkit-transform: rotate(-90deg) translateY(0);
        transform: rotate(-90deg) translateY(0)
    }

    .list-23 > a:last-child strong {
        top: 99px
    }

    .list-18 a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px
    }

    .list-31__content > div:first-child {
        width: 150px
    }

    .list-31__content > div:last-child {
        margin-left: -10px;
        padding: 12px 15px;
        width: calc(100% - 140px);
        font-size: 12px
    }

    .list-31__content > div:last-child strong {
        margin-bottom: 7px;
        font-size: 15px
    }

    .list-31__img {
        top: 34px;
        bottom: 10px;
        left: 10px;
        right: 20px
    }

    .list-st-4 strong {
        font-size: 22px
    }

    .list-st-7 a {
        font-size: 12px
    }

    .list-st-7 a strong {
        padding: 11px 10px 9px
    }

    .list__img-3 div {
        padding: 10px 10px 0
    }

    .cssgrid .list-32, .no-cssgrid .list-32 {
        display: block
    }

    .cssgrid .list-1 {
        grid-column-gap: 10px
    }

    .cssgrid .list-10, .cssgrid .list-11, .cssgrid .list-12 {
        grid-template-columns:repeat(2, 1fr)
    }

    .no-cssgrid .list-1 > div {
        width: calc(50% - 5px);
        margin-right: 10px
    }

    .no-cssgrid .list-1 > div:nth-child(2n+2) {
        margin-right: 0
    }

    .no-cssgrid .list-10 > div, .no-cssgrid .list-11 > div, .no-cssgrid .list-12 > div {
        width: calc(50% - 10px)
    }

    .no-cssgrid .list-10 > div:nth-child(3n+3), .no-cssgrid .list-11 > div:nth-child(3n+3), .no-cssgrid .list-12 > div:nth-child(3n+3) {
        margin-right: 20px
    }

    .no-cssgrid .list-10 > div:nth-child(2n+2), .no-cssgrid .list-10 > div:nth-child(4n+4), .no-cssgrid .list-11 > div:nth-child(2n+2), .no-cssgrid .list-11 > div:nth-child(4n+4), .no-cssgrid .list-12 > div:nth-child(2n+2), .no-cssgrid .list-12 > div:nth-child(4n+4) {
        margin-right: 0
    }

    .no-cssgrid .list-32 > div {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .no-cssgrid .list-32 > div:nth-child(3n+3) {
        margin-right: 0
    }

    .call-btn {
        width: 40px;
        height: 40px
    }

    .call-btn:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        margin-left: -10px;
        margin-top: -10px;
        background-position: -213px -69px
    }

    .content-st-3 {
        padding: 37px 20px
    }

    .content-st-3 h2 {
        margin-bottom: 15px
    }

    .content-3__main .content__img {
        display: none
    }

    .content-st-4 .content-4__main {
        padding: 30px 15px
    }

    .top-section__content {
        bottom: 20px
    }

    .product__add {
        text-align: center
    }

    .product__add > div {
        display: table;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .product-like-btn {
        margin-right: 12px
    }

    .contacts h2 {
        font-size: 20px
    }
}

@media (max-width: 450px) {
    .manager-info__list p {
        right: auto;
        left: -100vw
    }

    .manager-info__list button:hover + p {
        left: 0
    }

    .manager-info-slider-1-wrapper .manager-info-slider__content > div:first-child {
        width: 120px;
        padding-right: 15px
    }

    .manager-info-slider-1-wrapper .manager-info-slider__content > div:last-child {
        width: calc(100% - 120px)
    }

    .manager-info-slider-1-wrapper .manager-info-slider__content p {
        font-size: 10px
    }
}

@media (max-width: 420px) {
    .modal-overlay {
        padding-left: 10px;
        padding-right: 10px
    }

    .modal__content {
        width: 100%
    }

    .modal__content h2 {
        font-size: 17px
    }
}

@media (max-width: 415px) {
    body {
        font-size: 14px
    }

    ul li:before {
        top: 2px
    }

    ol li:before {
        top: -4px
    }

    .agent-info__form .form-4__submit, .agent-info__form input, .agent-info__form label {
        font-size: 10px
    }

    .agent-info__form .form-4__submit, .agent-info__form input {
        height: 40px
    }

    .agent-info__form .form-4__submit {
        line-height: 42px !important
    }

    .list-26 li, .list-7 li {
        border-bottom: 1px solid #fff
    }

    .list-26 li:first-child, .list-26 li:nth-child(2), .list-26 li:nth-child(3), .list-26 li:nth-child(4), .list-7 li:first-child, .list-7 li:nth-child(2), .list-7 li:nth-child(3), .list-7 li:nth-child(4) {
        border-right: none
    }

    .list-7 li:nth-child(4) {
        border-bottom: 1px solid #fff
    }

    .list-17 div {
        padding: 17px 20px
    }

    .list-17 div strong {
        margin-left: -20px;
        padding-left: 20px
    }

    .list-24 div {
        padding-top: 65%
    }

    .list-24 div:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #fff
    }

    .list-25 strong {
        font-size: 16px
    }

    .cssgrid .list-10, .cssgrid .list-11, .cssgrid .list-12, .cssgrid .list-13, .cssgrid .list-17, .cssgrid .list-18, .cssgrid .list-24, .cssgrid .list-26, .cssgrid .list-7, .no-cssgrid .list-10, .no-cssgrid .list-11, .no-cssgrid .list-12, .no-cssgrid .list-13, .no-cssgrid .list-17, .no-cssgrid .list-18, .no-cssgrid .list-24, .no-cssgrid .list-26, .no-cssgrid .list-7 {
        display: block
    }

    .no-cssgrid .list-10 > div, .no-cssgrid .list-11 > div, .no-cssgrid .list-12 > div, .no-cssgrid .list-13 > div, .no-cssgrid .list-17 > div, .no-cssgrid .list-18 > div {
        display: block;
        width: 100%;
        margin-right: 0
    }

    .no-cssgrid .list-10 > div:nth-child(3n+3), .no-cssgrid .list-10 > div:nth-child(5n+5), .no-cssgrid .list-11 > div:nth-child(3n+3), .no-cssgrid .list-11 > div:nth-child(5n+5), .no-cssgrid .list-12 > div:nth-child(3n+3), .no-cssgrid .list-12 > div:nth-child(5n+5), .no-cssgrid .list-13 > div:nth-child(3n+3), .no-cssgrid .list-17 > div:nth-child(3n+3), .no-cssgrid .list-18 > div:nth-child(3n+3) {
        margin-right: 0
    }

    .no-cssgrid .list-7 {
        position: static;
        padding-top: 0
    }

    .no-cssgrid .list-7 li {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 0
    }

    .no-cssgrid .list-7 li:first-child {
        height: auto
    }

    .no-cssgrid .list-7 a {
        position: relative;
        padding-top: 65%
    }

    .no-cssgrid .list-26 > li {
        width: 100%;
        padding-top: 64.75%
    }
}

@media (max-width: 400px) {
    .form-st-1, .form-st-2 {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 320px) {
    .list-31__content > div:first-child {
        width: 120px
    }

    .list-31__content > div:last-child {
        width: calc(100% - 110px);
        font-size: 10px
    }

    .list-31__content > div:last-child strong {
        font-size: 13px
    }
}

@media (min-width: 416px) and (max-width: 800px) {
    .list-9 {
        display: table;
        width: 100%;
        font-size: 0;
        table-layout: fixed
    }

    .list-9 li {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 10px);
        margin-right: 20px;
        font-size: 12px
    }

    .list-9 li:nth-child(2n+2) {
        margin-right: 0
    }
}

@media (min-width: 577px) and (max-width: 800px) {
    .list-16 {
        opacity: 0
    }

    .list-16 li:last-child {
        margin-bottom: 20px
    }

    .cssgrid .list-16 {
        display: grid;
        grid-column-gap: 20px;
        grid-template-columns:repeat(2, 1fr)
    }

    .cssgrid .list-16 a {
        height: 100%
    }

    .no-cssgrid .list-16 {
        display: table;
        width: 100%;
        font-size: 0;
        table-layout: fixed
    }

    .no-cssgrid .list-16 li {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 10px);
        margin-right: 20px
    }

    .no-cssgrid .list-16 li:nth-child(2n+2) {
        margin-right: 0
    }

    .cssgrid .list-16, .no-cssgrid .list-16 {
        opacity: 1
    }
}

/*hover to acordeon*/
a.links-menu:hover {
    text-decoration: none;
}


@media (min-width: 1201px) {
    .header_fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
    }
    .main_fixed {
        padding-top: 158px;
    }
}